PERANCANGAN SISTEM INFORMASI SEKOLAH

MENENGAH KEJURUAN BERBASIS WEB

TUGAS AKHIR
Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma III

YUSUP SUPRIADI
NIM : 12140127

Program Studi Manajemen Informatika

AMIK BSI Jakarta

Jakarta

2017
SURAT PERNYATAAN KEASLIAN TUGAS AKHIR

Yang bertanda tangan dibawah ini:

Nama : Yusup Supriadi

NIM : 12140127

Program studi : Manajemen Informatika

Perguruan tinggi : AMIK BSI Jakarta

Dengan ini meyatakan bahwa tugas akhir yang telah saya buat dengan judul:
“Perancangan Sistem Informasi Sekolah Menengah Kejuruan Berbasis
Web”, adalah asli (orisinil) atau tidak plagiat (menjiplak) dan belum pernah
diterbitkan/dipublikasikan dimanapun dan dalam bentuk apapun.

Demikianlah surat pernyataan ini saya buat dengan sebenar-benarnya tanpa ada
paksaan dari pihak manapun juga. Apabila dikemudian hari ternyata saya
memberikan keterangan palsu dan atau ada pihak lain yang mengklaim bahwa
tugas akhir yang telah saya buat adalah hasil karya milik seseorang atau badan
tertentu, saya bersedia diproses baik secara pidana maupun perdata dan kelulusan
saya dari AMIK BSI Jakarta dicabut/dibatalkan

Dibuat di : Jakarta

Pada tanggal : 14 Juli 2017

Yang menyatakan,

Materai 6000

Yusup Supriadi

ii
SURAT PERNYATAAN PERSETUJUAN PUBLIKASI KARYA
ILMIAH UNTUK KEPENTINGAN AKADEMIS

Yang bertanda tangan dibawah ini, saya:

Nama : Yusup Supriadi

NIM : 12140120

Program Studi : Manajemen Informatika

Perguruan Tinggi : AMIK BSI Jakarta

Dengan ini menyetujui untuk memberikan ijin kepada pihak AMIK BSI Jakarta,
Hak Bebas Royalti Non-Ekslusif (Non-Exlusive Royalti-Free Right) atas karya
ilmiah kami yang berjudul: “Perancangan Sistem Informasi Sekolah
Menengah Kejuruan Berbasis Web”, beserta perangkat yang diperlukan
(apabila ada).

Dengan Hak Bebas Royalti Non-Ekslusif ini pihak AMIK BSI Jakarta berhak
menyimpan, mengalih-media atau format-kan, mengelolanya dalam pangkalan
data (database), mendistribusikannya dan menampilkan atau
mempublikasikannya di internet atau media lain utnuk kepentingan akademis
tanpa perlu meminta ijin dari kami selama tetap mencantumkan nama kami
sebagai penulis/pencipta karya ilmiah tersebut.

Saya bersedia untuk menanggung secara pribadi, tanpa melibatkan pihak AMIK
BSI Jakarta, segala bentuk tuntutan hukum yang timbul atas pelanggaran Hak
Cipta dalam karya ilmiah saya ini.

Demikian pernyataan ini saya buat dengan sebenarnya.

Dibuat di : Jakarta

Pada tanggal : 14 Juli 2017

Yang menyatakan,

Materai 6000

Yusup supriadi

iii
PERSETUJUAN DAN PENGESAHAAN TUGAS AKHIR

Tugas Akhir Ini Diajukan Oleh :

Nama : Yusup Supriadi

NIM : 12140127

Program Studi : Manajemen Informatika

Jenjang : Diploma Tiga (D.III)

Judul Tugas Akhir : Perancangan Sistem Informasi Sekolah Menengah

Kejuruan Berbasis Web.

Telah dipertahankan pada periode I-2017 dihadapan penguji dan diterima sebagai
bagian persyaratan yang diperlukan untuk memperoleh Diploma Ahli Madya
(A.Md) pada program Diploma Tiga (D.III) Jurusan Manajemen Informatika di
Akademi Manajemen Informatika & Komputer Bina Sarana Informatika.

Jakarta, 09 Agustus 2017

PEMBIMBING TUGAS AKHIR

Pembimbing : Adjat Sudradjat, M.Kom ........................................

Asisten pembimbing : Slamet Widodo, M.Kom ........................................

DEWAN PENGUJI

Penguji I : ........................................

Penguji II : ........................................

iv
 LEMBAR KONSULTASI TUGAS AKHIR

AMIK BSI JAKARTA

NIM : 12140127
Nama Lengkap : Yusup Supriadi
Dosen Pembimbing : Adjat Sudradjat, M.Kom
Judul Tugas Akhir : Perancangan Sistem Informasi Sekolah Menengah
Kejuruan Berbasis Web

Tanggal Paraf Dosen

No Pokok Bahasan
Bimbingan Pembimbing
1. 06 April 2017 Acc Judul
2. 12 April 2017 Pengajuan Bab III
3. 19 April 2017 Revisi Bab III
4. 05 Juli 2017 Revisi Bab III
5. 06 Juli 2017 Revisi Bab III
6. 10 Juli 2017 Acc Bab III
7. 13 Juli 2017 Revisi Daftar Pustaka
8. 14 Juli 2017 Acc Keseluruhan

Catatan untuk Dosen Pembimbing.

Bimbingan Tugas Akhir
 Dimulai pada tanggal : 06 April 2017
 Diakhiri pada tanggal : 14 Juli 2017
 Jumlah pertemuan bimbingan : 8x Pertemuan

Disetujui oleh,
Dosen Pembimbing

(Adjat Sudradjat,M.Kom)

v
 LEMBAR KONSULTASI TUGAS AKHIR

AMIK BSI JAKARTA

NIM : 12140127
Nama Lengkap : Yusup Supriadi
Dosen Pembimbing : Slamet Widodo, M.Kom
Judul Tugas Akhir : Perancangan Sistem Informasi Sekolah Menengah
Kejuruan Berbasis Web

Tanggal Paraf Dosen

No Pokok Bahasan
Bimbingan Pembimbing
1 07 April 2017 Pengajuan Bab I dan II
2 17 April 2017 Revisi Bab I dan II
3 04 Mei 2017 Acc Bab I dan II
4 20 Juni 2017 Pengajuan Black Box Testing
5 10 Juli 2017 Demo Program
6 13 Juli 2017 Acc Keseluruhan

Catatan untuk Dosen Pembimbing.

Bimbingan Tugas Akhir
 Dimulai pada tanggal : 07 April 2017
 Diakhiri pada tanggal : 14 Juli 2017
 Jumlah pertemuan bimbingan : 6x Pertemuan

Disetujui oleh,
Dosen Pembimbing

(Slamet Widodo,M.Kom)
 KATA PENGANTAR

Puji dan syukur penulis panjatkan kehadirat Allah SWT, karena atas rahmat

dan karunia-Nya, berupa iman, ilmu, dan kesehatan, sehingga pada akhirnya

penulis dapat menyelesaikan tugas akhir ini dengan baik. Adapun judul penulisan

tugas akhir yang penulis ambil adalah “Perancangan Sistem Informasi Sekolah

Menengah Kejuruan Berbasis Web”.

Tujuan dari penulisan tugas akhir ini adalah sebagai salah satu syarat

kelulusan pada Program Diploma Tiga (D.III) Akademi BSI. Penulis menyadari

bahwa tanpa adanya bimbingan dan dorongan dari semua pihak, maka penulisan

tugas akhir ini tidak dapat terselesaikan dengan baik. Oleh karena itu, pada

kesempatan ini, izinkanlah penulis menyampaikan ucapan terimakasih kepada:

1. Bapak Direktur AMIK BSI JAKARTA.

2. Bapak Ketua Jurusan Manajemen Informatika AMIK BSI JAKARTA.

3. Bapak Adjat Sudrajat, M.Kom Selaku Dosen Pembimbing tugas akhir.

4. Bapak Slamet Widodo, M.Kom Selaku Dosen Pembimbing tugas akhir.

5. Staff/Karyawan/Dosen dilingkungan Akademi BSI.

6. Kedua Orangtua Penulis yang telah memberikan dukungan moral maupun

spiritual.

7. Rekan rekan mahasiswa kelas 12.1G.07 – 12.6G.07.

Serta semua pihak yang telah membantu dalam menyelesaikan tugas akhir

ini, yang terlalu banyak untuk disebutkan satu persatu. Penulis menyadari bahwa

penulisan tugas akhir ini masih jauh dari sempurna, untuk itu penulis memohon

vii
 kritik dan saran yang membangun demi kesempurnaan penulisan dimasa yang

akan datang.

Akhir kata semoga tugas akhir dapat berguna bagi penulis khususnya dan

bagi pembaca yang berminat pada umumnya.

Jakarta, 10 Juli 2017

Penulis

Yusup Supriadi

1
 ABSTRAK

Yusup Supriadi (12140127), Perancangan Sistem Informasi Sekolah

Menengah Kejuruan Berbasis Web.

Kini masyarakat semakin mudah mendapatkan informasi yang di inginkan

melalui berbagai macam media dan salah satunya adalah media internet, yang
merupakan hasil kemajuan dari teknologi yang terus berkembang. teknologi
website dalam perkembanganya telah banyak menghiasi dunia pendidikan di
indonesia. Hal tersebut dapat kita lihat dengan hadirnya beberapa situs pendidikan
baik dari pendidikan regular maupun dari lembaga pendidikan nonreguler. Untuk
saat ini fasilitas yang disediakan sekolah sangat membantu siswa dalam proses
belajar mereka. Namun disamping fasilitas yang lengkap, sistem informasi
sekolah menengah kejururuan masih memiliki kelemahan dalam pengolahan data
yakni masih menggunakan media informasi konvensional berupa catatan tangan
pada buku induk, seta sempitnya jangkauan media promosi. Penggunaan sistem
informasi berbasis web dapat menjadi sebuah revolusi publikasi dalam membuka
jangkauan informasi yang lebih luas lagi untuk menyampaikan berbagai informasi
mengenai sekolah tersebut, memberikan kemudahan dalam aktivitas-aktivitas
akademik, menghilangkan batasan waktu, jarak, dan tempat bagi siswa, orangtua,
maupun masyarakat yang ingin mencari informasi tentang sekolah yang
bersangkutan.

Kata Kunci : Perancangan Sistem Informasi, Web, Website Sekolah

1
 ABSTRACT

Yusup Supriadi (12140127), Design Of Web-Information System In Vocational

High School.

Nowdays, the community is getting easier to get the desired information

through kind of media and one of them is internet, which is progress result of
evolving technologies. Development website technology has many roles in the
education world in Indonesia. This can be seen by the presence of some kind of
educational sites as well as from the regular educational institutionor unregular.
Vocational high school is one of the educational institutions are working to create
excellent students. For the current school facilities that provided could help
students in their learning process. But, Vocational High School still has
weaknesses in data processing that is still using conventional information media,
such as hard written notes on the registration books, teaching materials such as
hard written on the blackboard and the limited range of promotional media. The
use of web-based information systems can be a publishing revolution in opening
up a wider range of information to convey various types of information about the
school, provide ease in academic activities, eliminating the constraints of time,
distance, and a place for students, parents, and the people who want to find more
information about the school.

Key Words: The Computerized System, Website, School Website

1
 DAFTAR ISI

Lembar Judul Tugas Akhir ................................................................................... i

Lembar Pernyataan Keaslian Tugas Akhir ........................................................... ii
Lembar Pernyataan Persetujuan Publikasi Karya Ilmiah ..................................... iii
Lembar Persetujuan Dan Pengesahan Tugas Akhir ............................................. iv
Lembar Konsultasi Tugas Akhir ........................................................................... v

Kata Pengantar ...................................................................................................... vii

Abstraksi ............................................................................................................... ix
Daftar Isi ............................................................................................................... xi
Daftar Simbol ....................................................................................................... xiii
Daftar Gambar ...................................................................................................... xiv
Daftar Tabel .......................................................................................................... xvi

BAB I PENDAHULUAN ............................................................................ 1

1.1. Latar Belakang Masalah ........................................................... 1
1.2. Maksud Dan Tujuan ................................................................. 2
1.3. Metode Penelitian ..................................................................... 3
1.4. Ruang Lingkup ......................................................................... 5
1.5. Sistematika Penulisan ............................................................... 5

BAB II LANDASAN TEORI ....................................................................... 7

2.1. Konsep Dasar Web .................................................................. 7
2.1.1. Website ........................................................................... 7
2.1.2. Bahasa Pemrograman ..................................................... 13
2.1.3. Basis Data ....................................................................... 15
2.1.4. Model Pengembangan Perangkat Lunak ........................ 17
2.2. Teori Pendukung ...................................................................... 18
2.2.1. Struktur Navigasi ............................................................ 18
2.2.2. Entity Relationship Diagram .......................................... 21
2.2.3. Blackbox Testing ............................................................ 23

BAB III PEMBAHASAN .............................................................................. 24

3.1. Analisa Kebutuhan ................................................................... 24
3.1.1. Identifikasi Kebutuhan Pengguna.................................... 24
3.1.2. Identifikasi Kebutuhan Sistem ........................................ 25
3.2. Perancangan Perangkat Lunak ................................................. 27
3.2.1.Rancangan Antar Muka ................................................... 27
3.2.2.Basis Data ........................................................................ 35
3.2.3. Struktur Navigasi ............................................................ 44
3.3. Implementasi Dan Pengujian Unit ........................................... 46
3.3.1. Implementasi ................................................................... 46

1
 3.3.2. Pengujian Unit ........................................................... 59

BAB IV PENUTUP ........................................................................................ 65

4.1. Kesimpulan .............................................................................. 65
4.2. Saran ......................................................................................... 65

DAFTAR PUSTAKA ......................................................................................... 67

DAFTAR RIWAYAT HIDUP ........................................................................... 68

1
 DAFTAR SIMBOL

A. Simbol Entity Relationship Diagram

ENTITAS

Suatu kumpulan objek atau sesuatu yang dapat

dibedakan atau dapat didefinisikan.

RELATIONSHIP

Hubungan yang dapat terjadi antara suatu

entitas atau lebih.

ATRIBUT

Karakteristik dari entitas atau relationship

yang menyediakan penjelasan detail entitas

atau relation.

LINK

Baris sebagai penghubung antara himpunan,

relasi, dan himpunan entitas dan atributnya.

1
 DAFTAR GAMBAR

1. Gambar II.1 Pemodelan Waterfall .............................................................. 17

2. Gambar II.2 Strukrur Navigasi Linear ........................................................ 19
3. Gambar II.3 Struktur Navigasi Hierarkis ............................................ 19
4. Gambar II.4 Struktur Navigasi Nonlinear ............................................ 20
5. Gambar II.5 Struktur Navigasi Komposit ............................................. 20
6. Gambar III.1 Rancangan Tampilan Pengunjung (front-end) ...................... 27
7. Gambar III.2 Rancangan tampilan login admin .......................................... 28
8. Gambar III.3 Rancangan tampilan login guru ............................................ 28
9. Gambar III.4 Rancangan tampilan admin (back-end) ................................ 29
10. Gambar III.5 Rancangan tampilan ruang guru ........................................... 29
11. Gambar III.6 Rancangan Login siswa ........................................................ 30
12. Gambar III.7 Rancangan ruang siswa ........................................................ 30
13. Gambar III.8 Rancangan tampilan form tambah administrator................... 31
14. Gambar III.9 Rancangan tampilan form tambah guru ................................ 31
15. Gambar III.10 Rancangan tampilan form tambah siswa............................. 32
16. Gambar III.11 Rancangan tampilan form tambah kelas ............................. 32
17. Gambar III.12 Rancangan tampilan form tambah mata pelajaran .............. 33
18. Gambar III.13 Rancangan tampilan form tambah jadwal pelajaran............ 33
19. Gambar III.14 Rancangan tampilan form sekilas info ................................ 34
20. Gambar III.15 Rancangan tampilan form update nilai ............................... 34
21. Gambar III.16 Rancangan tampilan form kontak ....................................... 35
22. Gambar III.17 Entity Relationship Diagram ............................................... 36
23. Gambar III.18 Logical Relational Structure ............................................... 37
24. Gambar III.19 Struktur Navigasi Halaman Pengunjung ............................. 44
25. Gambar III.20 Struktur Navigasi Ruang Admin .......................................... 45
26. Gambar III.21 Struktur Navigasi Ruang Siswa .......................................... 46
27. Gambar III.22 Halaman Beranda Pengunjung ............................................ 47
28. Gambar III.23 Halaman Data Siswa ........................................................... 48
29. Gambar III.24 Halaman Data Guru ............................................................ 48
30. Gambar III.25 Halaman Kontak Kami ........................................................ 49
31. Gambar III.26 Halaman Login Admin ....................................................... 50
32. Gambar III.27 Halaman Beranda Admin (Back-end) ................................. 50
33. Gambar III.28 Halaman Manajemen User Guru ......................................... 51
34. Gambar III.29 Halaman Manajemen Siswa ............................................... 51
35. Gambar III.30 Halaman Manajemen Kelas ................................................ 52
36. Gambar III.31 Halaman Manajemen Mata Pelajaran ................................. 52
37. Gambar III.32 Halaman Manajemen Data Nilai ........................................ 53
38. Gambar III.33 Halaman Manajemen Kontak Kami .................................... 53
39. Gambar III.34 Halaman Beranda Ruang Guru ........................................... 54
40. Gambar III.35 Halaman Manajemen Nilai ................................................. 54
41. Gambar III.36 Halaman Login Siswa ......................................................... 55
42. Gambar III.37 Halaman Beranda Ruang Siswa .......................................... 55
43. Gambar III.38 Halaman Kelas anda ............................................................ 56
44. Gambar III.39 Halaman Jadwal Pelajaran .................................................. 56

1
45. Gambar III.40 Halaman Nilai ..................................................................... 57
46. Gambar III.41 Halaman Edit Profil ............................................................ 57
47. Gambar III.42 Halaman Edit Password ...................................................... 57

1
 DAFTAR TABEL
1. Tabel III.1 Spesifikasi File Data Siswa ...................................................... 38
2. Tabel III.2 Spesifikasi File Kelas ............................................................... 39
3. Tabel III.3 Spesifikasi File Jadwal Pelajaran ............................................. 40
4. Tabel III.4 Pesifikasi File Mata Pelajaran .................................................. 41
5. Tabel III.5 Spesifikasi File Data Nilai ....................................................... 42
6. Tabel III.6 Spesifikasi File Data Guru ....................................................... 43
7. Tabel III.7 Hasil Pengujian Black Box Testing Halaman Login Admin dan
Guru ............................................................................................................ 60
8. Tabel III.8 Hasil Pengujian Black Box Testing Halaman Login Siswa ...... 61
9. Tabel III.9 Hasil pengujian Black Box Testing Form tambah data
administrator ................................................................................................ 62
10. Tabel III.10 Hasil pengujian Black Box Testing Form tambah data guru .. 63
11. Tabel III.11 Hasil pengujian Black Box Testing Form tambah siswa. ........ 64

1
 BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

Perkembangan aplikasi web semakin pesat sejak munculnya teknologi

internet. Khususnya dalam penerimaan informasi, mulai dari dunia bisnis sampai

dengan dunia pendidikan telah banyak memanfaatkan aplikasi web dalam

kegiatan penjualan, promosi, belajar dan kegiatan lainnya dimana dibutuhkan

pengiriman, penyebaran dan penerimaan informasi sehingga memberikan

kemudahan bagi pengguna yang membutuhkan.

Teknologi internet sangat mendukung dalam hal penyampaian informasi

khususnya dalam dunia pendidikan. Saat ini meski penggunaan internet sudah

menjadi hal yang biasa bagi masyarakat, namun tidak dipungkiri bahwa dalam

dunia pendidikan khususnya pada penyampaian informasi yang menyangkut

kegiatan sekolah masih menggunakan media cetak. Dengan menggunakan media

cetak, selain membutuhkan waktu yang relatif lama dalam hal penyebaran

infromasi juga membutuhkan biaya yang tidak sedikit dalam hal pencetakan

informasi karna membutuhkan banyak kertas untuk melakukan pencetakan

informasi tersebut.

Dengan adanya masalah tersebut, penulis mencoba memberikan suatu

bentuk pemecahan masalah beserta solusinya, yaitu dengan diadakannya

perbaikan dalam sistem yang sedang berjalan. Sistem yang masih menggunakan

media cetak harus disesuaikan dengan perkembangan teknologi dan kebutuhan.

1
 Untuk memecahkan masalah tersebut, maka penulis membuat perancangan

program dengan judul “Perancangan Sistem Informasi Sekolah Berbasis

Web”.

1.2 Maksud dan Tujuan

Maksud penulisan tugas akhir sebagai berikut :

1. Melakukan inventarisasi permasalahan yang dihadapi dalam sebuah

sisem informasi sekolah.

2. Mencoba memberikan solusi untuk permasalahan yang di hadapi dengan

merancang sebuah sistem informasi sekolah berbasis web.

3. Mempermudah pihak sekolah dalam menyampaikan informasi seputar

kegiatan sekolah, dan mempermudah para siswa menerima informasi

tersebut.

4. Membantu mengurangi penggunaan kertas untuk mencetak informasi

terbaru dari sekolah.

Adapun tujuan penulisan Tugas Akhir ini adalah sebagai salah satu syarat

kelulusan Program Diploma Tiga (D.III) program studi Manajemen Informatika

dan Komputer Bina Sarana Informatika (AMIK BSI).

1
1.3 Metode Penelitian

Dalam penulisan tugas akhir ini menggunakan beberapa metodologi yang

bertujuan untuk mempernudah pembuatan dan perancangan sistem yang baru

sebagai berikut:

A. Model pengembangan perangkat lunak

Waterfall model digunakan untuk memahami kebutuhan dari sistem karena

dengan menggunakan model ini kebutuhan dari sistem telah dipahami dengan

baik. Model waterfall (Saputra, 2012:20) yang terbagi menjadi beberapa tahapan,

yaitu:

1. Pendefinisian kebutuhan (Requirements definition)

Pada Web Sekolah ini diperlukan suatu program yang mempermudah dalam

pengelolahan data. Program tersebut mencakup dalam hal pengelolahan data

siswa, nilai siswa, data guru, data admin, login admin.

2. Desain sistem dan perangkat lunak (Systemand software design)

Dalam perancang program ini, penulis menggunakan software

pemrograman yaitu Adobe Dreamweaver CS6 untuk perancangan antar

muka atau interface. Sedangkan untuk pengolahan database penulis

menggunakan MySQL dan menggunakan Xampp sebagai web server serta

Mozilla Firefox sebagai Browser.

3. Desain program dan pengujian unit (Implementation and unit testing)

Setelah perancangan sistem dan perangkat lunak ditetapkan penulis mulai

melakukan pengkodean dengan menggunakan bahasa pemrograman yaitu

PHP (Personal Home Page), HTML (Hypertext Markup Language) dan

1
 Javascript untuk membuat setiap halaman web guna merealisasikan aplikasi

yang diinginkan.

4. Penyatuan unit dan pengujian sistem (Integration and system testing)

Setelah pengkodean selesai semua maka dilakukan pengujian sistem pada

browser secara keseluruhan. Menggunakan metode black box testing untuk

menemukan kesalahan dengan cara memberi inputan pada sistem dan

melihat apakah outputnya sudah sesuai dengan yang diharapkan.

5. Pengoperasian dan Pemeliharaan Program (Operation and maintenance)

Setelah selesai dilakukan pengujian dan hasilnya sesuai dengan yang

diharapkan, maka aplikasi ini diserahkan kepada end user untuk di

gunakan operasional. Perawatan diperlukan untuk memelihara sistem

aplikasi ini apabila ditemukan kesalahan yang tidak terdeteksi pada saat

pengujian, atau ada perubahan untuk penyesuaian kondisi yang ada oleh

admin.

B. Pengumpulan data

Merupakan metode yang digunakan peneliti, dalam melakukan analisis data

dan menjadikan informasi yang akan digunakan untuk mengetahui

permasalahan yang dihadapi.

1. Observasi

Melakukan pengamatan langsung pada objek yang diteliti dan

menganalisis permasalahan.

2. Membaca dan mempelajari dokumen-dokumen yang berhubungan

dengan permasalahan yang diteliti.

1
1.4 Ruang Lingkup

Dalam penulisan Tugas Akhir ini, agar pembahasan lebih terarah maka

diperlukan ruang lingkup. Dalam Perancangan Sistem Informasi Sekolah

Berbasis Web hanya melingkupi mengenai informasi data guru, nilai siswa,

informasi kegiatan sekolah, sejarah dan koleksi foto terbaru dari kegiatan sekolah

tersebut.

1.5 Sistematika Penulisan

Sebelum membahas lebih lanjut, sebaiknya penulis menjelaskan terlebih

dahulu mengenai sistematika penulisan, sehingga memudahkan pembaca

memahami isi laporan Tugas Akhir ini.

Adapun sistematika penulisan dalam laporan Tugas Akhir ini adalah

sebagai berikut :

BAB I PENDAHULUAN

Dalam bab ini diuraikan mengenai latar belakang masalah, maksud dan

tujuan penulisan laporan Tugas Akhir, ruang lingkup dan sistematika

penulisan.

BAB II LANDASAN TEORI

Dalam bab ini berisikan penjelasan teori-teori mengenai konsep dasar web

yaitu pembahasan mengenai website, aplikasi berbasis web, bahasa

pemprograman, basis data. Dan penjelasan mengenai teori pendukung

yaitu struktur navigasi, enterprise relationship diagram, pengujian web.

1
BAB III PEMBAHASAN

Dalam bab ini berisikan penjelasan mengenai input data siswa, data guru,

dan niai.

BAB IV PENUTUP

Bab ini merupakan bab terakhir yang berisikan kesimpulan dari apa yang

dibahas, dilanjutkan dengan saran-saran untuk mencapai suatu hasil akhir

yang baik.

1
 BAB II

LANDASAN TEORI

2.1. Konsep Dasar Web

2.1.1. Website

A. Pengertian Website

Menurut Raharjo (2012:2) mendefinisikan bahwa Word Wide Web (W3)

atau yang dikenal dengan istilah Web adalah "suatu layanan didalam jaringan

internet yang berupa ruang infromasi". Didalam halaman web terdapat objek

benama hyperlink atau biasa disebut link. Dengan menggunakan prinsip hyperlink,

pengaksesan halaman web dapat dengan mudah berpindah ke lokasi halaman web

lain di internet hanya menggunakan klik mouse.

Agar website dapat ditampilkan secara sempurna diperlukan kerjasama

antara dua bagian. Bagian pertama adalah server website, sementara bagian

kedua adalah client website. Server berfungsi sebagai tempat untuk menempatkan

halaman web yang mengandung kode HTML. Apabila file website tersebut

merupakan file statis (file yang memiliki ekstensi HTML) dan tidak mengandung

bahasa pemrograman yang harus diolah sisisi server (seperti PHP atau ASP)

maka server digunakan untuk meletakan halaman web saja.

Akan tetapi bila file website bersifat dinamis, maka server juga berfungsi

melakukan kompilasi dan interpretasi kode pemrograman yang ditulis di file

website sehingga menghasilkan kode HTML murni untuk ditampilkan di

1
browser. Client adalah sebuah browser. Browser disebut sebagai client karena

hanya menerima layanan dari server berupa kode HTML untuk kemudian di-

render menjadi halaman web yang sempuma..

Secara garis besar website dapat digolongkan menjadi tiga jenis adalah:

1) Website statis

Website statis adalah website yang tidak memiliki kode server-side-

processing seperti PHP atau ASP.NET. Secara teknis, yang disebut

dengan website statis adalah halaman web dengan ekstensi.html atau

.htm. Website statis pada umumnya hanya digunakan untuk

menampilkan informasi tanpa meminta data dari user. Kebanyakan

website didunia, pada awalnya hanya berupa halaman statis, hingga

ditemukannya Tag FORM pada kode HTML.

2) Website Dinamis

Website dinamis merupakan webite yang dibuat dari file yang

mengandung kode server-side processing seperti PHP atau

ASP.NET. Website dinamis memberikan kesempatan kepada user

untuk lebih berinteraksi dengan halaman web tersebut. Contoh

diperlukannya website dinamis adalah ketika pembuatan halaman

buku tamu, atau pembuatan aplikasi-aplikasi database.

3.) Website interaktif

Website interaktif adalah website yang didalamnya terdapat

komunikasi secara aktif. Contoh dari Website interaktif adalah web

1
 forum yang didalamnya user dapat berinteraktif atau beradu

agumentasi dengan user lain atau pemilik web itu sendiri mengenai

permasalahan yang sedang diperbincangkan.

B. Internet

Menurut Sibero (2013:10) mendefinisikan bahwa "Internet (Interconnected

Network) adalah jaringan komputer yang menghubungkan antar jaringan secara

global, internet dapat juga disebut jaringan dalam suatu jaringan yang luas".

Sejarah kelahiran internet bermula dari lahimya ARPAnet (Advace Research

Agency Network) pada tahun 1969. ARPAnet dikembangkan oleh IPTO

(Information Processing Techniques Office) dengan dukungan penuh dari US

SARPA (The United States Department of Defense Advance Research Projec

Agency). Tujuan awal proyek ARPAnet ini adalah mencari solusi untuk

membangun komunikasi data dari node (komputer) yang satu dengan yang

lainnya dengan jarak yang berjauhan. Pada waktu itu, mesin yang digunakan

untuk berkomunikasi disebut IMPs (lnterface Message Processors).

Komunikasi data pertama dilakukan antara mesin IMPs yang berada di UCLA

dibawah kendali Leonard Kleinrock's dengan mesin IMPs yang berada di

Standford Research Institude pada bulan Oktober 1969.

Ada tiga komponen dasar yang membuat internet berfungsi, yaitu:

1) Jaringan komputer, berfungsi sebagai media atau saluran yang digunakan

untuk lalulintas data.

2) Protokol berfungsi sebagai alat komunikasi dari satu sistem ke sistem

lain.

1
3) Program aplikasi, adalah fasillitas yang digunakan oleh pemakai untuk dapat

berinteraksi di internet.

Pada umumnya orang mengenal protokol dalam internet dengan sebutan

TCP/IP (Transmision Control Pannel/Internet Protocol). TCP atau protokol

angkut, mempunyai tugas untuk memastikan semua hubungan bekerja dengan

baik dan menyatukan atau menghimpun paket-paket data yang berhubungan

yang dikirirn oleh IP dan meletakkannya dalam urutan yang tepat.

IP bertugas untuk mentransmisikan data dari suatu komputer ke komputer

lain. IP bertugas memecah paket-paket data yang akan dikirim menjadi ukuran

lebih kecil. Setiap paket data yang dipecah dan yang akan dikirim diberi nomor

urut untuk nantinya disatukan kembali.

Protokol aplikasi berfungsi memformat pesan yang dapat dikenal oleh

manusia contoh dari protokol ini adalah HTTP (Hyper Text Transfer Protocol),

FTP (File Transfer Protocol) dan lain sebagainya. Dalam mengirimkan paket

data melalui TCP/IP, tidak boleh ada gangguan koneksi karena sistem kerja dari

TCP/IP tersebut telah membagi paket data, jika pada saat pengiriman data

terjadi putus koneksi, maka data yang terkirim tersebut akan gagal diterima

atau dengan kata lain akan terjadi pengulangan pengiriman data.

Untuk dapat menggunakan fasilitas internet, biasanya kita harus

berlangganan ke salah satuu ISP (Internet Service Provider), penyedia layanan

internet yang ada dikota kita. Dengan memanfaatkan internet, pemakai komputer

di seluruh dunia dapat saling berkomunikasi, tukar-menukar informasi dan

mengirimkan data dengan sangat cepat. Dimana kecepatan dari pengiriman data

1
tersebut tentunya didukung oleh kecepatan transfer data yang disediakan oleh ISP

tersebut.

C. Web server

Menurut Sibero (2013:11) “web server adalah sebuah komputer yang terdiri

dari perangkat keras dan perangkat lunak”. Saat sekarang ini terdapat beberapa

aplikasi web server yang semuanya mempunyai kekurangan serta kelebihannya

masing-masing.

Berikut diantaranya yang termasuk kedalam jenis web server:

1. Apache web server – the http web server

2. Apache tomcat

3. Microsoft windows server 2003 internet information services (IIS)

4. Lightpd

5. Jigsaw

6. Sun java system web server

7. Xitami web server

8. Zeus web server

Diantara kedelapan jenis web server diatas, aplikasi yang sering digunakan

untuk sekarang ini adalah IIS dan APACHE.

D. Web browser

Menurut Sibero (2013:12) “web browser adalah aplikasi perangkat lunak

yang digunakan untuk mengambil dan menyajikan sumber informasi web”. Untuk

dapat mengakses khususnya WWW (world wide web) diperlukan program aplikasi

1
yang disebut browser dan sebuah sistem yang harus berada dilingkungan jaringan

TCI/IP (Transfer control / internet protokol) internasional networking (internet).

Tugas browser membuka sebuah dokumen setelah sebuah sub kalimat hypertext

tertentu yang dipilih. User hanya perlu meng-klik, maka informasi lainnya yang

berhubungan dengan kalimat tersebut akan tampil. Beberapa web browser yang

banyak digunakan oleh user diantaranya adalah internet explorer, mozilla firefox,

opera, dan lain-lain.

E. Adobe dreamweaver CS6

Menurut Madcoms (2013:1) mengatakan “Adobe Dreamweaver CS6 adalah

perangkat lunak terkemuka untuk desain web yang menyediakan visual yang

intuitif termasuk dalam kode, yang dapat digunakan untuk membuat dan mengedit

website HTML (hyper text markup language) serta aplikasi mobile seperti

smartphone, tablet, dan perangkat lunak lainnya.

Adobe Dreamweaver CS6 memberikan kemudahan tersendiri dalam

melakukan developing website untuk kebutuhan website dinamis. Selain itu,

banyak extension yang dapat diinstal kedalam sistem dreamweaver, dan

digunakan untuk membuat suatu aplikasi sidalam pembuatan website. Semua

kemudahan dan kecanggihan dreamweaver itulah yang membuat para web

designer profesional menggunakan sebagai software utama atau software

pembantu dalam membuat sebuah website.

1
2.1.2.Bahasa Pemrograman

A. HTML (Hyper Text Markup Language)

Menurut Raharjo (2011:4) ”Hyper Text Markup Kanguage (HTML), yaitu

bahasa (aturan) standard yang digunakan untuk menampilkan text, gambar,

video,dan audio kedalam bahasa web”. Saat ini merupakan standard internet yang

di definisikan dan dikendalikan penggunaannya oleh World Wide Web

Consortium (W3C).

HTML berupa kode-kode tag yang menginstruksikan browser untuk

menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang dapat

dibuka dengan menggunakan browser web seperti mozilla firefox, internet

explorer, google chrome, dan lain-lain. HTML juga dapat dikenali oleh aplikasi

pembuka seperti e-mail, PDA (Personal Digital Assistant) dan program lain yang

memiliki kemampuan browser. Saat ini HTML berkembang menjadi XHTML

(Extensible hyper text markup language).

B. Personal Home Page (PHP)

Menurut Munir (2013:3) bahwa “PHP atau Personal Home Page adalah

pemrograman interpreter yaitu proses penerjemahan baris kode sumber menjadi

kode mesin yang dimengerti komputer secara langsung pada saat baris kode

dijalankan”. PHP juga dimaksudkan untuk mengganti teknologi lama seperti CGI

(Common Gateway Interface).

1
 PHP membuat proses pengembangan aplikasi menjadi mudah karena

kelebihan-kelebihannya, yaitu:

1) Script (kode program) terintegrasi dengan file HTML, sehingga developer

bisa berkonsentrasi langsung pada penampian dokumen web-nya

2) Tidak ada proses compiling dan linking.

3) Berorientasi obyek

4) Sintaksis pemrogramannya mudah dipelajari dan menyerupai C

5) Integrasi yang sangat luas keberbagai server database. Menulis web yang

terhubung ke database menjadi sangat sederhana. Pada umumnya PHP

menggunakan MySQL sebagai database, namum PHP juga mendukung

database yang lain seperti Oracle, Sybase, MsSQL, PostrageSQL, Informix,

dBase dan masih banyak lagi.

Dalam penulisan PHP dapat dilakukan berbagai tag. Semua ini tidak

mempengaruhi program yang akan dibuat, sehingga anda tetap bekerja dengan

PHP namun dengan tag yang bervariasi.

C. CSS (Casanding Style Sheet)

Menurut Raharjo (2011:185) mengatakan “Casanding Style Sheet (CSS)

adalah suatu bahasa yang bekerjasama dengan dokumen HTML untuk

mendefinisikan cara bagaimana suatu isi halaman web ditampilkan atau

dipresentasikan”. Konsep style sheet mirip dengan template pada Microsoft Word.

Anda dapat mengubah tampilan pada dokumen Word dengan mengubah format

pada style dokumen. Begitu pula anda dapat mengubah tampilan halaman web

dengan mengubah format pada tag HTML tertentu melalui style sheet, untuk

selanjutnya mengganti spesifikasi default dari browser untuk tag-tag tersbut.

1
 CSS digunakan para web designer untuk mengatur style elemen yang ada

dalam halaman web, mulai dari memformat teks, sampai pada memformat layout.

Tujuan dari penggunaan CSS ini adalah agar diperoleh suatu konsistensi style

pada elemen tertentu. Sebagai contoh, misalnya untuk mengatur style elemen

heading, diinginkan jenis font-nya adalah Arial, ukuran 20 pixel, dan berwarna

merah. Dengan CSS, kita cukup menuliskan properti dari elemen heading tersebut

sekali saja, dan akan memperoleh hasil yang diinginkan.

2.1.3. Basis Data

Menurut Anhar (2010:47) mengatakan basis data atau biasa disebut dengan

Database adalah “sekumpulan tabel-tabel yang berisi data dan merupakan

kumpulan dari field atau kolom” salah satu komponen yang penting dalam

sistem informasi, karena merupakan basis dalam menyediakan informasi pada

para pengguna atau user. Fungsi dari database adalah menyimpan suatu data pada

table-table dan dikumpulkan menjadi satu dengan database. Database juga bisa

diumpamakan sebagai sebuah rumah dengan beberapa kamar-kamar dan sebuah

property seperti almari, meja belajar, tempat tidur itu bisa disebut dengan data

query-nya.

A. MySQL

Menurut Arief (2011:152) “MySQL adalah salah satu jenis database server

yang sangat terkenal dan banyak digunakan untuk membangun aplikasi web yang

menggunakan database sebagai sumber dan pengolahan datanya”.

MySQL dikembangkan oleh perusahaan Swedia bernama MySQL AB yang

pada saat ini bernama Tcx DataKonsult AB sekitar tahun 1994-1995, namun cikal

1
bakal kodenya sudah ada sejak tahun 1979. Awalnya Tcx merupakan perusahaan

pengembang software dan konsultan database, dan saat ini MySQL sudah diambil

alih oleh Oracle Corp.

Kepopuleran MySQL antara lain karena MySQL menggunakan SQL sebagai

bahasa dasar untuk mengakses database-nya sehingga mudah untuk digunakan,

kinerja query cepat, dan mencukupi untuk kebutuhan database perusahaan-

perusahaan yang berskala kecil sampai menengah, MySQL juga bersifat open

source (tidak berbayar).

MySQL merupakan database yang pertama kali didukung oleh bahasa

pemrograman script untuk internet (PHP dan Perl). MySQL dan PHP dianggap

sebagai pasangan software pembangun aplikasi web yang ideal. MySQL lebih

sering digunakan untuk membangun aplikasi berbasis web, umumnya

pengembangan aplikasinya menggunakan bahasa pemrograman script PHP.

MySQL didistribusikan dengan licensi open source GPL (General Public License)

mulai versi 3.23 pada bulan juni 2000.

B. SQL

Menurut Raharjo (2011:55), SQL yaitu kependekan dari Structured Query

Language, yang merupakan bahasa atau kumpulan perintah standar yang

digunakan untuk berkomunikasi dengan database.

Menurut Ichwan (2011:20), kegunaan bahasa SQL yaitu:

(a) membangun basis data,

(b) menjalankan query terhadap basis data,

(c) melakukan penambahan, pengurangan, perubahan terhadap data yang

ada.

1
C. Apache2triad

Menurut Sibero, (2011:374), “Apache adalah perangkat lunak yang

digunakan untuk mengakses dan mengatur konfigurasi Apache web server.

Pemograman web terbagi menjadi 2 bagian:

1. Web Client Programming, pemograman web yang di tentukan pada sisi

client. Yang termasuk pada web client programming, yaitu: HTML, Java

Script, dan VBScript.

2. Web Server Programming, pemograman web yang ditentukan pada sisi

server. Adapun yang termasuk kedalam kategori ini, adalah: ASP, PHP,

JSP, Cold Fusion, dan ASP.NET.

2.1.4. Model Pengembangan Perangkat Lunak

Waterfall model digunakan untuk memahami kebutuhan dari sistem karena

dengan menggunakan model ini kebutuhan dari sistem telah dipahami dengan

baik. Model waterfall (Saputra, 2012:20) yang terbagi menjadi beberapa tahapan,

yaitu:

(Sumber : Saputra (2012:20))

Gambar II.1

1
 Pemodelan Waterfall

5. Pendefinisian kebutuhan (Requirements definition)

Mengumpulkan kebutuhan secara lengkap kemudian dianalisis dan

didefinisikan kebutuhan yang harus dipenuhi oleh program yang akan

dibangun. Fase ini harus dikerjakan secara lengkap untuk bisa menghasilkan

desain yang lengkap.

6. Desain sistem dan perangkat lunak (System and software design)

Desain dikerjakan setelah kebutuhan selesai dikumpulkan secara lengkap.

7. Desain program dan pengujian unit (Implementation and unit testing)

Desain program diterjemahkan kedalam kode-kode dengan menggunakan

bahasa pemrograman yang sudah ditentukan.

8. Penyatuan unit dan pengujian sistem (Integration and system testing)

Penyatuan unit-unit program kemudian diuji secara keseluruhan.

5. Pengoperasian dan Pemeliharaan Program (Operation and maintenance)

Mengoperasikan program dilingkungannya dan melakukan pemeliharaan,

seperti penyesuaian atau perubahan karena adaptasi dengan situasi

sebenarnya.

1
2.2. Teori Pendukung

2.2.1. Struktur Navigasi

Menurut Simarmata (2010:309) mendefinisikan “Navigasi yang ada

pada situs web atau aplikasi web menunjukan sesuatu yang penting dan menjadi

kata kunci usabilitas aplikasi”. Struktur navigasi termasuk struktur terpenting

dalam pembuatan suatu aplikasi multimedia dan gambarnya harus sudah ada pada

tahap perancangan.

Peta navigasi merupakan rancangan hubungan dan rantai kerja dari

beberapa area yang berbeda dan dapat membantu mengorganisasikan seluruh

elemen aplikasi mul timedi a dengan pemberian perintah dan pesan.

Menurut Binanto (2010:269) ada 4 macam bentuk dasar dari peta navigasi

yang biasa digunakan dalam proses pembuatan aplikasi multimedia, yaitu:

1. Struktur Navigasi Linear

Pengguna akan melakukan navigasi secara berurutan, dari frame atau byte

informasi yang satu ke yang lainnya.

(Sumber : Binanto (2010:269))

Gambar II.2

Strukrur Navigasi Linear

1
2. Struktur Navigasi Hierarkis

Struktur dasar ini disebut juga struktur "linear percabangan" karena

pengguna melakukan navigasi disepanjang cabang pohon struktur yang

terbentuk oleh logika isi.

I
(Sumber
-: : Binanto (2010:269))
Gambar II.3

Struktur Navigasi Hierarkis

3. Struktur Navigasi Nonlinear

Pengguna akan melakukan navigasi dengan bebas melalui isi proyek

dengan tidak terkait dengan jalur yang sudah ditentukan sebelumnya.

(Sumber : Binanto (2010:269))

Gambar II.4

Struktur Navigasi Nonlinear

1
4. Struktur Navigasi Komposit

Pengguna akan melakukan navigasi dengan bebas (secara non-linear),

tetapi terkadang dibatasi presentasi linear film atau informasi penting dan

atau pada data yang paling terorganisasi secara logis pada suatu hierarki .

(Sumber : Binanto (2010:269))

Gambar II.5

Struktur Navigasi Komposit

1
2.2.2. Entity Relationship Diagram (ERD)

A. Pengertian Entity Relationship Diagram (ERD)

Menurut Sutanta (2011:91) “Entity Relationship Diagram (ERD)

merupakan suatu model data yang dikembangkan berdasarkan objek.” Entity

Relationship Diagram (ERD) digunakan untuk menjelaskan hubungan antar data

dalam basis data kepada pengguna secara logis. Entity Relationship Diagram

(ERD) didasarkan pada suatu persepsi bahwa real world terdiri atas obyek-obyek

dasar tersebut.

Penggunaan Entity Relationship Diagram (ERD) relatif mudah dipahami,

bahkan oleh para pengguna yang awam. Bagi perancang atau analis sistem,

Entity Relationship Diagram (ERD) berguna untuk memodelkan sistem yang

nantinya basis data akan di kembangkan. Model ini juga membantu perancang

atau analis sistem pada saat melakukan analis dan perancangan basis data karena

model ini dapat menunjukkan macam data yang dibutuhkan dan kerelasian

antardata didalamnya.

B. Komponen Entity Relationship Diagram (ERD)

Komponen Entity Relationship Diagram menurut Sutanta (2011:91) adalah

sebagai berikut :

a. Entitas

Entitas merupakan suatu objek yang dapat dibedakan dari lainnya

yang dapat diwujudkan dalam basis data. Objek dasar dapat berupa

orang, benda, atau hal yang keterangannya perlu disimpan didalam

basis data.

1
 Untuk menggambarkan sebuah entitas digunakan aturan sebagai

berikut :

1) Entitas dinyatakan dengan simbol persegi panjang.

2) Nama entitas dituliskan didalam simbol persegi panjang.

3) Nama entitas berupa kata benda, tunggal.

4) Nama entitas sedapat mungkin menggunakan nama yang mudah

dipahami dan dapat menyatakan maknanya dengan jelas.

b. Atribut

Atribut merupakan keterangan-keterangan yang terkait pada sebuah

entitas yang perlu disimpan dalam basis data. Atribut berfungsi

sebagai penjelas pada sebuah entitas. Untuk menggambarkan atribut

digunakan aturan sebagai berikut:

1) Atribut digambarkan dengan simbol ellips.

2) Nama atribut dituliskan didalam simbol ellips.

3) Nama atribut merupakan kata benda, tunggal.

4) Nama atribut sedapat mungkin menggunakan nama yang mudah

dipahami dan dapat menyatakan maknanya dengan jelas.

c. Relasi

Relasi merupakan hubungan antara sejumlah entitas yang berasal dari

himpunan entitas yang berbeda. Aturan penggambaran relasi adalah

sebagai berikut :

1) Relasi dinyatakan dengan simbol belah ketupat.

2) Nama relasi dituliskan didalam simbol belah ketupat

3) Nama relasi berupa kata kerja aktif.

1
 4) Nama relasi sedapat mungkin menggunakan nama yang mudah

dipahami dan dapat menyatakan maknanya dengan jelas.

2.2.3. Blackbox Testing

A. Pengertian Blackbox Testing

Menurut Sukamto dan Salahudin (2013:275) “Black-Box Testing (pengujian

kotak hitam) yaitu menguji perangkat lunak dari segi fungsional tanpa menguji

desain dan kode program”. Dengan kata lain, black-box merupakan user testing.

Pengujian yang megabaikan mekanisme internal sistem atau komponen dan fokus

semata-mata pada output yang dihasilkan yang merespon input yang dipilih dan

kondisi eksekusi. Perancang uji yang valid dan tidak valid dan menentukan output

yang benar.

Metode uji dapat diterapkan pada semua tingkat pengujian perangkat lunak

unit, integrasi, fungsional, sistem dan penerimaan. Ini biasanya terdiri dari

kebanyakan jika tidak semua pengujian pada tingkat yang lebih tinggi, tetapi juga

bisa mendominasi unit testing juga.

Ujicoba black-box berusaha untuk menemukan kesalahan dalam beberapa

kategori, diantaranya:

1. Fungsi fungsi yang salah atau hilang

2. Kesalahan interface

3. Kesalahan dalam struktur data atau akses database eksternal

4. Kesalahan performa

5. Kesalahan inisialisasi dan terminalisasi

1
 BAB III

PEMBAHASAN

3.1. Analisa Kebutuhan

Analisis kebutuhan merupakan tahap pengumpulan data-data yang

diperlukan untuk digunakan sebagai dasar dari pengembangan sistem informasi.

Analisis kebutuhan relevan digunakan sebagai tolak ukur penulisan dan

keterpaduan antara sumber-sumber materi.

3.1.1. Identifikasi Kebutuhan Pengguna

Beberapa hal yang menjadi kebutuhan pengguna pada sistem informasi

sekolah yaitu sebagai berikut:

1) Siswa mempunyai username dan password dalam sistem yang ditentukan

oleh admin. Siswa berhak login ke sistem, melihat biodatanya, melihat nilai

siswa dan jadwal pelajaran.

2) Guru memiliki user account dalam sistem yang ditentukan admin. Guru

berhak login ke sistem, melihat dan mengubah biodatanya, melihat data

kelas, data ajar, data siswa, dan input nilai siswa.

3) Masyarakat atau user tamu mendapatkan informasi sekolah melalui portal

sekolah seperti berita sekolah, profil, galeri dan kontak sehingga hal ini juga

menjadi media promosi untuk memperkenalkan sekolah kepada masyarakat.

1
4) Admin sekolah yang berperan mengola data akademik sekolah. Admin juga

berperan mengontrol data pengguna dalam sistem, dan memberika hak akses

pengguna terhadap sistem. Admin sekolah bertugas untuk menambah atau

memasukkan data akademikyang baru, mengubah data akademik yang lama,

dan menghapus data akademik yang sudah tidak perlu lagi.

3.1.2. Identifikasi Kebutuhan Sistem

Dalam perancangan pengolahan data siswa ini diperlukan peralatan-

peralatan dan sumber daya yang memadai agar sistem dapat berjalan dengan baik

serta dapat menghasilkan informasi yang lebih optimal, tepat dan menghasilkan

kualitas kerja yang lebih meningkat.

Kebutuhan-kebutuhan tersebut antara lain :

A. Kebutuhan Fungsional

a) Pendataan Siswa

Sistem bisa digunakan oleh pengguna untuk melakukan input, edit dan

penghapusan data secara lengkap dan sistem bisa memberikan informasi

tentang data siswa secara lengkap.

b) Pendataan Guru

Sistem bisa digunakan oleh pengguna untuk melakukan input, edit dan

penghapusan data secara lengkap dan sistem bisa memberikan informasi

tentang data siswa secara lengkap.

c) Pendataan Kelas

Sistem bisa digunakan oleh pengguna untuk melakukan input, edit dan

penghapusan data kelas.

1
d) Pendataan Mata pelajaran

Sistem bisa digunakan oleh pengguna untuk melakukan input, edit dan

penghapusan data mata pelajaran.

e) Pendataan Data Ajar

Sistem dapat menampilkan tugas guru mengajar.

f) Pendataan Nilai

Sistem bisa digunakan oleh pengguna untuk melakukan input, edit dan

penghapusan data nilai dan mengelola nilai serta sistem bisa memberikan

informasi nilai siswa.

B. Kebutuhan Non Fungsional

a) Kebutuhan Perangkat Keras (Hardware)

Perangkat keras disini adalah alat yang digunakan untuk pengolahan data

dan penyajian laporan. Perangkat keras yang diperukan adalah komputer,

printer, dan alat pendukung lainnya.

b) Kebutuhan Perangkat Lunak (Software)

Yang dimaksud perangkat lunak disini adalah program yang digunakan

untuk mengendalikan kegiatan dari sistem komputer. Perangkat lunak yang

digunakan adalah windows 7 sebagai sistem operasi html dan php untuk

bahasa pemrograman, serta Xampp sebagai program DBMS.

1
c) Kebutuhan Sumber Daya (Brainware)

Yang dimaksud kebutuhan sumber data yaitu dalam sistem ini

membutuhkan orang-orang yang mengerti cara kerja sistem dan proses

pemeliharaannya sehingga sistem dapat berjalan dengan baik.

3.2. Perancangan Perangkat Lunak

Dalam rancangan perangkat lunak ini, penulis akan memberikan gambaran

mengenai rancangan web yang akan dibuat, baik mengenai bentuk maupun

fungsinya yang dapat membantu dalam tahap perancangan Web Akademik

Sekolah ini, yang terdiri dari antarmuka untuk pengunjung (front-end), ruang

siswa serta ruang untuk administrator dan guru.

3.2.1. Rancangan Antar Muka

Rancangan tampilan web ini terdiri dari rancangan tampilan web yang akan

diakses pengunjung (front-end), rancangan tampilan ruang siswa, rancangan

tampilan login admin dan guru, serta rancangan tampilan yang akan diakses

admin dan guru.

1. Rancangan tampilan web yang diakses pengunjung (front-end)

Gambar III.1

Rancangan Tampilan Pengunjung (front-end)

1
2. Rancangan tampilan login admin

Gambar III.2

Rancangan tampilan login admin

3. Rancangan tampilan login guru

Gambar III.3

Rancangan tampilan login guru

1
4. Rancangan tampilan web yang akan diakses admin (back-end)

Gambar III.4

Rancangan tampilan admin (back-end)

5. Rancangan tampilan web yang akan diakses guru (ruang guru)

Gambar III.5

Rancangan tampilan ruang guru

1
6. Rancangan tampilan Login siswa

Gambar III.6

Rancangan Login siswa

7. Rancangan tampilan web yang akan diakses siswa (ruang siswa)

Gambar III.7

Rancangan ruang siswa

1
8. Rancangan tampilan form tambah administrator

Gambar III.8

Rancangan tampilan form tambah administrator

9. Rancangan tampilan form tambah guru

Gambar III.9

Rancangan tampilan form tambah guru

1
10. Rancangan tampilan form tambah siswa

Gambar III.10

Rancangan tampilan form tambah siswa

11. Rancangan tampilan form tambah kelas

Gambar III.11

Rancangan tampilan form tambah kelas

1
12. Rancangan tampilan form tambah mata pelajaran

Gambar III.12

Rancangan tampilan form tambah mata pelajaran

13. Rancangan tampilan form tambah jadwal pelajaran

Gambar III.13

Rancangan tampilan form tambah jadwal pelajaran

1
14. Rancangan tampilan form sekilas info

Gambar III.14

Rancangan tampilan form sekilas info

15. Rancangan tampilan form update nilai

Gambar III.15

Rancangan tampilan form update nilai

1
16. Rancangan tampilan form kontak kami

Gambar III.16

Rancangan tampilan form kontak

3.2.2. Basis Data

Website sistem informasi sekolah yang penulis buat mempunyai database

sebagai media penyimpanan data-data dari Web Akademik Sekolah. Disini

penulis membuat database dengan nama db_sekolah1.

1
 Perancangan basis data menghasilkan pemetaan tabel-tabel yang

digambarkan dengan Entity Relationship Diagram (ERD).

A. Entity Relationship Diagram

Perancangan basis data menghasilkan pemetaan tabel-tabel yang

digambarkan dengan Entity Relationship Diagram (ERD)

Gambar III.17

Entity Relationship Diagram

1
B. Logical Relational Structure (LRS)

Gambar III.18

Logical Relational Structure

1
C. Spesifikasi file

Menjelaskan tentang file atau tabel yang terbentuk dari transformasi ERD

(dan atau file-file penunjang untuk web).

File-file ini tersimpan pada db_sekolah1 dengan parameter sebagai berikut:

1. Spesifikasi file Data Siswa

Nama File : Data Siswa

Akronim : siswa,Myd

Fungsi : menyimpan data siswa

Tipe : file master

Organisasi file : indexed sequential file

Akses file : random

Media file : hard disk

Panjang record : 110 Karakter

Field key : idsiswa

Software : Mysql

Tabel III.1

Spesifikasi file Data Siswa

1
2. Spesifikasi file ruang kelas

Nama File : Ruang_kelas

Akronim : ruang_kelas,Myd

Fungsi : menyimpan data kelas

Tipe : file master

Organsasi file : indexed sequential file

Akses file : random

Media file : hard disk

Panjang record : 26 Karakter

Field key : idruang_kelas

Software : mysql

Tabel III.2

Spesifikasi file kelas

1
3. Spesifikasi file jadwal pelajaran

Nama file : jadwal_pelajaran

Akronim : jadwal_pelajaran,myd

Fungsi : menyimpan data jadwal pelajaran siswa

Tipe : file transaksi

Organisasi file : indexed sequential file

Akses file : random

Media file : hard disk

Panjang record : 31 karakter

Field key : idjadwal_pelajaran

Software : mysql

Tabel III.3

Spesifikasi file jadwal pelajaran

1
4. Spesifikasi file mata pelajaran

Nama File : mata_pelajaran

Akronim : mata_pelajaran,myd

Fungsi : menyimpan data mata pelajaran

Tipe : file master

Organisasi file : indexed sequential file

Akses file : random

Media file : hard disk

Panjang record : 55 karakter

Field key : idmata_pelajaran

Software : mysql

Tabel III.4

Spesifikasi file mata pelajaran

1
 5. Spesifikasi file data nilai

Nama File : siswa_has_mata_pelajaran

Akronim : nilai,myd

Fungsi : menyimpan data nilai siswa

Tipe : file transaksi

Organisasi file : indexed sequential file

Akses file : random

Media file : hard disk

Panjang record : 39 Karakter

Field key : idsiswa

Software : mysql

Tabel III.5

Spesifikasi file data nilai

6. Spesifikasi file data guru

Nama File : guru

Akronim : guru,myd

1
Fungsi : menyimpan data guru

Tipe : file master

Organisasi file : indexed sequential file

Akses file : random

Media file : hard disk

Panjang record : 103 Karakter

Field key : id_guru

Software : mysql

Tabel III.6

Spesifikasi file data guru

1
3.2.3. Struktur Navigasi

A. Struktur navigasi halaman penunjang

Gambar III. 19

Struktur Navigasi Halaman Pengunjung

1
B. Struktur navigasi ruang admin

Gambar III.20

Struktur Navigasi Ruang Admin

1
C. Struktur navigasi ruang siswa

Gambar III.21

Struktur Navigasi Ruang Siswa

3.3. Implementasi Dan Pengujian Unit

3.3.1.Implementasi

Penulis melakukan implementasi terhadap keseluruhan aplikasi setelah

pengkodean (coding) pada setiap modul selesai dilakukan.

1
A. Implementasi rancangan antarmuka

Implementasi rancangan antar muka pada sistem informasi sekolah

berdasarkan hasil rancangan antar muka.

1. Halaman yang dapat diakses oleh pengunjung dimana tampilannya

menunjukan semua informasi yang berasal dari Sekolah Menengah

Kejuruan.

a. Beranda

Berisikan tentang sekolah

Gambar III.22

Halaman Beranda Pengunjung

1
b. Data siswa

Berisikan data siswa SMK

Gambar III.23

Halaman Data Siswa

c. Data guru

Berisikan data guru SMK

Gambar III.24

Halaman Data Guru

1
 d. Kontak kami

Berisikan fax, nomor telepon, alamat sekolah dan fitur kontak

online brupa isian form yang nantinya akan diterima oleh

admin.website.

Gambar III.25

Halaman Kontak Kami

2. Halaman admin (back-end)

Halaman yang dapat diakses oleh admin, berfungsi sebagai tempat

dimana admin meng-update semua informasi dari Sekolah Menengah

Kejuruan.

1
a. Halaman login admin

Gambar III.26

Halaman Login Admin

b. Beranda admin

Gambar III.27

Halaman Beranda Admin (Back-end)

1
c. Manajemen user guru

Gambar III.28

Halaman Manajemen User Guru

d. Manajemen siswa

Gambar III.29

Halaman Manajemen Siswa

1
e. Manajemen kelas

Gambar III.30

Halaman Manajemen Kelas

f. Manajemen mata pelajaran

Gambar III.31

Halaman Manajemen Mata Pelajaran

1
g. Manajemen nilai

Gambar III.32

Halaman Manajemen Data Nilai

h. Manajemen kontak kami

Gambar III.33

Halaman Manajemen Kontak Kami

1
3. Halaman ruang guru

Halaman yang dapat diakses oleh guru, berfungsi sebagai tepat

dimana guru mendapatkan informasi dan input nilai siswa.

a. Beranda guru

Gambar III.34

Halaman Beranda Ruang Guru

b. Manajemen nilai

Gambar III.35

Halaman Manajemen Nilai

1
4. Halaman ruang siswa

Halaman yang dapat diakses oleh siswa, berfungsi sebagai tempat

dimana admin mendapat informasi dan melihat nilai.

a. Halaman login siswa

Gambar III.36

Halaman Login Siswa

b. Beranda siswa

Gambar III.37

Halaman Beranda Ruang Siswa

1
c. Kelas anda

Gambar III.38

Halaman Kelas anda

d. Jadwal pelajaran

Gambar III.39

Halaman Jadwal Pelajaran

1
e. Nilai

Gambar III.40

Halaman Nilai

f. Edit profil

Gambar III.41

Halaman Edit Profil

g. Edit password

Gambar III.42

Halaman Edit Password

1
B. Spesifikasi Sistem Komputer

Sebagaimana yang kita ketahui, untuk menerapkan suatu sistem yang baik

diperlukan suatu sarana yang tepat. Sarana tersebut bukanlah dipandang dari segi

merek, harga yang mahal, maupun bentuk yang bagus tetapi sarana yang

dimaksud adalah sarana yang sesuai dengan spesifikasi sistem yang disusulkan

agar mempunyai kemampuan yang cukup dan kecepatan proses yang memadai.

Sarana tersebut dapat berupa perangkat keras (hardware) dan perangkat

lunak (software) yang merupkan suatu kesatuan yang utuh. Oleh karena itu,

supaya terjadi kesepadanan antara perangkat keras dan perangkat lunak yang

dimaksud maka penulis akan menjelaskan secara singkat sarana yang diperlukan

untuk merancang website ini.

1. Spesifikasi perangkat keras

Perangkat keras yang dimaksud adalah seperangkat alat atau elemen

elektronik yang dapat membantu sistem sehingga perancangan Web Akademik

Sekolah yang diusulkan penulis dapat bekerja dengan baik. Adapun perangkat

keras yang diperlukan oleh admin adalah sebagai berikut:

a. Processor : @1.80ghz(2cpus).~1.83ghz

b. Monitor : 14.0”HD LED L CD

c. Hardisk : 256 GB

d. RAM : 1 GB

e. Keyboard : Standar 84-key

f. Mouse : Standar

g. Printer : Inkjet

1
2. Spesifikasi perangkat lunak

Pernagkat lunak (software) yang dimaksud adalah sistem operasi, bahasa

pemrograman yang diperlukan guna mendukung perancangan Web Akademik

Sekolah. Adapun perangkat lunak yang diperlukan sebagai berikut:

a. Sistem Operasi : Windows 7 Ultimate 32-Bit

b. Program Aplikasi : Dreamweaver

c. Bahasa Pemrograman : Php, Javascript

d. Database : Mysql

e. Web Server : Xampp

f. Web Browser : Mozilla Firefox dan Google Crome

3.3.2. Pengujian Unit

Pengujian juga dilakukan setelah implementasi, pengujian terhadap web

yang dibuat menggunakan blockbox testing yang fokus terhadap proses masukan

dan keluaran program.

1
A. Pengujian Terhadap Form login admin dan guru

Tabel III.7

Hasil pengujian Black Box Testing Halaman Login Admin dan Guru

1
B. Pengujian terhadap Form login siswa

Tabel III.8

Hasil pengujian Black Box Testing Halaman Login Siswa

1
C. Pengujian terhadap Form tambah data administrator

Tabel III.9

Hasil pengujian Black Box Testing Form tambah data administrator

1
D. Pengujian terhadap Form tambah data guru

Tabel III.10

Hasil pengujian Black Box Testing Form tambah data guru

1
E. Pengujian terhadap Form tambah data siswa

Tabel III.11

Hasil pengujian Black Box Testing Form tambah siswa

1
 BAB IV

PENUTUP

4.1. Kesimpulan

Dari pembahasan tugas akhir yang telah penulis susun, penulis mencoba

menyimpulkan pokok bahasan yang ada, adapun kesimpulannya adalah sebagai

berikut:

1. Sistem informasi sekolah berbasis web dapat digunakan untuk mengelola

dan meng-input data siswa, data guru, data kelas, serta jadwal pelajaran.

2. Kemudahan dalam proses input data nilai siswa dapat dilakukan oleh guru.

3. Dengan sistem informasi sekolah ini, masyarakat yang ingin mengetahui

informasi tentang sekolah dapat mengakses melalui web. Hal ini juga

menjadi sarana promosi pihak sekolah untuk mengenalkan sekolah kepada

masyarakat luar.

4.2. Saran-Saran

Dari pembahasan diatas, penulis mencoba memberikan beberapa saran

sebagai alternatif pemikiran dengan harapan agar lebih dapat meningkatkan

kwalitas dalam penggunaan program ini. Adapaun saran-saran tersebut adalah :

1. Validasi setiap input dari user yang langsung berhubungan dengan

database.

1
2. Mengamankan hak cipta dengan cara melindungi konten website dari plagiat

dengan menonaktifkan fungsi copy paste.

3. Adanya backup data untuk mencegah terjadinya kehilangan data baik akibat

kelalaian manusia, mesin, atau bencana alam.

Penulis menyadari bagaimanapun sempurnanya suatu program tentu masih

memiliki banyak kelemahan. Hal itu dapat terjadi karena kerusakan sistem yang

tidak dapat diantisipasi sebelumnya atau datang secara tiba-tiba. Disamping itu,

backup atau cadangan database yang kurang memadai dapat menyulitkan

pencarian apabila record dari suatu tabel sudah terhapus secara permanen.

1
 DAFTAR PUSTAKA

Alexander F.K, Sibero. 2011. Kitab Suci Web Programing. Yogyakarta

:MediaKom

Alexander F.K, Sibero. Sibero, 2013. Web Programming Power Pack. Yogyakarta
:Mediakom

Anhar, 2010. Panduan menguasai PHP dan MySQL Secara otodidak. Jakarta: PT.
Transmedia.

Arief, M Rudianto. 2011. Pemrograman Web Dinamis menggunakan PHP dan

MySQL. Yogyakarta: Andi

Binanto, Iwan. 2010. Dasar teori dan pengembangannya. Yogyakarta: Andi

Madcoms, 2013. Kupas tuntas Adobe Dreamweaver dengan Pemrograman PHP

dan MySQL. Yogyakarta: Andi

R. A. Sukamto dan M. Shalahuddin. 2013. Rekayasa Perangkat Lunak. Bandung:

Informatika

Raharjo, Budi. 2011. Belajar Pemrograman Web. Bandung: Modula

Rahardjo, Budi. 2012. Belajar Pemrograman WEB: Panduan mudah untuk

Pelajar, Mahasiswa dan Praktisi. Bandung : informatika

Raharjo, Budi. 2012. Modul Pemrograman Web HTML, PHP & MySQL.
Bandung: Modula
Simarmata, Janner. 2010. Rekayasa Perangkat Lunak. Yogyakarta: Andi Offset
Sutanta, Edhy. 2011. Basis Data Dalam Tinjauan Konseptual. Yogyakarta : Andi
Offset

1
1