Perancangan Sistem Informasi Berbasis Web Di SMA Negeri 1 Sidikalang

PERANCANGAN SISTEM INFORMASI BERBASIS WEB
DI SMA NEGERI 1 SIDIKALANG

TUGAS AKHIR

MARTHA THERESIA S
072406048

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

Universitas Sumatera Utara

PERANCANGAN SISTEM INFORMASI BERBASIS WEB
DI SMA NEGERI 1 SIDIKALANG
TUGAS AKHIR
Diajukan sebagai salah satu syarat dalam menyelesaikan Pendidikan Program

Studi D-3 Ilmu Komputer

MARTHA THERESIA S
072406048

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 DI SMA NEGERI 1
SIDIKALANG
: TUGAS AKHIR
: MARTHA THERESIA S
: 072406048
: D-3 ILMU KOMPUTER
: MATEMATIKA
: MATEMATIKA DAN ILMU PENGETAHUAN
ALAM UNIVERSITAS SUMATERA UTARA

Diluluskan di
Medan, Juni 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
DI SMA NEGERI 1 SIDIKALANG

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

Martha Theresia S
072406048

Universitas Sumatera Utara

PENGHARGAAN

Puji dan syukur penulis panjatkan kepada Tuhan yang telah memberikan rahmat,
kesehatan dan karunia-Nya sehingga penulis dapat menyelesaikan Tugas Akhir ini
sesuai dengan waktu yang telah ditentukan. Tugas Akhir ini disusun guna memenuhi
satu syarat kelulusan pada Program Studi D-3 Ilmu Komputer Fakultas Matematika
dan Ilmu Pengetahuan alam Universitas Sumatera Utara.


Adapun judul dan tugas akhir ini adalah “PERANCANGAN SISTEM
INFORMASI BERBASIS WEB DI SMA NEGERI 1 SIDIKALANG.”

Dalam penyusunan dan penulisan tugas akhir ini, penulis banyak mendapatkan
bimbingan, bantuan dan dukungan baik material maupun moril yang sangat berharga,
maka dalam kesempatan ini penulis ingin menyampaikan rasa terimah kasih yang
sebesar-besarnya kepada:
1. Bapak Prof. Dr. Eddy Marliyanto, M.Sc selaku dekan Fakultas Matematika dan
Ilmu Pengetahuan Alam Universitas Sumatera Utara.
2. Bapak Dr. Sutarman selaku Pembantu Dekan 1 FMIPA USU.
3. Bapak Dr. Saib Susilo, M.Sc selaku Ketua Departemen Matematika dan Ilmu
Pengetahuan Alam Universitas Sumatera Utara.
4. Ibu Dra. Elly Rosmaini M,Sc selaku pembimbing penulis yang telah membantu
dan memberikan pengarahan dalam penulisan tugas akhir ini.
5. Bapak Ramses Sitanggang, S.Pd selaku kepala sekolah SMA Negeri 1 Sidikalang
yang telah memberi izin kepada penulis untuk melakukan penelitian dan
membantu penulis selama penelitian.

Universitas Sumatera Utara


6. Seluruh staf pengajar di Fakultas Matematika dan Ilmu Pengetahuan Alam
Universitas sumatera Utara khususnya program studi D3 Ilmu Komputer yang
telah banyak memberikan ilmu pendidikan.
7. Alm. A. Sinaga ayahanda penulis dan Ibunda N.Sihombing atas doa restunya dan
kasih sayangnya yang tiada habisnya diberikan kepada penulis serta dukungan
material sehingga penulis dapat menyelesaikan tugas akhir ini.
8. Kelima adik penulis Boston, Ade Toman, Ridho Ganda, Sabam Romian, Prayoga
Manganju yang merupakan keluarga terbaik penulis yang selalu memberikan
dukungan semangat dan doa.
9. Saudara/i penulis (Tante Melva, Tante Rumiris, Tante Nurmala, Tulang Henny,
Nantulang Henny) yang selalu memberi dukungan semangat dan doa.
10. Sahabat penulis Ayu, Elisa, Wina yang memberikan kebaikan dan waktu untuk
membagi ilmu kepada penulis, semoga Tuhan membalas semuanya.
11. Teman-teman penulis khususnya Evril Berlin, Karmila, Victor Tarigan, Hendra
Lesmana, Iren dan Seluruh rekan mahasiswa D3 Ilmu Komputer khususnya Kom
C’07 yang telah memberikan kebaikan dan waktu luang membagi ilmu kepada
penulis semoga Tuhan membalasnya.

Akhirnya dengan kerndahan hati penulis mempersembahkan Tugas Akhir ini,
semoga bermanfaat bagi kita semua.


Medan,
Penulis

Juni 2010

Martha Theresia S
072406048

Universitas Sumatera Utara

ABSTRAK

Kajian ini bertujuan membangun sistem informasi. Sistem ini dikembangkan
menggunakan perangkat lunak dreamweaver 8 dan sebagai server AppServ. Sistem
yang dikembangkan adalah berbasis web. Pengembangan sistem dikhususkan kepada
SMA Negeri 1 Sidikalang. Sistem dirancang untuk memperkenalkan SMA Negeri 1
Sidikalang kepada masyarakat sehingga siapapun dapat mengakses web ini. Metode
yang digunakan adalah penelitian ke lapangan, wawancara, pengamatan, penelitian
kepustakaan. Website ini akan diobaca oleh server dan akan ditampilkan di dalam web

browser.

Universitas Sumatera Utara

DAFTAR ISI

Persetujuan
Pernyataan
Penghargaan
Abstrak
Daftar Isi
Daftar Tabel
Daftar Gambar

Halaman
ii
iii
iv
vi
vii

ix
x

Bab 1 Pendahuluan
1.1 Latar Belakang
1.2 Identifikasi Masalah
1.3 Batasan Masalah
1.4 Maksud dan Tujuan Penelitian
1.5 Kajian Pustaka
1.6 Metodologi Penelitian
1.6 Sistematika Penelitian

1
2
2
2
3
4
5


Bab 2 Landasan Teori
2.1 Pengertian Komputer
2.1.1 Sistem Komputer
2.2 Pengertian Tentang Data, Data Flow Diagram dan Diagram Alir
2.2.1 Pengertian Data
2.2.2 Pengertian Data Flow Diagram
2.2.3 Pengertian Diagram Alir
2.3 Pengertian Sistem Informasi
2.3.1 Komponen Sitem Informasi
2.4 Internet
2.5 Web Server
2.6 HyperText Markup Language (HTML)
2.7 Personal Home Page (PHP)
2.7.1 Kelebihan PHP
2.7.2 Sintaks PHP
2.8 MySQL
2.9 Macromedia Dreamweaver 8
Bab 3 Deskripsi Singkat SMA Negeri 1 Sidikalang
3.1 Profil Sekolah
3.2 Visi, Misi dan Tujuan Sekolah

3.2.1 Visi
3.2.2 Misi
3.2.3 Tujuan

6
6
7
7
8
9
11
11
12
13
13
14
14
15
15
16

17
17
17

Universitas Sumatera Utara

Bab 4 Analisis danPerancangan Sistem
4.1 Analisis
4.2 Perancangan Data Flow Diagram
4.3 Perancangan Flowchart
4.4 Mempersiapkan Database Server
4.5 Perancangan Halaman Website

18
20
22
25
28

Bab 5 Implementasi Sistem
5.1 Pengertian Implementasi Sitsem
5.2 Tujuan Implementasi Sistem
5.3 Komponen Utama dalam Sistem
5.3.1 Perangkat Keras
5.3.2 Perangkat Lunak
5.3.3 Tenaga Pelaksana
5.4 Instalasi AppServ
5.5 Demonstrasi Program
5.5.1 Halaman Utama
5.5.2 Halaman Login Admin
5.5.3 Halaman Buku Tamu

36
36
37

Bab 6 Kesimpulan dan Saran
6.1 Kesimpulan
6.2 Saran

38
38

29
29
30
30
31
31

Daftar Pustaka
Lampiran

Universitas Sumatera Utara

DAFTAR TABEL

Tabel 2.1 Simbol-Simbol Data Flow Diagram
Tabel 2.2 Simbol-Simbol Flowchat
Tabel 4.1 Tabel Guestbook
Tabel 4.2 Tabel Administrator
Tabel 4.3Admin Guru
Tabel 4.4 Siswa
Tabel 4.5 Guru

Halaman
8
9
26
26
26
27
27

Universitas Sumatera Utara

DAFTAR GAMBAR

Gambar 4.1 Diagram Konteks
Gambar 4.2 Diagram Konteks Level 0
Gambar 4.3 Flowchart Halaman Utama
Gambar 4.4 Flowchart Halaman Admin
Gambar 4.5 Flowchart Buku Tamu
Gambar 5.1 Instalasi AppServ
Gambar 5.2 Halaman Utama
Gambar 5.3 Halaman Login Admin
Gambar 5.4 Halaman Proffil
Gambar 5.5 Halaman Buku Tamu

Halaman
21
22
23
24
25
36
36
37
37

Universitas Sumatera Utara

ABSTRAK

Kajian ini bertujuan membangun sistem informasi. Sistem ini dikembangkan
menggunakan perangkat lunak dreamweaver 8 dan sebagai server AppServ. Sistem
yang dikembangkan adalah berbasis web. Pengembangan sistem dikhususkan kepada
SMA Negeri 1 Sidikalang. Sistem dirancang untuk memperkenalkan SMA Negeri 1
Sidikalang kepada masyarakat sehingga siapapun dapat mengakses web ini. Metode
yang digunakan adalah penelitian ke lapangan, wawancara, pengamatan, penelitian
kepustakaan. Website ini akan diobaca oleh server dan akan ditampilkan di dalam web
browser.

Universitas Sumatera Utara

BAB 1

PEDAHULUAN

1.1 Latar Belakang
Sekolah merupakan salah satu sarana belajar–mengajar yang diwajibkan Pemerintah.
Dalam mendukung aspek- aspek kegiatan sekolah penulis ingin merancang suatu
sistem informasi. Sistem informasi dapat diakses melalui jaringan internet.

Sistem informasi dapat digunakan untuk mempublikasi sekolah kepada
masyarakat luas seperti mempromosikan keunggulan sekolah, kegiatan yang menarik
dari sekolah, profil pengajar-pengajarnya dan segala sesuatu mengenai sekolah
tersebut melalui internet.

Kehadiran internet dalam kehidupan manusia ternyata telah mengubah
sebagian besar kebiasaan orang dalam berkomunikasi dengan orang lain, mulai dari
sekedar menyampaikan pesan sampai aktifitas sehari-hari. Perkembangan internet
yang semakin pesat dan semakin akrab menyentuh kehidupan manusia.

Dalam membangun sebuah sistem informasi yang terkoneksi melalui internet
yang disebut website yang terhubung dengan web server. Web server adalah sebuah
perangkat lunak server yang berfungsi menerima permintaan HTTP dari klien yang

Universitas Sumatera Utara

dikenal dengan web browser dan mengirim kembali hasilnya dalam bentuk halamanhalaman web yang umumnya berbentuk dokumen HTML (Rulianto Kurniawan,
2008).

Berdasarkan latar belakang tersebut, maka penulis tertarik mengajukan judul
“Perancangan Sistem Informasi SMA Negeri 1 Sidikalang”, yang akan dilihat
masyarakat.

1.2 Identifikasi Masalah
Menghindari kesimpangsiuran dalam pembatasan masalah dan mengingat akan
keterbatasan penulis dalam ilmu dan keterampilan maka penulis membatasi
permasalahan hanya pada perancangan sistem informasi SMA Negeri 1 Sidikalang
sehingga dapat dilihat oleh masyarakat.

1.3 Batasan Masalah
Penulis membatasi ruang lingkup, hal ini dilakukan agar pembahasannya tidak
menyimpang dari topik perancangan web di SMA Negeri 1 Sidikalang. Batasan
masalah dalam pembuatan tugas akhir ini mengenai faslitas, materi pelajaran, staf
pengajar dan prestasi yang telah diraih oleh SMA Negeri 1 Sidikalang.

1.4 Maksud dan Tujuan Penelitian
1.4.1 Maksud
Penulis bermaksud untuk membuat suatu aplikasi sistem informasi berbasis Web yang
mudah digunakan dan user interface. Selain itu juga untuk menemukan suatu cara
dalam mempublikasikan SMA Negeri 1 Sidikalang kepada masyarakat.

Universitas Sumatera Utara

1.4.2 Tujuan
Tujuan dari penelitian ini adalah:
1. Merancang web yang menyediakan informasi tentang SMA Negeri 1 Sidikalang.
2. Membantu pihak sekolah dalam memperkenalkan SMA Negeri 1 Sidikalang
kepada masyarakat.
3. Media kepada pihak sekolah untuk membantu kegiatan sekolah.
4. Untuk mengaplikasikan seluruh ilmu yang diperoleh selama masa perkuliahan
sehingga dapat berguna bagi mahasiswa.

1.5 Kajian Pustaka
“Sistem informasi adalah

sekumpulan komponen yang saling berhubungan,

mengumpulkan, memproses, menyimpan dan mendistribusikan informasi untuk
pengambilan keputusan dan pengawasan dalam suatu informasi. Sistem informasi
mencakup data dan informasi” (Kenneth C. Laudon, 2008).

“Sebuah jaringan internet dapat dijalankan secara multiuser, yaitu dapat diakses oleh
banyak user/pengguna secara bersamaan dari komputer yang berbeda-beda.”
(Madcoms, 2006).

“Bahasa pemrograman PHP adalah bahasa pemrograman yang bekerja dalam sebuah
web server.” (Madscom, 2008).

“Fungsi PHP dibagi menjuadi dua bagian, yaitu fungsi PHP yang berfungsi untuk
mengolah data dan fungsi PHP yang digunakan untuk mengakses database.”
(Madscom, 2005).

Universitas Sumatera Utara

1.6 Metodologi Penelitian
Untuk mendapatkan keterangan-keterangan dan data yang diperlukan guna
memperoleh suatu kebenaran ilmiah, maka penulis melakukan penelitian dengan
beberapa metode, sebagai berikut :
a. Penelitian lapangan (Field research)
Penelitian ini dilakukan penulis di lapangan. Dalam hal ini penulis langsung
meneliti di SMA Negeri 1 Sidikalang sebagai objek penelitian.
b. Wawancara (Interview)
Data yang dikumpulkan penulis dengan melakukan tanya jawab langsung kepada
pegawai dan guru SMA Negeri 1 Sidikalang yang berkaitan dengan masalah yang
akan dipecahkan sehingga penulis dapat memperoleh data dan informasi yang
akurat
c. Pengamatan (Observation)
Data yang dikumpulkan dengan melakukan peninjauan secara langsung ke
lapangan
d. Penelitian Kepustakaan
Penulis menggunakan buku-buku yang berhubungan dengan masalah untuk dapat
memperoleh data yang dibutuhkan.

Universitas Sumatera Utara

1.7 Sistematika Penulisan
Penulis membuat suatu sistematika penulisan untuk mempermudah penulisan tugas
akhir ini:
BAB 1

PENDAHULUAN
Bab ini berisikan uraian latar belakang, maksud dan tujuan, identifikasi
masalah, maksud dan tujuan, kajian pustaka, metode penelitian dan batasan
masalah.

BAB 2

LANDASAN TEORI
Bab ini berisikan uraian teori-teori singkat megenai judul dan pembahasan
mengenai HTML sebagai teks editornya, bahasa, PHP sebagai bahasa
pemrograman, MySQL sebagai database, dan Apache sebagai web server.

BAB 3

DESKRIPSI SINGKAT SMA NEGERI 1 SIDIKALANG
Bab ini berisikan uraian mengenai profil SMA Negeri 1 Sidikalang dan
stuktur organisasi sekolah,

BAB 4

ANALISIS DAN PERANCANGAN SISTEM
Bab ini berisikan uraian mengenai analisis, pembuatan dan perancangan
sistem.

BAB 5

IMPLEMENTASI SISTEM
Bab ini berisikan uraian mengenai defenisi, tujuan, langkah-langkah dalam
implementasi dan komponen kebutuhan sistem.

BAB 6

KESIMPULAN DAN SARAN
Bab ini berisikan uraian megenai kesimpulan dan saran.

Universitas Sumatera Utara

BAB 2

LANDASAN TEORI

2.1 Pengertian Komputer
Komputer berasal dari bahasa latin “computare” yang mengandung arti menghitung.
Jadi, komputer dapat diartikan alat untuk menghitung. Perkembangan teknologi
komputer telah memberikan berbagai kemampuan lain pada komputer sehingga
defenisi computer mengalami perubahan.

Menurut Robert H. Blissmer komputer adalah suatu alat elektronik yang
mampu melakukan beberapa tugas yaitu menerima input, memproses input sesuai
dengan programnya, menyimpan perintah-perintah dan hasil dari pengolahan, serta
menyediakan output dalam bentuk informasi.

Perubahan ini memudahkan setiap orang dalam pengolahan data dan
pengumpulan informasi yang dapat dikerjakan dalam waktu yang sangat singkat.

2.1.1 Sistem Komputer
Proses pengolahan data agar dapat dilakukan komputer, maka haruslah
berbentuk sistem komputer. Tujuuan pokok sistem komputer adalah mengolah data

Universitas Sumatera Utara

untuk menghasilkan informasi. Tujuan pokok tersebut dapat terlaksana jika ada
elemen-elemen pendukungnya.

Elemen-elemen dari sistem pendukung komputer adalah sebagai berikut:
1. Perangkat keras (Hardware)
Hardware merupakan peralatan fisik dari sebuah komputer. Umumnya terdiri dari
tiga jenis perangkat yaitu; perangkat masukan (input device), perangkat keluaran
(output device), serta pengolahan (\processor).
2. Perangkat Lunak (Software)
Software merupakan program yang berisi perintah-perintah untuk melakukan
pengolahan data.
3. Tenaga Pelaksana (Brainware)
Brainware merupakan manusia yang dibutuhkan untuk mengoperasikan serta
mengatur sistem komputer.

2.2 Pengertian Tentang Data, Data Flow Diagram (DFD), dan Diagram Alir
2.2.1 Pengertian Data
Beberapa pengertian data adalah sebagai berikut:
a. Kata data diambil dari bahasa Inggris yang berasal dari bahasa Yunani yang
berarti fakta.
b. Data adalah sesuatu fakta mentah mewakili kejadian-kejadian yang terjadi dalam
suatu organisasi atau lingkungan fisik yang merupakan bahan mentah dari
informasi. (Kenneth C. Loudon et al, 2008).

Universitas Sumatera Utara

c. Data adalah segala sesuatu yang bisa dikodekan dan dilambangkan dengan kodekode, lambang-lambang atau simbol-simbol yang telah disediakan oleh komputer.
(Bambang Wahyudi, 2003).

Dari pengertian di atas, dapat disimpulkan data adalah bahan mentah informasi
yang mewakili dari suatu kejadian yang berbentuk alphabet, angka, maupun simbol
khusus. Data dapat disusun dalam bentuk stuktur data, stuktur file dan basis data.

2.2.2 Pengertian Data Flow Diagram (DFD)
Data Flow Diagram yang nantinya akan di singkat 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 mewakili entitas eksternal

1

yang berkomunikasi dengan sistem yang
sedang dikembangkan.
Proses

2

Menggambarkan bagian dari sistem yang
mentransformasikan input menjadi output

Universitas Sumatera Utara

Data Store
Simpanan data yang dapat berupa file atau
database, arsip, tabel acuan, agenda atau

3

buku.

Data Flow
4

Ini mengalir di antara proses, simpan data
dan kesatuan.

2.2.3 Diagram Alir (Flowchart)
Bagan alir program (flowchart) adalah suatu bagan yang mengambarkan 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

2

proses

digunakan

untuk

mewakili suatu proses atau untuk
pengolahan

aritmatika

dan

pemindahan data.

Universitas Sumatera Utara

Simbol input/ output digunakan untuk
3

mewakili

data

input/output

dan

menunjukan 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 variabe l atau counter
Simbol

connector

(penghubung)

digunakan menunjukan hubungan arus
6
proses yang terputus masih dalam
halaman yang sama
Simbol off-page connector digunakan
untuk menunjukan

hubungan

arus

7
proses yang terputus masih dalam
halaman sama atau yang berbeda
Simbol proses terdefenisi digunakan
8

untuk

menunjukan

suatu

operasi

rinciannya ditunjukkan di tempat lain.
Simbol display digunakn untuk output
9
yang ditunjukan/ ditampilkan monitor.

Universitas Sumatera Utara

Simbol dokumen digunakan untuk
menunjukan 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

2.3 Pengertian Sistem Informasi
Sistem Informasi merupakan sekumpulan komponen yang saling berhubungan,
mengumpulkan, menyimpan dan mendistribusikan informasi dalam suatu organisasi.

2.3.1 Komponen sistem informasi
Sistem informasi memiliki komponen-komponen dalam mencapai sasaran sitem.
Adapun komponen dari sistem informasi adalah sebagai berikut:
a. Blok Masukan (Input Block)
Blok masukan dalam sebuah sistem informasi meliputi metode-metode dan media
untuk mengungkap data yang akan dimasukkan.
b. Blok Model
Blok model ini terdiri dari kombinasi prosedur, logika dan model matematik yang
berfungsi memanipulasi keluaran tertentu.

Universitas Sumatera Utara

c. Blok Keluaran (Ouput Block)
Blok keluaran berupa data-data keluaran seperti dokumen output dan informasi
berkualitas.
d. Blok Teknologi (Tehnology Block)
Blok teknologo digunakan untuk menerima input, menjalankan model,
menyimapan dan mengakses data, menghasilkan dan mengirimkan keluaran serta
membantu pengendalian sitem secara keseluruhan.
e. Blok Basis Data (Database Block)
Merupakan kumpulan data yang berhubungan satu dengan yang lainnya,
tersimapn di perangkat keras computer dan perangkat lunak memanipulasinya.
f. Blok Kendali (Control Block)
Meliputi masalah pengendalian terhadap opeasionla sistem berfungsi mencegah
ddan menagani kesalahan/kegagalan sistem.

2.4 Internet
Intenet (interconnected Network) merupakan hubungan banyak komputer yang
membentuk sistem jaringan global yang terbentuk dari jaringan local maupun regional
yang menggunakan suatu standard komunikasi.

Standard komunikasi atau protocol yang sering digunakan untuk jaringan
komputer dan menjadi standard protocol yang digunakan adalah Tranmission Control
Protocol/Internet Protocol (TCP/IP). Tranmission Control Protocol yang memastikan
bahwa semua hubungan bekerja benar dengan benar, sedangkan Internet Protocol (IP)
yang mentransmisikan data dari satu komputer ke komputer lain.

Universitas Sumatera Utara

2.5 Web Server
Web server adalah perangkat lunak yang berfungsi menerima permintaan HTTP atau
HTTPS dari client. Salah satu web server yang banyak dipakai adalah Apache.
Apache merupakan web server antara platform yang dapat berjalan di beberapa
platfrom seperti Linux dan Windows.

2.6 Hyper Text Markup Languange (HTML)
HTML adalah sebuah dokumen teks biasa yang mudah dimengerti oleh bahasa
pemograman dimana kita dapat menampilkan informasi yang dapat dibaca oleh web
browser.

Di dalam HTML kita dapat menulis dalam bagian tertentu saja. HTML terdiri
dari bagian yang fungsinya sebagai penanda dalam satu kelompok perintah tertentu,
misalnya

kelompok perintah form yang ditandai dengan ,

judul dengan

dan sebagainya. Untuk lebih lanjut mengenai bagian-bagian HTML perhatikan
skema di bawah ini:




…isi dari halaman web…


Universitas Sumatera Utara

2.7 Personal Home Page (PHP)
Hypertext Preprosesor yang digunakan sebagai bahasa script server slide dalam
pengembangan web yang disisipkan pada HTML. Scrip ini akan membuat suatu
aplikasi yang dapat diintegrasikan ke dalam HTML sehingga tidak bersifat statis
melainkan bersifat dinamis.

PHP diciptakan pertama sekali oleh Rasmus Lerdof pada tahun 1994. Awalnya
PHP digunakan untuk mencatat jumlah serta untuk mengertahui siapa pengunjung
pada homepage-nya. Setelah dikembangkan akhirnya PHP menjadi bahasa
pemrograman web.

2.7.1 Kelebihan PHP
Kelebihn PHP sebagai script server slide adalah:
1. PHP dapat mengumpulkan data dari form, menghasilkan isi halaman web dinamis
serta menerima cookies.
2. PHP dapat digunakan pada semua sistem operasi , antara lain Linux. Unix,
Microsoft Windows, dan sebagainya.
3. PHP juga mendukung banyak web server, seperti Apache, Microsoft Internet
Informaion Server (MIIS), dan masih banyak alinnya.
4. PHP tidak terbatas pada hasil keluaraan HTML tetapi huga memiliki kemampuan
untuk mengelolah keluaraan gambar, file PDF dan movies Flash.

Universitas Sumatera Utara

2.7.2 Sintaks PHP
Sintaks PHP/ Script PHP ditulis dalam apitan tanda khusus PHP. Ada empat macam
pasangan pasanagan tag PHP yang dapat menandai blok skrip PHP.
1.
2. …
3.
4.

2.8 MySQL
MySQL adalah sebuah perangkat lunak sistem manajemen basis data atau DBMS.
MySQL memiliki beberapa keistimewaan, antara lain :
1. MySQL dapat berjalan stabil pada berbagai sistem operasi seperti Windows,
Linux, FreeBSD, Mac Os X Server, Solaris, Amiga, dan masih banyak lagi.
2. MySQL didistribusikan secara open source, dibawah lisensi GPL sehingga dapat
digunakan secara cuma-cuma.
3. MySQL dapat digunakan oleh beberapa user dalam waktu yang bersamaan tanpa
mengalami masalah atau konflik.
4. MySQL mampu menangani basis data dalam skala besar.
5. MySQL memiliki interface (antar muka) terhadap berbagai aplikasi dan bahasa
pemrograman dengan menggunakan fungsi API (Application Programming
Interface).
6. MySQL dilengkapi dengan berbagai peralatan (tool) yang dapat digunakan untuk
administrasi basis data, dan pada setiap peralatan yang ada disertakan petunjuk
online.

Universitas Sumatera Utara

2.9 Macromedia Dreamweaver 8
Macromedia adalah sebuah editor HTML profesional untuk mendesain secara
visual dan mengelola situs web. Dreamweaver

merupakan software yang

digunakan oleh web desain maupun web programmer dalam membangun suatu
situs web.

Ruang kerja, fasilitas dan kemampuan dreamweaver mampu

meningkatkan produktivitas dalam membagun situs web.

Universitas Sumatera Utara

BAB 3

DESKRIPSI SINGKAT SMA NEGERI 1 SIDIKALANG

3.1 Profil Sekolah
NAMA SEKOLAH

: SMA NEGERI 1 SIDIKALANG

NSS

: 301 070 508 001

KABUPATEN

:DAIRI

Provinsi

: SUMATERA UTARA

3.2 Visi, Misi dan Tujuan Sekolah
3.2.1 Visi
Visi ”UNGGUL DALAM PRESTASI AKADEMIS DAN NON AKADEMIS
BERORIENTASI KE MASA DEPAN ”

3.2.1 Misi
1. Menciptakan kondisi sekolah yang kondusif dan meyenangkan.
2. Meningkatkan prestasi belajar yang efektif.
3. Meningkatkan pembinaan disiplin warga sekolah.

Universitas Sumatera Utara

4. Meningkatkan pelayanan dan kerjasama antar warga sekolah, orangtua,
masyarakat.

3.2.3 Tujuan Sekolah
1. Rata-rata nilai Ujian Nasional Tahun 2009 minimal 7.50
2. Lulusan pada tahun 2009 yang masuk Perguruan Tinggi Negeri minimal 50 %
3. Menciptakan ruangan sebagai tempat belajar yang nyaman dan menyenangkan.
4. Meningkatkan prestasi dalam bidang olahraga dan seni.

Universitas Sumatera Utara

BAB 4

ANALISIS DAN PERANCANGAN SISTEM

4.1 Analisis
Perancangan suatu sistem harus melalui perencanaan yang baik, tujuan yang jelas dan
percobaan yang berulang-ulang karean menyangkut semua elemen yang membentuk
situs.

Perancangan harus melalaui identifikasi awal sebelum membangun sebuah
situs:
1. Situs apa yang akan dibangun?
2. Siapa saja pengunjung yang diharapkan berkunjung ke situs tersebut.
3. Apa saja aktivitas yang dapat mereka lakukan dalam situs.
4. Apa target yang ingin dicapai dari pembuatan situs tersebut.

Jawaban dari pertanyaan-pertanayaan di atas akan memeperjelas dan
mempermudah dalam membangun situs sehingga dapat melakukan pengembangan
lebih lanjut.

Universitas Sumatera Utara

Berkenaan dengan situs yang akan dibangun, maka jawaban dari pertanyaan di
atas sebagai berikut:
1. Situs yang akan dibuat adalah situs SMA Negeri 1 Sidikalang, sistem informasi
berbasis web yang akan digunakan untuk kepentingaa penyampaian data dan
informasi kepada penggunanya.
2. Pengunjungnya adalah seluruh para guru ataupun siswa dan masyarakat umum
yang ingin mengakses informasi yang dibuttuhkan.
3. Aktivitas yang akan diketahui di dalam situs ini adalah pengunjung dapat
mengetahui informasi mengenai data guru atau siswa.
4. Target yang akan dicapai dari situs ini adalah pengunjung mendapatkan informasi
mengenai

SMA

Negeri

1

Sidikalang

dan

membantu

sekolah

dalam

mempromosikan sekolahnya.

4.2 Perancangan Data Flow Diagram (DFD)
Data Flow Diagram adalah suatu gambaran arus data dari dalam sistem yang
menggunakan bentuk-bentuk simbol untuk mengamabarkan bagaimana data mwngalir
melalui proses yang berkaitan.

Universitas Sumatera Utara

Adapun Data Flow yang penulis ajukan, yaitu:

Siswa

Data siswa

Guru dan
Pegawai

Data guru dan
pegawai

Laporan data siswa

Laporan data guru
dan pegawai

Galeri

Profil
Data galeri

Data profil

Data galeri

Data profil

Desain sistem SMA
Negeri 1 Sidikalang

Eksrakulikuler
Data Ekstrakulikuler

DA
Fasilitas
Data Fasilitas

data vsi

Data fasilitas
`
Kepala
Sekolah

Visi, Misi dan
Tujuan Sekolah
Data visi, misi dan
tujuan sekolah

Gambar 4.1 Diagram Konteks

Universitas Sumatera Utara

Guru dan
Pegawai

Siswa

Laporan data

Laporan data guru
dan pegawai

Galeri

Profil

Data galeri

Data Profil

Desain sistem SMA
Negeri 1 Sidikalang

Eksrakulikuler
Data Ektrakulikuler
Visi, Misi dan
Tujuan Sekolah

Fasilitas

Data Fasilitas

Data visi, misi dan
dan tujuan sekolah
Kepala
Sekolah

Gamabar 4.2 Diagram Level Nol

4.3 Perancangan Flowchart
Flowchart merupakan diagram alir di dalam program atau prosedur sistem secara
logika.

Universitas Sumatera Utara

Start

1. Flowchart Halaman Utama

Menampilkan
Halaman Utama
Halamn Utama

Memilih Daftar
Link
N
Y

Home

Halaman Home

N
Profil

Y

Halaman Profil

Y

Form Login

Y

Y

Halaman Buku
Y Tamu

Y

N
Admin

A

N
YGuest Book

B

N
Visi
N

Y

Halaman Visi

Y
Halaman Galeri

Galeri
N
Fasilitas

Y
Halaman Fasilitas

N
Y

Ekstrakulikuler
N

Y
Guru

N

Y
Siswa

N

Halaman
Ekstrakulikuler

Ha;laman Guru

Halaman Siswa

Y
Keluar

End

Gambar 4.3 Flowchart Halaman Utama
Universitas Sumatera Utara

A

Input username dan
password

Username &
passwor salah

Login

Halaman Admin

Memilih daftar link

Data Guru

Data siswa

Input, edit, delete
guru

Input, edit, delete
siswa

Keluar

End

Gambar 4.4 Flowchart Halaman Admin

Universitas Sumatera Utara

B

Isi data siswa
`N
Data tidak lengkap

Input

Y
Halaman buku
tamu

N
Keluar
Y
End

Gambar 4.4 Flowchart Buku Tamu

4.4 Menpersiapkan Database Server
Pada tahap ini dipersiapkan tempat ubntuk menampung data di server, data tersebut
nantinya akanyang diproses oleh program yang kita buat pada tahap pemrograman,
baik penambahan, pengeditan , pengahapusan dan menampilkan isi database ke
halaman website. Database terdiri atas tabel-tabel yang dibuat dengan menggunakan
program MySQL.

Universitas Sumatera Utara

Adapun database yang dibuat penulis adalah db_smansa_sidikalang dengan
tabel-tabel sebagai berikut:
1. Tabel 4.1 guestbook terdiri atas:
Nama Field

Type

Size

Keterangan

Nama

Varchar

50

Nama Tanu

Email

Varchar

50

Email Tamu

Komentar

Varchar

3000

Waktu

Datetime

Komentar Tamu
Waktu Tamu Datang

2. Tabel 4.2 Administrator
Nama Field

Type

Size

Keterangan

Id

Integer

10

Primary key

Username

Varchar

50

Username admin

Password

Varchar

50

Password admin

3. Tabel 4.3 Admin Guru
Nama Field

Type

Size

Keterangan

Id

Integer

10

Primary key

Username

Varchar

45

Username admin untuk
masuk data guru

Password

Varcahar

50

Password admin masuk
data guru

Universitas Sumatera Utara

4. Table 4. 4 Siswa
Nama Field

Type

Size

Keterangan

id

Integer

5

Primary key

nis

Varchar

20

Nis Siswa

nama

Varchar

30

Nama Siswa

jns_kelamin

Varchar

20

Jenis Kelamin Siswa

tanggal_lahir

Varchar

20

Tanggal Lahir Siswa

tempat_lahir

Varchar

30

Tempat Lahir Siswa

alamat

Varchar

50

Alamat Siswa

agama

Varchar

20

Agama Siswa

asal_sekolah

Varchar

50

Asal Sekolah Siswa

Nama Field

Type

Size

Keterangan

id

Integer

5

Primary Key

nip

Varchar

10

Nip Guru

nama

Varchar

30

Nama Guru

jns_kelamin

Varchar

20

Jenis Kelamin Guru

tempat_lahir

Varchar

20

Temapt Lahir Guru

tgl_lahir

Varchar

20

Tanggal Lahir Guru

agama

Varchar

20

Agama Guru

bidang_studi

Varchar

20

Bidang Studi Yang Diajarkan

5. Table 4.5 Guru

Universitas Sumatera Utara

4.5 Perancangan Halaman Website
Adapun halaman-halaman yang akan dibangun oleh penulis adalah:
1. Halaman home.php merupakan halaman utama yang akan diakses pertama kali
situs dibuka. Halaman ini bsrisikan berita dan artikel secara singkat dan linklink menuju halaman berikutnya.
2. Halaman profil.php, fasilitas.php, ekstrakulikuler.php, visi.php, galeri.php,
guru.php, siswa.php merupakan halaman yang meberikan informasi mengenai
profil, fasilitas, ekstrakulikuler, visi.php, galeri, guru dan siswa.
3. Halaman guestbook.php merupakan halaman yang mengijinkan pengunjung
untuk memberikan saran kepada SMA Negeri 1 Sidikalang.
4. Halaman admin.php merupakan halaman yang khusus bisa diakses oleh admin
untuk mengubah data guru dan data siswa.

Universitas Sumatera Utara

BAB 5

IMPLEMENTASI SISTEM

5.1 Pengertian Implementasi Sistem
Implementasi sistem adalah langkah-langkah atau prosedur yang dilakukan dalam
menyelesaikan dalam sistem untuk menguji dan memulai menggunakan sistem baru.

Adapun langkah-langkah yang dibutuhkan dalam implemetasi sistem adalah:
1. Mendapatkan software dan hardware yang tepatcserta sesuai untuk merancang
website.
2. Menyelesaikan rancangan sistem.
3. Memilih, menguji, mengontrol dan mendokumentasikan website.
4. Mendapatkan persetujuan.

5.2 Tujuan Implementasi Sistem
Adapun tujuan implementasi sistem adalah sebagai berikut:
1. Menyelesaikan desain sistem yang telah disetujui sebelumnya.
2. Memastikan bahwa pemakai (user) dapat mengoperasikan sistem baru.
3. Menguji apakah sistem baru tersebut sesuai dengan pemakai.
4. Memaastikan bahwa konversi ke sistem baru berjalan yaitu dengan membuat
rencana, mengontrol dan melakukan instalasi baru secara benar.

Universitas Sumatera Utara

5.3 Komponen Utama dalam Sistem
Pembuataan sitem informasi SMA Negeri 1 Sidikalang membutuhkan perangkat keras
(hardware), perangkat lunak (software), dan tenaga pelaksana (brainware).

5.3.1 Perangkat keras (hardware)
Perangkat keras yang dibutuhkan dalam pembuatan sistem informasi ini antara
lain:
a. Prosesor
b. Harddisk
c. Memori
d. Monitor
e. Keyboard
f. Mouse
g. Dan lain-lain

5.3.2 Perangkat Lunak (software)
a. Sistem Operasi Ms Windows XP
b. Internet Explorer, Mozilla Firefox, Opera sebagai browser
c. PHP, MySQL dan Macromedia Dreamweaver
d. Apache v2.5.7 merupakan web server yang digunakan untuk mensimulasikan
website yang kita buat di komputer local sebelum upload ke intenet.
e. MySQL 5.0.24 a merupakan databse server yang digunakan untuk menyimpan
data.

Universitas Sumatera Utara

f. PHP 5.1.6 merupakan skrip yang akan mengolah dan memproses data secara
interaktif dan dinamis, skrip itu nantinya akan berjalan di sisi server untuk
melakukan pemrosesan data.
g. Macromedia

Dreamweaver 8 merupakan softwre yagn digunakan untuk

mengatur tata letak (layout) halaman web.

5.3.3. Tenaga Pelaksana (Brainware)
Brainware adalah orang pihak yang memiliki keahlian yang baik dan berttanggung
jawab dalam sistem informasi, pemrosesan dan pengguanan keluaran sistem
informasi.

Brainware dalam sistem informasi ini terbagi atas:
a. Sistem analisis adalah orang yang menganalisa sistem dengan mempelajari
masalah-masalah yang timbul dan menentkan kebutuhan-kebutuhan pemakai
dan mengindentifikasi masalah.
b. Programer adalah orang yang membuat sistem dengan menggunakan salah
satu bahasa pemrograman yang dikuasai.
c. Operator adalah orang yang memaki sistem

Universitas Sumatera Utara

5.4 Instalasi AppServ
Berikut adalah gambar 5.1 instalasi Appserv:
a. Mencari software AppServ untuk diinstal

b. Klik Next

Universitas Sumatera Utara

c. Klik I Agree

d. Browser dimana AppServ akan disimpan

Universitas Sumatera Utara

e. Server Name: localhost dan untuk Adminstrator Email buat email sendiri

f. Isi password untuk MySQL Server (password bisa dibuat sendiri).

Universitas Sumatera Utara

g. Langsung klik instal

h. Klik Finish

Universitas Sumatera Utara

5.5 Demonstrasi Program
Adapun program yang dirancang penulis adalah:
5.5.1 Halaman Utama

\
Gambar 5.2 Halaman Utama
5.5.2

Halaman Login Admin

Gambar 5.3 Halaman Login Admin

Universitas Sumatera Utara

5.5.3

Halaman Profil

Gambar 5.4 Profil
5.5.4 Halaman Buku Tamu

Gambar 5.5 Buku Tamu

Universitas Sumatera Utara

BAB 6

KESIMPULAN DAN SARAN

6.1 Kesimpulan

Pada bab-bab sebelumnya telah dijelaskan bagaimana penulis memulai merancang
web dan mengembangkannya, maka penulis dapat menyimpulkan:
1. Website merupakan sarana informasi online yang dapat diakses oleh siapapun.
2. Penggunaan dan pemanfaatan aplikasi sistem informai memberikan kemudahan
bagi pihak sekolah dalam pengolahan data siswa dan guru.
3. Website dapat mempromsikan segala informasi agar masyarakat menjadi tertarik.
4. Melalui web ini baik pihak sekolah dan masyarakat dapat melihat inforamsi secara
langsung

6.2 Saran
1. Seantiasa menjaga dan memperbahaui website agar pengunjung tidak merasa
bosan.
2. Pemeliharaan terhadap keamanan data-data pada server sehingga dat tersebut
tidak dapat diaskses oleh pihak yang tidak berhak.

Universitas Sumatera Utara

DAFTAR PUSTAKA

Kurniawan, Rulianto. 2008. Membangun Situs dengan PHP untuk Orang Awam.
Palembang: Maxsikom.
Madscom. 2006. Aplikasi Manajemen Database Pendidikan Berbasis Web dengan
PHP dan MySQL. Yogyakarta: Andi.
Madscom. 2008. PHP dan MySQL untuk Pemula. Yogyakarta: Andi.
Panduan Tata Cara Penulisann Skrip 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 P. Laudon.
Jakarta: Salemba Empat.
Wahana Komputer. 2006. Pengelolahan Database dengan MySQL. Yogyakarta Andi.
Wahyono, Teguh. 2004. Sistem Informasi. Edisi 1. Yogyakarta: Graha Ilmu
Wahyudi, Bambang. 2003. Pengantar Stuktur Data Algoritma. Edisi 1. Yogyakarta:
Andi

Universitas Sumatera Utara