Sistem Informasi Berbasis Web Pada Sekolah Sma Tamansiswa Binjai

TUGAS AKHIR

PRASTOMI SUSILO

102406053

PROGRAM STUDI D-III TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2013

TUGAS AKHIR

Diajukan untuk melengkapi tugas akhir dan memenuhi syarat memperoleh Ahli Madya

PRASTOMI SUSILO 102406053

PROGRAM STUDI D-3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

MEDAN 2013

PERSETUJUAN

Judul : SISTEM INFORMASI BERBASIS WEB PADA SEKOLAH SMA TAMANSISWA BINJAI Katagori : TUGAS AKHIR

Nama : PRASTOMI SUSILO Nomor Induk Mahasiswa : 102406053

Program Studi : D3 TEKNIK INFORMATIKA Dapartemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM ( FMIPA) UNIVERSITAS SUMATERA UTARA

Diluluskan di

Medan, Juli 2013

Diketahui / Disetujui oleh

Dapartemen Matematika FMIPA USU

Ketua, Pembimbing

Prof. Dr. Tulus, M.Si Dr. Saib Suwilo, M.Sc 19620901 198803 1 002 19640109 198803 1 004

PERNYATAAN

SISTEM INFORMASI BERBASIS WEB PADA SEKOLAH SMA TAMAMSISWA BINJAI

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan yang masing-masing disebutkan sumbernya.

Medan, Juli 2013

PRASTOMI SUSILO 102406053

PENGHARGAAN

Bismillahhirrahmannirrahim

Puji dan syukur penulis ucapkan kehadirat Allah SWT yang telah memberikan Rahmat serta Hidayah kepada kita semua, sehingga berkat Karunian-Nya penulis dapat menyelesaikan Tugas Akhir dengan baik yang berjudul “ SISTEM INFORMASI BERBASIS WEB PADA SEKOLAH SMA TAMANSISWA BINJAI “ _{pada waktu}

yang telah ditetapkan. Adapun penyusunan Tugas Akhir ini berdasarkan data yang penulis peroleh dari buku pedoman, situs internet, serta data dan keterangan dari bimbingan.

Penulis menyadari bahwa dalam penyusunan Tugas Akhir tidak terlepas dari dukungan serta bantuan berbagai pihak, oleh karena itu pada kesempatan ini penulis menyampaikan ucapan terima kasih kepada :

1. Kepada kedua orang tua saya Cipto Noto Susilo SE dan ibunda tercinta Ir. Umi yaslina beserta seluruh adik-adik, yang senantiasa memberikan semangat, dukungan, kasih sayang dan selalu mendoakan penulis agar lancar dalam setiap hal.

2. Bapak Dr. Saib Suwilo, M.Sc selaku Dosen Pembimbing Tugas Akhir Program Studi D3 Teknik Informatika Fakultas MIPA Universitas Sumatera Utara yang telah memberikan bimbingan dan arahan selama ini kepada penulis dalam penyelesaian Tugas Akhir.

3. Bapak Dr.Sutarman, M.Sc selaku Dekan Fakultas MIPA Universitas Sumatera Utara.

4. Bapak Syahriol Sitorus, S.Si.,M.IT selaku Ketua Jurusan Program Studi D3 Teknik Informatika

5. Seluruh Staf Pengajar Studi D3 Teknik Informatika Fakultas MIPA Universitas Sumatera Utara yang telah memberikan ilmu dan pengetahuannya kepada penulis selama masa perkuliahan.

6. Buat seluruh sahabat dan kerabat penulis yang telah membantu dalam suka dan duka yang berperan penting dalam menyelesaikan Tugas Akhir ini.

7. Seluruh pihak yang telah banyak membantu penulis, yang tidak dapat penulis sebutkan namanya satu-persatu.

Penulis menyadari sepenuhnya bahwa dalam penyusunan laporan ini masih banyak kekurangan, karena keterbatasan pengetahuan dan kemampuan, untuk itu kritik dan saran yang membangun dari pembaca sangat diharapkan demi kesempurnaan Tugas Akhir ini.

Demikian penulis sampaikan dengan harapan Tugas Akhir ini dapat bermanfaat bagi pembaca dan penulis sendiri.

Medan, Juli 2013 Penulis

ABSTRAK

Sistem Informasi Berbasis Web ini bertujuan untuk memberikan kemudahan kepada masyarakat untuk mengetahui apa-apa saja informasi yang ada, seperti ekstrakulikuler apa saja yang ada pada sekolah SMA Tamansiswa Binjai. Adapun fasilitas yang terdapat dalam aplikasi ini yaitu berupa home, profil sekolah, data siswa, data guru, dan fitur seperti buku tamu, gallery dan kontak sekolah. Pada proses pembuatan aplikasi ini untuk bahasa pemrogramannya digunakan perangkat lunak Adobe Photoshop CS2, Macromadia Dreamweaver 8 sebagai media untuk membuat layout dari situs yang telah dirancang, PHP sebagai bahasa pemogramannya, MySQL sebagai server databasenya, serta browser Mozilla Firefox.

DAFTAR ISI

Halaman

PERSETUJUAN ii

PERNYATAAN iii

PENGHARGAAN iv

ABSTRAK vi

DAFTAR ISI vii

DAFTAR TABEL x

DAFTAR GAMBAR xi

BAB 1 PENDAHULUAN 1.1 Latar Belakang 1

1.2 Identifikasi Masalah 3

1.3 Perumusan Masalah 3

1.4 Maksud dan Tujuan Penelitian 4

1.5 Metode Penelitian 4

1.6 Sistematika Penulisan 6

BAB 2 LANDASAN TEORI 2.1 Pengertian Komputer 8

2.2 Pengenalan Internet 9

2.3 Pengertian Sistem 10

2.4 Pengertian Informasi 10

2.5 Sistem Informasi 11

2.6 Pengenalan Website 13

2.7 Pengenalan HTML 14

2.8 Pengenalan PHP 14

2.9 Pengenalan MySQL 17

2.10.1 Database management system (DBMS) 20 2.11 Pengertian Xampp Version 1.7.0 21

2.12 Adobe Photoshop CS2 24 2.13 Macromedia Dreamweaver 8 26 2.13.1 Memulai Macromedia Dreamweaver 8 27

BAB 3 DESKRIPSI SEKOLAH

3.1 Sejarah Singkat SMA Tamansiswa Binjai ₂₉

3.2 Visi, Misi, dan Tujuan SMA Tamansiswa Binjai 30 3.2.1 Visi SMA Tamansiswa Binjai 30 3.2.2 Misi SMA Tamansiswa Binjai 30 3.2.3 Tujuan SMA Tamansiswa Binjai ₃₁

3.3 Struktur Organisasi 33 3.4 Uraian Tugas dan Fungsi Organisasi 34 3.4.1 Kepala Sekolah 34 3.4.2 Wakil Kepala Sekolah 34

3.4.3 Tata Usaha 34

3.4.4 Komite Sekolah 35 3.4.5 Pembantu Kepala Sekolah 35 3.4.5.1 Bidang Sarana dan Prasarana 35 3.4.5.2 Bidang Kurikulum 36 3.4.5.3 Bidang Kesiswaan 36

3.4.6 Guru 36

3.4.7 Wali Kelas 37

3.4.8 Guru Pembimbing dan Konseling (BP/BK) 37

BAB 4 PERANCANGAN SISTEM

3.1 Perencanaan dan Perancangan 38 3.2 Perancangan Data Flow Diagram (DFD) 40 3.3 Perancangan Flowchart 42 3.3.1 Flowchart Halaman Utama 44 3.3.2 Flowchart Halaman Admin 45

3.3.3 Flowchart Halaman Tag Profil 46

3.3.4 Flowchart Halaman Tag Guru 47

3.3.5 Flowchart Halaman Tag Siswa 48

3.3.6 Flowchart Halaman Tag Fitur 49

3.4 Mempersiapkan Database Server 50

BAB 5 IMPLEMENTASI SISTEM

5.1 Pengertian Implementasi Sistem 54 5.2 Tujuan Implementasi Sistem

5.3 Komponen-komponen Utama Implementasi Sistem 55 5.3.1 Perangkat Keras (Hardware) 55 5.3.2 Perangkat Lunak (Software) 56 5.3.3 Unsur Manusia (Brainware) 57 5.4 Instalasi Software 57 5.5 Gambaran Umum Sistem Informasi 61

5.6 Tampilan Website 62

5.6.1 Halaman Profil 63 5.6.2 Halaman Guru 63 5.6.3 Halaman Siswa 64 5.6.4 Halaman Fitur 65 5.6.5 Halaman Login Administrator 65 5.6.6 Halaman Administrator 66

BAB 6 KESIMPULAN DAN SARAN

6.1 Kesimpulan 67

6.2 Saran 68

DAFTAR PUSTAKA

DAFTAR TABEL

Halaman

Tabel 4.1 Tabel Simbol-simbol DFD 40 Tabel 4.2 Tabel Simbol-simbol Flowchart 42 Tabel 4.3 Tabel Login Admin 50

Tabel 4.4 Tabel Guru 51

Tabel 4.5 Tabel Siswa 52

Tabel 4.6 Tabel Pelajaran 50

DAFTAR GAMBAR

Halaman

Gambar 2.1 Tampilan Macromedia Dreamweaver 28 Gambar 2.2 Tampilan Area Kerja Macromedia Dreamweaver 28 Gambar 3.1 Strukrur Organisasi SMA Tamansiswa Cabang Binjai 33 Gambar 4.1 DFD Konteks 41

Gambar 4.2 Flowchart Halaman Utama 44 Gambar 4.3 Flowchart Halaman Admin 45 Gambar 4.4 Flowchart Halaman Tag Profil 46 Gambar 4.5 Flowchart Halaman Tag Guru 47 Gambar 4.6 Flowchart Halaman Tag Siswa 48 Gambar 4.7 Flowchart Halaman TagFitur 49 Gambar 5.1 Instalasi Xampp 58 Gambar 5.2 Menentukan Direktori/lokasi Instalasi Xampp 59 Gambar 5.3 Pilihan Instalasi Xampp 60 Gambar 5.4 Proses Instlasi Xampp 60 Gambar 5.5 Proses Instalasi Xampp telah selesai 61 Gambar 5.6 Tampilan Halaman Home 62 Gambar 5.7 Tampilan Halaman Profil 63 Gambar 5.8 Tampilan Halaman Guru 64 Gambar 5.9 Tampilan Halaman Siswa 64 Gambar 5.10 Tampilan Halaman Fitur 65 Gambar 5.11 Tampilan Halaman Login Administrator 66 Gambar 5.12 Tampilan Halaman Index Administrator 66

vi

ABSTRAK

Sistem Informasi Berbasis Web ini bertujuan untuk memberikan kemudahan kepada

masyarakat untuk mengetahui apa-apa saja informasi yang ada, seperti ekstrakulikuler

apa saja yang ada pada sekolah SMA Tamansiswa Binjai. Adapun fasilitas yang terdapat

dalam aplikasi ini yaitu berupa home, profil sekolah, data siswa, data guru, dan fitur

seperti buku tamu, gallery dan kontak sekolah. Pada proses pembuatan aplikasi ini untuk

bahasa pemrogramannya digunakan perangkat lunak Adobe Photoshop CS2, Macromadia

Dreamweaver 8 sebagai media untuk membuat layout dari situs yang telah dirancang,

PHP sebagai bahasa pemogramannya, MySQL sebagai server databasenya, serta browser

vii

DAFTAR ISI

Halaman

PERSETUJUAN ii

PERNYATAAN iii

PENGHARGAAN iv

ABSTRAK vi

DAFTAR ISI vii

DAFTAR TABEL x

DAFTAR GAMBAR xi

BAB 1 PENDAHULUAN 1.1 Latar Belakang 1

1.2 Identifikasi Masalah 3

1.3 Perumusan Masalah 3

1.4 Maksud dan Tujuan Penelitian 4

1.5 Metode Penelitian 4

1.6 Sistematika Penulisan 6

BAB 2 LANDASAN TEORI 2.1 Pengertian Komputer 8

2.2 Pengenalan Internet 9

2.3 Pengertian Sistem 10

2.4 Pengertian Informasi 10

2.5 Sistem Informasi 11

2.6 Pengenalan Website 13

2.7 Pengenalan HTML 14

2.8 Pengenalan PHP 14

2.9 Pengenalan MySQL 17

viii

2.10.1 Database management system (DBMS) 20

2.11 Pengertian Xampp Version 1.7.0 21

2.12 Adobe Photoshop CS2 24

2.13 Macromedia Dreamweaver 8 26

2.13.1 Memulai Macromedia Dreamweaver 8 27

BAB 3 DESKRIPSI SEKOLAH

3.1 Sejarah Singkat SMA Tamansiswa Binjai ₂₉

3.2 Visi, Misi, dan Tujuan SMA Tamansiswa Binjai 30

3.2.1 Visi SMA Tamansiswa Binjai 30

3.2.2 Misi SMA Tamansiswa Binjai 30

3.2.3 Tujuan SMA Tamansiswa Binjai ₃₁

3.3 Struktur Organisasi 33

3.4 Uraian Tugas dan Fungsi Organisasi 34

3.4.1 Kepala Sekolah 34

3.4.2 Wakil Kepala Sekolah 34

3.4.3 Tata Usaha 34

3.4.4 Komite Sekolah 35

3.4.5 Pembantu Kepala Sekolah 35

3.4.5.1 Bidang Sarana dan Prasarana 35

3.4.5.2 Bidang Kurikulum 36

3.4.5.3 Bidang Kesiswaan 36

3.4.6 Guru 36

3.4.7 Wali Kelas 37

3.4.8 Guru Pembimbing dan Konseling (BP/BK) 37

BAB 4 PERANCANGAN SISTEM

3.1 Perencanaan dan Perancangan 38

3.2 Perancangan Data Flow Diagram (DFD) 40

3.3 Perancangan Flowchart 42

3.3.1 Flowchart Halaman Utama 44

ix

3.3.3 Flowchart Halaman Tag Profil 46

3.3.4 Flowchart Halaman Tag Guru 47

3.3.5 Flowchart Halaman Tag Siswa 48

3.3.6 Flowchart Halaman Tag Fitur 49

3.4 Mempersiapkan Database Server 50

BAB 5 IMPLEMENTASI SISTEM

5.1 Pengertian Implementasi Sistem 54

5.2 Tujuan Implementasi Sistem

5.3 Komponen-komponen Utama Implementasi Sistem 55

5.3.1 Perangkat Keras (Hardware) 55

5.3.2 Perangkat Lunak (Software) 56

5.3.3 Unsur Manusia (Brainware) 57

5.4 Instalasi Software 57

5.5 Gambaran Umum Sistem Informasi 61

5.6 Tampilan Website 62

5.6.1 Halaman Profil 63

5.6.2 Halaman Guru 63

5.6.3 Halaman Siswa 64

5.6.4 Halaman Fitur 65

5.6.5 Halaman Login Administrator 65

5.6.6 Halaman Administrator 66

BAB 6 KESIMPULAN DAN SARAN

6.1 Kesimpulan 67

6.2 Saran 68

DAFTAR PUSTAKA

x

DAFTAR TABEL

Halaman

Tabel 4.1 Tabel Simbol-simbol DFD 40

Tabel 4.2 Tabel Simbol-simbol Flowchart 42

Tabel 4.3 Tabel Login Admin 50

Tabel 4.4 Tabel Guru 51

Tabel 4.5 Tabel Siswa 52

Tabel 4.6 Tabel Pelajaran 50

xi

DAFTAR GAMBAR

Halaman

Gambar 2.1 Tampilan Macromedia Dreamweaver 28

Gambar 2.2 Tampilan Area Kerja Macromedia Dreamweaver 28 Gambar 3.1 Strukrur Organisasi SMA Tamansiswa Cabang Binjai 33

Gambar 4.1 DFD Konteks 41

Gambar 4.2 Flowchart Halaman Utama 44

Gambar 4.3 Flowchart Halaman Admin 45

Gambar 4.4 Flowchart Halaman Tag Profil 46

Gambar 4.5 Flowchart Halaman Tag Guru 47

Gambar 4.6 Flowchart Halaman Tag Siswa 48

Gambar 4.7 Flowchart Halaman TagFitur 49

Gambar 5.1 Instalasi Xampp 58

Gambar 5.2 Menentukan Direktori/lokasi Instalasi Xampp 59

Gambar 5.3 Pilihan Instalasi Xampp 60

Gambar 5.4 Proses Instlasi Xampp 60

Gambar 5.5 Proses Instalasi Xampp telah selesai 61

Gambar 5.6 Tampilan Halaman Home 62

Gambar 5.7 Tampilan Halaman Profil 63

Gambar 5.8 Tampilan Halaman Guru 64

Gambar 5.9 Tampilan Halaman Siswa 64

Gambar 5.10 Tampilan Halaman Fitur 65

Gambar 5.11 Tampilan Halaman Login Administrator 66