Perancangan Website Smp Negeri 3 Lubuk Pakam
PERANCANGAN WEBSITE SMP NEGERI 3 LUBUK PAKAM
TUGAS AKHIR
DESY LESTARI PULUNGAN
092406161
PROGRAM STUDI D-III TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2012
Universitas Sumatera Utara
PERANCANGAN WEBSITE SMP NEGERI 3 LUBUK PAKAM
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar
Ahli Madya Komputer
DESY LESTARI PULUNGAN
092406161
PROGRAM STUDI D-III TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2012
Universitas Sumatera Utara
PERNYATAAN
PERANCANGAN WEBSITE PEMERINTAHAN
KOTA PADANGSIDIMPUAN
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa
kutipan dan ringkasan yang masing-masing disebut sumbernya.
Medan,
Mei 2012
DESY LESTARI PULUNGAN
092406161
Universitas Sumatera Utara
PENGHARGAAN
Alhamdulillah, puji syukur kehadirat Allah SWT yang telah melimpahkan rahmat-Nya
hingga penulis dapat menyelesaikan Tugas Akhir ini dengan baik dan tepat pada
waktunya. Tugas Akhir ini disusun guna memenuhi salah satu syarat kelulusan pada
Program Studi D-3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan
Alam Universitas Sumatera Utara dengan judul “PERANCANGAN WEBSITE SMP
NEGERI 3 LUBUK PAKAM.”
Dalam penulisan Tugas Akhir ini, penulis banyak mendapat masukan dan
bimbingan serta dorongan dari berbagai pihak. Dalam kesempatan ini penulis
mengucapkan terimakasih yang sebesar-besarnya kepada:
1. Bapak Drs. Pangeran Sianipar, M.Si selaku pembimbing Tugas Akhir penulis
yang ikut serta membantu penulis dalam menyelesaikan Tugas Akhir ini.
2. Bapak Prof. Dr. Tulus, M.Si selaku Ketua Departemen Matematika di
Universitas Sumatera Utara.
3. Bapak Dr. Sutarman, M.Sc selaku Dekan Fakultas Matematika dan Ilmu
Pengetahuan Alam Universitas Sumatera Utara.
4. Para Staff/Pengajar Jurusan D-3 Teknik Informatika FMIPA USU.
5. Ayahanda H. M. Darwin Pulungan dan Ibunda Hj. Lailan Daulay yang selalu
setia mencurahkan kasih sayang, dukungan moril dan dukungan spiritual. Serta
telah menjadi guru yang terbaik di sepanjang usia.
Universitas Sumatera Utara
6. Abanganda Rahmat Julianto Pulungan, kakanda Irma Julianti Pulungan, Nelpa
Ida Sari Pulungan, Sri Wahyunita Pulungan, Ade Sukma Astriyani Pulungan,
serta adinda Ilham Syah Rizky Pulungan yang menjadi tempat berbagi keluh
kesah dan yang selalu memberikan motivasi selama ini.
7. Seluruh teman-teman KOM C Angkatan 2009 yang tidak dapat disebutkan
namanya satu per satu khususnya kepada Komting yang selalu setia
memberikan informasi dan masukan.
Universitas Sumatera Utara
ABSTRAK
Website adalah salah satu sistem informasi yang dapat dengan mudah diakses melalui
jaringan internet. Dalam perancangan suatu sistem informasi diperlukan data dan
informasi yang akurat agar sistem informasi yang dirancang dapat memenuhi
kebutuhan yang sesuai dengan keinginan pengguna. Pembuatan website ini bertujuan
untuk memudahkan siswasiswi, guru, pegawai, serta masyarakat untuk mendapatkan
informasi mengenai SMP Negeri 3 Lubuk Pakam. Website ini dikembangkan
menggunakan bahasa pemrograman PHP dan MySQL sebagai databasenya. Untuk itu
penulis akan membahas “ Perancangan Website SMP Negeri 3 Lubuk Pakam ”.
Sistem ini meliputi modul-modul masukan dan keluaran data yang berkaitan dengan
siswa, guru, dan profil sekolah tersebut.
Universitas Sumatera Utara
DAFTAR ISI
Halaman
PERSETUJUAN
ii
PERNYATAAN
iii
PENGHARGAAN
iv
ABSTRAK
v
DAFTAR ISI
vi
DAFTAR TABEL
viii
DAFTAR GAMBAR
ix
BAB 1
PENDAHULUAN
1
1.1
Latar Belakang
1
1.2
Perumusan Masalah
2
1.3
Batasan Masalah
2
1.4
Maksud dan Tujuan Penelitian
2
1.5
Metodologi Penelitian
3
1.6
Tinjauan Pustaka
5
1.7
Sistematika Penulisan
5
BAB 2
LANDASAN TEORI
7
2.1
Pengertian Komputer
7
2.2
Sistem Komputer
8
2.3
Pengertian Informasi dan Sistem Informasi
9
2.3.1 Pengertian Informasi
9
2.3.2 Pengertian Sistem Informasi
9
2.4
Data dan Database Management
10
2.4.1 Data
10
2.4.2 Database Management System (DBMS)
10
2.5
Syarat-Syarat Merancang Sistem Informasi Berbasis Web 11
2.6
Internet
12
2.7
Web Server
12
2.8
HyperText Markup Language (HTML)
13
2.8.1 Pendahuluan HTML
13
2.8.2 Bagian-Bagian HTML
13
2.9
Pengenalan Personal Home Page (PHP)
14
2.9.1 Sejarah PHP
14
2.9.2 Kelebihan dan Kelemahan PHP
15
2.9.3 Penggabungan Script PHP dan HTML
16
2.10 MySQL
17
Universitas Sumatera Utara
2.11
2.12
2.13
2.14
BAB 3
BAB 4
BAB 5
Data Flow Diagram (DFD)
Diagram Alir (Flowchart)
Cascading Style Sheet (CSS)
Macromedia Dreamweaver 8
2.14.1 Memulai Dreamweaver 8
2.14.2 Area Kerja Pada Dreamweaver 8
2.14.3 Menu Bar Area Kerja
DESKRIPSI SINGKAT SMP NEGERI 3 LUBUK PAKAM
3.1
Profil Sekolah
3.2
Struktur Organisasi
3.3
Visi dan Misi SMP Negeri 3 Lubuk Pakam
3.3.1 Visi
3.3.2 Misi
3.4
Uraian Tugas dan Fungsi Organisasi
3.4.1 Kepala Sekolah
3.4.2 Wakil Kepala Sekolah
3.4.3 Guru
3.4.4 Wali Kelas
3.4.5 Guru Pembimbing dan Konseling
3.4.6 Pustakawan Sekolah
3.4.7 Pengelola Laboratorium
3.4.8 Kepala Tata Usaha
3.5
Data Siswa
3.6
Data Ruang Belajar
3.7
Data Guru
PERANCANGAN SISTEM
4.1
Perancangan Sistem
4.2
Metode Pengembangan Sistem
4.3
Metode Perancangan
4.4
Hasil Perancangan
4.4.1 Bagan Berjenjang
4.4.2 Diagram Konteks (Contex Diagram)
4.5
Perancangan Database
4.5.1 Tabel Berita
4.6
Rancangan Antarmuka (Interface)
4.7
Algoritma
IMPLEMENTASI SISTEM
5.1
Definisi Implementasi Sistem
5.2
Komponen Utama dalam Sistem
5.3
Tujuan Implementasi Sistem
19
19
20
20
20
21
22
24
24
25
26
26
26
27
27
27
28
28
28
28
29
29
29
30
30
31
31
31
32
33
33
33
33
33
42
42
45
45
45
46
Universitas Sumatera Utara
5.4
5.5
Pemeliharaan Sistem
Demonstrasi Program
5.5.1 Halaman Utama
5.5.2 Halaman Profil
5.5.3 Halaman Agenda
5.5.4 Halaman Berita
5.5.5 Halaman Download
5.5.6 Halaman Galeri Foto
5.5.7 Halaman Hubungi Kami
BAB 6
KESIMPULAN DAN SARAN
6.1
Kesimpulan
6.2
Saran
DAFTAR PUSTAKA
LAMPIRAN A LISTING PROGRAM
LAMPIRAN B SURAT - SURAT
46
47
47
48
48
49
49
50
50
51
51
52
53
Universitas Sumatera Utara
DAFTAR TABEL
Tabel 4.1 Berita
Tabel 4.2 Agenda
Tabel 4.3 Album
Tabel 4.4 Banner
Tabel 4.5 Download
Tabel 4.6 Galeri
Tabel 4.7 Halaman Statis
Tabel 4.8 Identitas
Tabel 4.9 Kata Jelek
Tabel 4.10 Kategori
Tabel 4.11 Komentar
Tabel 4.12 Main Menu
Tabel 4.13 Modul
Tabel 4.14 Poling
Tabel 4.15 Sekilas Info
Tabel 4.16 Shoutbox
Tabel 4.17 Statistik
Tabel 4.18 Sub Menu
Tabel 4.19 Tag
Tabel 4.20 Templates
Tabel 4.21 User
Tabel 4.22 Hubungi
Halaman
34
34
34
35
35
36
36
36
37
37
37
38
38
38
39
39
39
40
40
40
41
41
Universitas Sumatera Utara
DAFTAR GAMBAR
Gambar 5.5.1 Halaman Utama
Gambar 5.5.2 Halaman Profil
Gambar 5.5.3 Halaman Agenda
Gambar 5.5.4 Halaman Berita
Gambar 5.5.5 Halaman Download
Gambar 5.5.6 Halaman Galeri Foto
Gambar 5.5.7 Hubungi Kami
Halaman
47
48
48
49
49
50
Universitas Sumatera Utara
TUGAS AKHIR
DESY LESTARI PULUNGAN
092406161
PROGRAM STUDI D-III TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2012
Universitas Sumatera Utara
PERANCANGAN WEBSITE SMP NEGERI 3 LUBUK PAKAM
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar
Ahli Madya Komputer
DESY LESTARI PULUNGAN
092406161
PROGRAM STUDI D-III TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2012
Universitas Sumatera Utara
PERNYATAAN
PERANCANGAN WEBSITE PEMERINTAHAN
KOTA PADANGSIDIMPUAN
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa
kutipan dan ringkasan yang masing-masing disebut sumbernya.
Medan,
Mei 2012
DESY LESTARI PULUNGAN
092406161
Universitas Sumatera Utara
PENGHARGAAN
Alhamdulillah, puji syukur kehadirat Allah SWT yang telah melimpahkan rahmat-Nya
hingga penulis dapat menyelesaikan Tugas Akhir ini dengan baik dan tepat pada
waktunya. Tugas Akhir ini disusun guna memenuhi salah satu syarat kelulusan pada
Program Studi D-3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan
Alam Universitas Sumatera Utara dengan judul “PERANCANGAN WEBSITE SMP
NEGERI 3 LUBUK PAKAM.”
Dalam penulisan Tugas Akhir ini, penulis banyak mendapat masukan dan
bimbingan serta dorongan dari berbagai pihak. Dalam kesempatan ini penulis
mengucapkan terimakasih yang sebesar-besarnya kepada:
1. Bapak Drs. Pangeran Sianipar, M.Si selaku pembimbing Tugas Akhir penulis
yang ikut serta membantu penulis dalam menyelesaikan Tugas Akhir ini.
2. Bapak Prof. Dr. Tulus, M.Si selaku Ketua Departemen Matematika di
Universitas Sumatera Utara.
3. Bapak Dr. Sutarman, M.Sc selaku Dekan Fakultas Matematika dan Ilmu
Pengetahuan Alam Universitas Sumatera Utara.
4. Para Staff/Pengajar Jurusan D-3 Teknik Informatika FMIPA USU.
5. Ayahanda H. M. Darwin Pulungan dan Ibunda Hj. Lailan Daulay yang selalu
setia mencurahkan kasih sayang, dukungan moril dan dukungan spiritual. Serta
telah menjadi guru yang terbaik di sepanjang usia.
Universitas Sumatera Utara
6. Abanganda Rahmat Julianto Pulungan, kakanda Irma Julianti Pulungan, Nelpa
Ida Sari Pulungan, Sri Wahyunita Pulungan, Ade Sukma Astriyani Pulungan,
serta adinda Ilham Syah Rizky Pulungan yang menjadi tempat berbagi keluh
kesah dan yang selalu memberikan motivasi selama ini.
7. Seluruh teman-teman KOM C Angkatan 2009 yang tidak dapat disebutkan
namanya satu per satu khususnya kepada Komting yang selalu setia
memberikan informasi dan masukan.
Universitas Sumatera Utara
ABSTRAK
Website adalah salah satu sistem informasi yang dapat dengan mudah diakses melalui
jaringan internet. Dalam perancangan suatu sistem informasi diperlukan data dan
informasi yang akurat agar sistem informasi yang dirancang dapat memenuhi
kebutuhan yang sesuai dengan keinginan pengguna. Pembuatan website ini bertujuan
untuk memudahkan siswasiswi, guru, pegawai, serta masyarakat untuk mendapatkan
informasi mengenai SMP Negeri 3 Lubuk Pakam. Website ini dikembangkan
menggunakan bahasa pemrograman PHP dan MySQL sebagai databasenya. Untuk itu
penulis akan membahas “ Perancangan Website SMP Negeri 3 Lubuk Pakam ”.
Sistem ini meliputi modul-modul masukan dan keluaran data yang berkaitan dengan
siswa, guru, dan profil sekolah tersebut.
Universitas Sumatera Utara
DAFTAR ISI
Halaman
PERSETUJUAN
ii
PERNYATAAN
iii
PENGHARGAAN
iv
ABSTRAK
v
DAFTAR ISI
vi
DAFTAR TABEL
viii
DAFTAR GAMBAR
ix
BAB 1
PENDAHULUAN
1
1.1
Latar Belakang
1
1.2
Perumusan Masalah
2
1.3
Batasan Masalah
2
1.4
Maksud dan Tujuan Penelitian
2
1.5
Metodologi Penelitian
3
1.6
Tinjauan Pustaka
5
1.7
Sistematika Penulisan
5
BAB 2
LANDASAN TEORI
7
2.1
Pengertian Komputer
7
2.2
Sistem Komputer
8
2.3
Pengertian Informasi dan Sistem Informasi
9
2.3.1 Pengertian Informasi
9
2.3.2 Pengertian Sistem Informasi
9
2.4
Data dan Database Management
10
2.4.1 Data
10
2.4.2 Database Management System (DBMS)
10
2.5
Syarat-Syarat Merancang Sistem Informasi Berbasis Web 11
2.6
Internet
12
2.7
Web Server
12
2.8
HyperText Markup Language (HTML)
13
2.8.1 Pendahuluan HTML
13
2.8.2 Bagian-Bagian HTML
13
2.9
Pengenalan Personal Home Page (PHP)
14
2.9.1 Sejarah PHP
14
2.9.2 Kelebihan dan Kelemahan PHP
15
2.9.3 Penggabungan Script PHP dan HTML
16
2.10 MySQL
17
Universitas Sumatera Utara
2.11
2.12
2.13
2.14
BAB 3
BAB 4
BAB 5
Data Flow Diagram (DFD)
Diagram Alir (Flowchart)
Cascading Style Sheet (CSS)
Macromedia Dreamweaver 8
2.14.1 Memulai Dreamweaver 8
2.14.2 Area Kerja Pada Dreamweaver 8
2.14.3 Menu Bar Area Kerja
DESKRIPSI SINGKAT SMP NEGERI 3 LUBUK PAKAM
3.1
Profil Sekolah
3.2
Struktur Organisasi
3.3
Visi dan Misi SMP Negeri 3 Lubuk Pakam
3.3.1 Visi
3.3.2 Misi
3.4
Uraian Tugas dan Fungsi Organisasi
3.4.1 Kepala Sekolah
3.4.2 Wakil Kepala Sekolah
3.4.3 Guru
3.4.4 Wali Kelas
3.4.5 Guru Pembimbing dan Konseling
3.4.6 Pustakawan Sekolah
3.4.7 Pengelola Laboratorium
3.4.8 Kepala Tata Usaha
3.5
Data Siswa
3.6
Data Ruang Belajar
3.7
Data Guru
PERANCANGAN SISTEM
4.1
Perancangan Sistem
4.2
Metode Pengembangan Sistem
4.3
Metode Perancangan
4.4
Hasil Perancangan
4.4.1 Bagan Berjenjang
4.4.2 Diagram Konteks (Contex Diagram)
4.5
Perancangan Database
4.5.1 Tabel Berita
4.6
Rancangan Antarmuka (Interface)
4.7
Algoritma
IMPLEMENTASI SISTEM
5.1
Definisi Implementasi Sistem
5.2
Komponen Utama dalam Sistem
5.3
Tujuan Implementasi Sistem
19
19
20
20
20
21
22
24
24
25
26
26
26
27
27
27
28
28
28
28
29
29
29
30
30
31
31
31
32
33
33
33
33
33
42
42
45
45
45
46
Universitas Sumatera Utara
5.4
5.5
Pemeliharaan Sistem
Demonstrasi Program
5.5.1 Halaman Utama
5.5.2 Halaman Profil
5.5.3 Halaman Agenda
5.5.4 Halaman Berita
5.5.5 Halaman Download
5.5.6 Halaman Galeri Foto
5.5.7 Halaman Hubungi Kami
BAB 6
KESIMPULAN DAN SARAN
6.1
Kesimpulan
6.2
Saran
DAFTAR PUSTAKA
LAMPIRAN A LISTING PROGRAM
LAMPIRAN B SURAT - SURAT
46
47
47
48
48
49
49
50
50
51
51
52
53
Universitas Sumatera Utara
DAFTAR TABEL
Tabel 4.1 Berita
Tabel 4.2 Agenda
Tabel 4.3 Album
Tabel 4.4 Banner
Tabel 4.5 Download
Tabel 4.6 Galeri
Tabel 4.7 Halaman Statis
Tabel 4.8 Identitas
Tabel 4.9 Kata Jelek
Tabel 4.10 Kategori
Tabel 4.11 Komentar
Tabel 4.12 Main Menu
Tabel 4.13 Modul
Tabel 4.14 Poling
Tabel 4.15 Sekilas Info
Tabel 4.16 Shoutbox
Tabel 4.17 Statistik
Tabel 4.18 Sub Menu
Tabel 4.19 Tag
Tabel 4.20 Templates
Tabel 4.21 User
Tabel 4.22 Hubungi
Halaman
34
34
34
35
35
36
36
36
37
37
37
38
38
38
39
39
39
40
40
40
41
41
Universitas Sumatera Utara
DAFTAR GAMBAR
Gambar 5.5.1 Halaman Utama
Gambar 5.5.2 Halaman Profil
Gambar 5.5.3 Halaman Agenda
Gambar 5.5.4 Halaman Berita
Gambar 5.5.5 Halaman Download
Gambar 5.5.6 Halaman Galeri Foto
Gambar 5.5.7 Hubungi Kami
Halaman
47
48
48
49
49
50
Universitas Sumatera Utara