PERANCANGAN DAN PEMBUATAN RAPORT BERBASIS WEB DI SMA NEGERI 2 WONOGIRI Perancangan dan Pembuatan Raport Berbasis Web di SMA Negeri 2 Wonogiri.
PERANCANGAN DAN PEMBUATAN RAPORT BERBASIS
WEB DI SMA NEGERI 2 WONOGIRI
SKRIPSI
Disusun sebagai salah satu syarat menyelesaikan Program Studi Strata I pada
Program Studi Teknik Informatika Fakultas Komunikasi dan Informatika
Universitas Muhammadiyah Surakarta
Disusun oleh :
BERLIANA LINDA MAHENDRAWATI
NIM: L200070019
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS KOMUNIKASI DAN INFORMATIKA
UNIVERSITAS MUHAMMADIYAH SURAKARTA
2011
i
HALAMAN PERSETUJUAN
Skripsi dengan judul
PERANCANGAN DAN PEMBUATAN RAPORT BERBASIS
WEB DI SMA NEGERI 2 WONOGIRI
ini telah diperiksa dan disetujui pada :
Hari
: Jumat
Tanggal : 22 Juli 2011
Pembimbing I
Pembimbing II
(Fatah Yasin, S.T., M.T)
(Ady Purna Kurniawan, S.T)
NIK. 738
NIK. 200.1306
ii
HALAMAN PENGESAHAN
PERANCANGAN DAN PEMBUATAN RAPORT BERBASIS
WEB DI SMA NEGERI 2 WONOGIRI
dipersiapkan dan disusun oleh
BERLIANA LINDA MAHENDRAWATI
NIM : L200070019
telah dipertahankan di depan Dewan Penguji
pada tanggal 29 Juli 2011
Susunan Dewan Penguji
Pembimbing I
Anggota Dewan Penguji
(Fatah Yasin, S.T., M.T)
(Aris Budiman, S.T., M.T.)
NIK. 738
NIK : 885
Pembimbing II
Anggota Dewan Penguji
(Ady Purna Kurniawan, S.T)
(Dedi Gunawan, S.T.)
NIK. 200.1306
NIK : 200.1305
Skripsi ini telah diterima sebagai salah satu persyaratan
untuk memperoleh gelar sarjana
Tanggal ………………..
Dekan
Fakultas Komunikasi dan Informatika
Ketua Program Studi
Teknik Informatika
(Husni Thamrin, S.T., M.T., Ph.D.)
NIK : 706
(Aris Rakhmadi, ST., M.Eng.)
NIK : 983
iii
DAFTAR KONTRIBUSI
Dengan ini saya menyatakan bahwa skripsi ini tidak terdapat karya
yang pernah diajukan untuk memperoleh gelar kesarjanaan di suatu Perguruan
Tinggi, dan sepanjang pengetahuan saya juga tidak terdapat karya atau pendapat
yang pernah ditulis atau diterbitkan oleh orang lain kecuali yang secara tertulis
diacu dalam naskah ini dan disebutkan dalam daftar pustaka.
Berikut saya sampaikan daftar kontribusi dalam penyusunan skripsi:
1. Saya merancang program aplikasi sendiri dengan melihat contoh kasus yang
ada pada SMA Negeri 2 Wonogiri dan bantuan internet dan buku yang
dilampirkan dalam daftar pustaka.
2. Saya merancang sistem dengan menggunakan software webserver AppServ
2.5.10 dan membuat basis data dengan phpmyadmin 2.10.3 yang terdapat
dalam satu paket webserver tersebut atau bisa di dapatkan dari
http://www.phpmyadmin.net/.
3. Saya
menggunakan
sistem
operasi
Windows
7
Ultimated
untuk
menjalankan aplikasi PHP versi 5.2.6 dan MySQL Database versi 5.0.51b.
Demikian pernyataan dan daftar kontribusi ini saya buat dengan sejujurnya. Saya
bertanggungjawab atas isi dan kebenaran daftar di atas.
iv
Surakarta, 28 Juni 2011
Berliana Linda Mahendrawati
Mengetahui:
Pembimbing I
Pembimbing II
(Fatah Yasin, S.T., M.T)
(Ady Purna Kurniawan, S.T)
NIK. 738
NIK. 200.1306
v
MOTTO DAN PERSEMBAHAN
MOTTO
Sesungguhnya Allah tidak akan mengampuni dosa syirik, dan Dia mengampuni segala dosa
yang selain dari (syirik) itu, bagi siapa yang dikehendaki-Nya. Barangsiapa yang
mempersekutukan Allah, maka sungguh ia telah berbuat dosa yang besar.
(QS An Nisaa’:48)
PERSEMBAHAN :
Sebuah karya ini wujud syukur dan terima kasihku akan kupersembahkan buat :
1.
Bapak dan ibu tercinta, terimakasih atas bimbingan, doa restu dan
pengorbanannya, semoga keridhoan Allah SWT senantiasa bersama kita,
Amin.
2.
Kakakku dan seluruh keluarga yang aku sayangi (Mas Adyng, Mbak Ima,
Dek Dhiya, Om Bhakti, Om Timbul dan Mbah Putri). Terimakasih
dukungan dan doanya.
3.
Seorang
yang
telah
membimbing,
membantu,
4.
Teman-teman dan sahabatku TI ’07 semoga sukses selalu buat kalian
mendoakanku di setiap doanya. Makasih ya Mas Jay... .
semua, semangat...!! .
vi
mendukung
dan
KATA PENGANTAR
Assalamu’alaikum warahmatullahi wa barakatuh
Alhamdulillahirabbil’alamin, puji syukur penulis panjatkan kehadirat
Allah SWT yang telah melimpahkan Rahmat dan Karunia-Nya. Shalawat serta
salam penulis ucapkan kepada sang teladan manusia, Nabi Muhammad SAW,
sehingga penulis dapat menyelesaikan penyusunan skripsi dengan judul “
Perancangan dan Pembuatan Raport Berbasis Web di SMA Negeri 2 Wonogiri ”.
Pada kesempatan ini penulis merancang dan membuat sebuah sistem
aplikasi raport online. Penulis berharap apa yang telah penulis buat dalam Skripsi
ini dapat memberikan sebuah sumbangsih bagi pihak yang terkait, seluruh
aktivitas yang ada pada SMA Negeri 2 Wonogiri khususnya dalam hal informasi
nilai siswa, dan khalayak umum yang ingin mengetahui perancangan dan
pembuatan aplikasi raport berbasis web.
Dalam penyusunan laporan Skripsi tidak lepas dari berbagai pihak yang
telah banyak membantu. Pada kesempatan ini penulis mengucapkan terima kasih
kepada :
1. Bapak Husni Thamrin, S.T., M.T., Ph.D, sebagai Dekan Program Studi
Teknik Informatika Universitas Muhammadiyah Surakarta.
2. Bapak Aris Rakhmadi, S.T., M.Eng sebagai Ketua Program Studi
Teknik Informatika Universitas Muhammadiyah Surakarta.
3. Bapak Fatah Yasin, S.T, M.T , Ibu Azizah Fatmawati, S.T, Bapak Ady
Purna Kurniawan, S.T selaku Dosen Pembimbing yang telah banyak
vii
meluangkan waktu untuk membantu, membimbing, mengarahkan serta
memberikan
dukungan
kepada
penulis
dalam
menyelesaikan
penyusunan Skripsi ini.
4. Seluruh Dosen dan karyawan Fakultas Komunikasi dan Informatika
Universitas Muhammadiyah Surakarta atas bantuan dan ilmu yang
diberikan kepada penulis.
5. Ayah dan Ibu beserta keluarga tersayang (Mas Adyng, Mbak Ima,
keponakan tersayang Dhiya, om Bhakti, om Timbul, Mbah putri, dsb)
yang memberikan dukungan, doa dan bantuannya.
6. Seseorang yang sangat berarti yang selalu membantu penulis dalam
menyelesaikan Skripsi ini, terima kasih atas seluruh kasih sayang,
bantuan, dorongan dan dukungan yang selalu diberikan. Terimakasih
Mas Jayus.
7. Teman–teman Teknik Informatika khususnya angkatan ’07 yang tak
dapat sukses buat kalian semua, semangat dan berjuang terus.
8. Semua kerabat yang banyak membantu kami yang tidak dapat
disebutkan satu persatu.
Penulis menyadari bahwa ”Tiada Gading yang Tak Retak” masih banyak
kekurangan
dan
ketidaksempurnaan
pada
penulisan,
namun
dari
ketidaksempurnaan inilah yang akan mendorong seseorang menuju arah yang
lebih baik guna penyempurnaannya dan mengharapkan kritik maupun saran yang
membangun.
viii
Semoga karya ini bermanfaat untuk menambah wacana keilmuan dan
keislaman serta sebagai wahana penelitian selanjutnya.
Wassalamu’alaikum warahmatullahi wa barakatuh.
Surakarta, 1 Juli 2011
Penulis
ix
DAFTAR ISI
HALAMAN JUDUL .................................................................................
i
HALAMAN PERSETUJUAN ..................................................................
ii
HALAMAN PENGESAHAN ...................................................................
iii
HALAMAN KONTRIBUSI .....................................................................
iv
HALAMAN MOTTO DAN PERSEMBAHAN .......................................
vi
KATA PENGANTAR ..............................................................................
vii
DAFTAR ISI .............................................................................................
x
DAFTAR TABEL .....................................................................................
xv
DAFTAR GAMBAR ................................................................................
xvii
ABTRAKSI ...............................................................................................
xx
BAB I
PENDAHULUAN .....................................................................
1
A. Latar Belakang Masalah .............................................................
1
B. Perumusan Masalah ...................................................................
2
C. Batasan Masalah .........................................................................
2
D. Tujuan Peneitian .........................................................................
3
E. Manfaat Peneltian ......................................................................
3
F. Sistematika Penulisan ................................................................
3
BAB II LANDASAN TEORI .................................................................
7
A. Telaah Penelitian ........................................................................
7
B. Landasan Teori ...........................................................................
8
x
1. Perancangan Sistem ................................................................ .
8
a. Diagram Menu ....................................................................
8
b. Unified Model Language ................................................ ...
9
1).Use Case Diagram ...................................................... ....
9
2). Sequence Diagram ........................................................
11
3). Activity Diagram ...........................................................
12
4). Class Diagram ...............................................................
13
2. Database .....................................................................................
15
a. Basisdata ..............................................................................
15
b. Sistem Basis Data ................................................................
16
c. TIC (Table Instance Chart) .................................................
17
3. Website .......................................................................................
19
4. Macromedia Dreamweaver 8 .....................................................
20
5. MySQL .......................................................................................
20
6. HTML ........................................................................................
21
7. PHP ............................................................................................
22
8. Cascade Sheet Style(CSS) ..........................................................
23
9. Apache ........................................................................................
24
BAB III METODE PENELITIAN .............................................................
26
A. Pengantar .......................................................................................
26
1. Studi Literatur ...........................................................................
26
2. Perancangan dan Implementasi .................................................
26
a. Waktu dan tempat .............................................................. .....
xi
27
b. Peralatan Utama dan Pendukung ...........................................
27
B. Gambaran Kerja Sistem .................................................................
29
C. Analisa Kebutuhan Sistem ............................................................
30
D. Perancangan Sistem .......................................................................
32
E. Perancangan Use Case ....................................................................
34
1. Siswa ..........................................................................................
34
2. Administrator (Admin) ...............................................................
36
3. Wali Kelas ..................................................................................
38
4. Guru Ampu .................................................................................
40
5. Kepala Sekolah ...........................................................................
41
6. Use Case Definition ...................................................................
42
7. Finalize Use Case .......................................................................
43
8. Use Case Description (decision table) .......................................
45
F. Activity diagram ..............................................................................
53
1. Activity Diagram Login ..............................................................
53
2. Activity Diagram Logout ............................................................
54
3. Activity Diagram meng-update password ..................................
54
4. Activity Diagram meng-update profil ........................................
55
5. Activity diagram mendaftar user ................................................
55
G. Perancangan Basis Data dan Tabel ................................................
56
1. Relasi Antar Table ......................................................................
56
2. TIC (Table Instance Chart) .........................................................
57
H. Perancangan Desain Tampilan Halaman Aplikasi Web ................
67
xii
BAB IV HASIL DAN PEMBAHASAN ...................................................
69
A. Hasil Penelitian ..............................................................................
69
1. Struktur dan Design Administrator ...........................................
71
a. Halaman Login Administrator .............................................
71
b. Modul User ..........................................................................
73
c. Modul Modul .......................................................................
74
d. Modul Siswa ........................................................................
75
e. Modul Kelas ........................................................................
76
f. Modul Guru ..........................................................................
77
g. Modul Mata Pelajaran .........................................................
78
h. Modul Berita .......................................................................
79
i. Modul Tahun Ajaran ............................................................
80
j. Modul Mapel Ambil .............................................................
81
k. Modul Guru Ampu ..............................................................
81
2. Struktur dan Design User ..........................................................
82
a. Halaman Utama User ..........................................................
82
b. Halaman Utama Siswa ........................................................
84
c. Modul Nilai .........................................................................
84
d. Modul Profil Siswa ..............................................................
85
e. Modul Ubah Password ........................................................
86
f. Modul Absen ........................................................................
87
g. Modul Grafik Prestasi .........................................................
87
h. Halaman Utama Guru Wali Kelas .......................................
88
xiii
i. Modul Nilai ..........................................................................
89
j. Modul Absensi .....................................................................
91
k. Modul Profil Guru ...............................................................
92
l. Modul Ubah Password .........................................................
93
m. Halaman Utama Guru Ampu ..............................................
94
n. Halaman Utama Kepala Sekolah ........................................
96
BAB V PENUTUP .....................................................................................
99
A. Kesimpulan .......................................................................................
99
B. Saran .................................................................................................
99
DAFTAR PUSTAKA
LAMPIRAN
xiv
DAFTAR TABEL
TABEL 2.1
Simbol Use Case Diagram .................................................
10
TABEL 2.2
Simbol Sequence Diagram .................................................
12
TABEL 2.3
Simbol Activity Diagram ....................................................
13
TABEL 2.4
Simbol Class Diagram ........................................................
14
TABEL 2.5
Format TIC (Table Instance Chart) ....................................
17
TABEL 2.6
Aturan TIC (Table Instance Chart) .....................................
17
TABEL 3.1
Input Login Akses Admin ...................................................
46
TABEL 3.2
Input User ...........................................................................
46
TABEL 3.3
Input Modul .........................................................................
46
TABEL 3.4
Input Kelas ..........................................................................
47
TABEL 3.5
Input Mata Pelajaran ...........................................................
47
TABEL 3.6
Input Berita .........................................................................
47
TABEL 3.7
Input Tahun Ajaran .............................................................
48
TABEL 3.8
Input Mapel Ambil .............................................................
49
TABEL 3.9
Input Guru Ampu ...............................................................
49
TABEL 3.10 Input Data Guru ..................................................................
50
TABEL 3.11 Input Data Siswa ................................................................
50
TABEL 3.12 Input Login Akses User ......................................................
50
TABEL 3.13 Input Data Absen ................................................................
51
TABEL 3.14 Input Data Nilai Siswa .......................................................
51
TABEL 3.15 View Nis ............................................................................
52
TABEL 3.16 View Nama Siswa ...............................................................
52
xv
TABEL 3.17 View Nip .............................................................................
52
TABEL 3.18 View nama guru .................................................................
53
TABEL 3.19 TIC untuk tabel_user ..........................................................
58
TABEL 3.20 TIC untuk tabel_siswa .........................................................
59
TABEL 3.21 TIC untuk tabel_guru ..........................................................
60
TABEL 3.22 TIC untuk tabel_kelas..........................................................
61
TABEL 3.23 TIC untuk tabel_mapel ........................................................
61
TABEL 3.24 TIC untuk tabel_tahun .........................................................
62
TABEL 3.25 TIC untuk tabel_absensi ......................................................
62
TABEL 3.26 TIC untuk tabel_guru_ampu................................................
63
TABEL 3.27 TIC untuk tabel_nilai ...........................................................
64
TABEL 3.28 TIC untuk tabel_modul........................................................
65
TABEL 3.29 TIC untuk tabel_berita .........................................................
65
TABEL 3.30 TIC untuk tabel_statistik .....................................................
66
TABEL 3.31 TIC untuk tabel_user_online ...............................................
66
xvi
DAFTAR GAMBAR
GAMBAR 3.1. Gambaran Kerja Sistem ....................................................
29
GAMBAR 3.2 Diagram Menu Sistem Aplikasi Raport Online SMA
Negeri 2 Wonogiri berbasis web .......................................
33
GAMBAR 3.3 Use Case Untuk Aktor Siswa ..........................................
34
GAMBAR 3.4 Use Case Untuk Aktor Administrator (Admin) ...............
36
GAMBAR 3.5 Use Case Untuk Aktor Wali Kelas ..................................
39
GAMBAR 3.6 Use Case Untuk Aktor Guru Ampu .................................
40
GAMBAR 3.7 Use Case Untuk Aktor Kepala Sekolah ...........................
41
GAMBAR 3.8 Acitvity Diagram Login ...................................................
53
GAMBAR 3.9 Acitvity Diagram Logout .................................................
54
GAMBAR 3.10 Acitvity Diagram Meng-update password ......................
54
GAMBAR 3.11 Acitvity Diagram Meng-update profil .............................
55
GAMBAR 3.12 Acitvity Diagram Mendaftar user ....................................
55
GAMBAR 3.13 ERD (Entity Relationship Diagram) ..............................
56
GAMBAR 3.14 Halaman Login Administrator .........................................
67
GAMBAR 3.15 Halaman Utama Administrator ........................................
67
GAMBAR 3.16 Halaman Tampilan User ..................................................
68
GAMBAR 4.1 Halaman Login Administrator ..........................................
71
GAMBAR 4.2 Halaman Error Login .......................................................
71
GAMBAR 4.3 Pesan error User Masih Kosong .......................................
72
GAMBAR 4.4 Pesan error Password Masih Kosong ...............................
72
GAMBAR 4.5 Halaman Utama Administrator ..........................................
73
xvii
GAMBAR 4.6 Halaman Tampil Data User ..............................................
74
GAMBAR 4.7 Halaman Tampil Modul.....................................................
75
GAMBAR 4.8 Halaman Tampil Data Siswa .............................................
76
GAMBAR 4.9 Hasil Cetak Data Siswa .....................................................
76
GAMBAR 4.10 Halaman Tampil Data Kelas............................................
77
GAMBAR 4.11 Halaman Tampil Data Guru ............................................
78
GAMBAR 4.12 Hasil Cetak Data Guru .....................................................
78
GAMBAR 4.13 Halaman Tampil Data Mata Pelajaran.............................
79
GAMBAR 4.14 Halaman Tampil Berita ...................................................
80
GAMBAR 4.15 Halaman Tampil Tahun Ajaran .......................................
80
GAMBAR 4.16 Halaman Tampil Mapel Ambil ........................................
81
GAMBAR 4.17 Halaman Tampil Guru Ampu ..........................................
82
GAMBAR 4.18 Halaman Utama User.......................................................
83
GAMBAR 4.19 Halaman Utama Siswa.....................................................
84
GAMBAR 4.20 Halaman Nilai Siswa .......................................................
85
GAMBAR 4.21 Halaman Profil Siswa ......................................................
86
GAMBAR 4.22 Halaman Ubah Password Siswa ......................................
86
GAMBAR 4.23 Halaman Data Absen Siswa ............................................
87
GAMBAR 4.24 Tampilan menu Grafik Prestasi siswa .............................
87
GAMBAR 4.25 Halaman Grafik Prestasi Siswa .......................................
88
GAMBAR 4.26 Halaman Utama Guru ......................................................
89
GAMBAR 4.27 Halaman Daftar Siswa .....................................................
90
GAMBAR 4.28 Halaman detil nilai siswa ................................................
90
xviii
GAMBAR 4.29 Hasil Cetak Nilai Siswa ...................................................
91
GAMBAR 4.30 Data Siswa Per Kelas .......................................................
92
GAMBAR 4.31 Input Absen Siswa ...........................................................
92
GAMBAR 4.32 Halaman Profil Guru .......................................................
93
GAMBAR 4.33 Halaman Ubah Password Guru........................................
93
GAMBAR 4.34 Halaman Utama Guru Ampu ...........................................
94
GAMBAR 4.35 Halaman Daftar Kelas Guru Ampu .................................
95
GAMBAR 4.36 Halaman Data Siswa yang di Ampu ................................
95
GAMBAR 4.37 Form Inputan Nilai Siswa Per Mapel ..............................
96
GAMBAR 4.38 Halaman Utama Kepala Sekolah .....................................
97
GAMBAR 4.39 Halaman Daftar Kelas .....................................................
97
GAMBAR 4.40 Halaman Daftar Siswa .....................................................
97
GAMBAR 4.41 Halaman Cetak Laporan Nilai Siswa...............................
98
xix
ABSTRAKSI
Di era perkembangan teknologi sekarang ini informasi sangat penting
bagi kebutuhan manusia untuk menunjang suatu pekerjaan ataupun sekedar
mengetahui perkembangan yang terjadi. Munculnya internet memudahkan untuk
pencarian berbagai macam informasi yang dibutuhkan karena sifatnya begitu
global. Demikian pula suatu informasi tentang nilai raport untuk siswa berbasis
web sangat memudahkan siswa mencari informasi raport tersebut.
Penelitian ini mempunyai tujuan sebagai analisis perkembangan
akademik tiap kelas atau tiap siswa. Berisi mulai dari input data siswa, input data
nilai siswa, data nilai siswa dari setiap kelas dilihat dari nilai terendah dan
tertinggi untuk statistiknya serta data siswa yang naik atau tinggal kelas, dan
input data guru sebagai informasi wali kelas yang mengampu pada suatu kelas
serta cetak nilai raport siswa.
Tahapan perancangan dalam pembuatan sistem ini menggunakan
perancangan use case, database table dan design halaman. Software yang
digunakan dalam pembuatan sistem ini menggunakan apache untuk menjalankan
web servernya, MySql untuk pengelolaan database, Macromedia Dreamweaver 8
sebagai tools untuk membuat script menggunakan bahasa pemrograman php dan
mysql. Hasilnya yaitu Aplikasi Raport Online di SMA Negeri 2 Wonogiri
berbasis web yang memiliki fasilitas diantaranya menampilkan data siswa, data
guru SMA Negeri 2 Wonogiri, data nilai siswa, melihat grafik prestasi.
Kata Kunci: Raport Online, PHP, Perancangan Use Case.
xx
WEB DI SMA NEGERI 2 WONOGIRI
SKRIPSI
Disusun sebagai salah satu syarat menyelesaikan Program Studi Strata I pada
Program Studi Teknik Informatika Fakultas Komunikasi dan Informatika
Universitas Muhammadiyah Surakarta
Disusun oleh :
BERLIANA LINDA MAHENDRAWATI
NIM: L200070019
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS KOMUNIKASI DAN INFORMATIKA
UNIVERSITAS MUHAMMADIYAH SURAKARTA
2011
i
HALAMAN PERSETUJUAN
Skripsi dengan judul
PERANCANGAN DAN PEMBUATAN RAPORT BERBASIS
WEB DI SMA NEGERI 2 WONOGIRI
ini telah diperiksa dan disetujui pada :
Hari
: Jumat
Tanggal : 22 Juli 2011
Pembimbing I
Pembimbing II
(Fatah Yasin, S.T., M.T)
(Ady Purna Kurniawan, S.T)
NIK. 738
NIK. 200.1306
ii
HALAMAN PENGESAHAN
PERANCANGAN DAN PEMBUATAN RAPORT BERBASIS
WEB DI SMA NEGERI 2 WONOGIRI
dipersiapkan dan disusun oleh
BERLIANA LINDA MAHENDRAWATI
NIM : L200070019
telah dipertahankan di depan Dewan Penguji
pada tanggal 29 Juli 2011
Susunan Dewan Penguji
Pembimbing I
Anggota Dewan Penguji
(Fatah Yasin, S.T., M.T)
(Aris Budiman, S.T., M.T.)
NIK. 738
NIK : 885
Pembimbing II
Anggota Dewan Penguji
(Ady Purna Kurniawan, S.T)
(Dedi Gunawan, S.T.)
NIK. 200.1306
NIK : 200.1305
Skripsi ini telah diterima sebagai salah satu persyaratan
untuk memperoleh gelar sarjana
Tanggal ………………..
Dekan
Fakultas Komunikasi dan Informatika
Ketua Program Studi
Teknik Informatika
(Husni Thamrin, S.T., M.T., Ph.D.)
NIK : 706
(Aris Rakhmadi, ST., M.Eng.)
NIK : 983
iii
DAFTAR KONTRIBUSI
Dengan ini saya menyatakan bahwa skripsi ini tidak terdapat karya
yang pernah diajukan untuk memperoleh gelar kesarjanaan di suatu Perguruan
Tinggi, dan sepanjang pengetahuan saya juga tidak terdapat karya atau pendapat
yang pernah ditulis atau diterbitkan oleh orang lain kecuali yang secara tertulis
diacu dalam naskah ini dan disebutkan dalam daftar pustaka.
Berikut saya sampaikan daftar kontribusi dalam penyusunan skripsi:
1. Saya merancang program aplikasi sendiri dengan melihat contoh kasus yang
ada pada SMA Negeri 2 Wonogiri dan bantuan internet dan buku yang
dilampirkan dalam daftar pustaka.
2. Saya merancang sistem dengan menggunakan software webserver AppServ
2.5.10 dan membuat basis data dengan phpmyadmin 2.10.3 yang terdapat
dalam satu paket webserver tersebut atau bisa di dapatkan dari
http://www.phpmyadmin.net/.
3. Saya
menggunakan
sistem
operasi
Windows
7
Ultimated
untuk
menjalankan aplikasi PHP versi 5.2.6 dan MySQL Database versi 5.0.51b.
Demikian pernyataan dan daftar kontribusi ini saya buat dengan sejujurnya. Saya
bertanggungjawab atas isi dan kebenaran daftar di atas.
iv
Surakarta, 28 Juni 2011
Berliana Linda Mahendrawati
Mengetahui:
Pembimbing I
Pembimbing II
(Fatah Yasin, S.T., M.T)
(Ady Purna Kurniawan, S.T)
NIK. 738
NIK. 200.1306
v
MOTTO DAN PERSEMBAHAN
MOTTO
Sesungguhnya Allah tidak akan mengampuni dosa syirik, dan Dia mengampuni segala dosa
yang selain dari (syirik) itu, bagi siapa yang dikehendaki-Nya. Barangsiapa yang
mempersekutukan Allah, maka sungguh ia telah berbuat dosa yang besar.
(QS An Nisaa’:48)
PERSEMBAHAN :
Sebuah karya ini wujud syukur dan terima kasihku akan kupersembahkan buat :
1.
Bapak dan ibu tercinta, terimakasih atas bimbingan, doa restu dan
pengorbanannya, semoga keridhoan Allah SWT senantiasa bersama kita,
Amin.
2.
Kakakku dan seluruh keluarga yang aku sayangi (Mas Adyng, Mbak Ima,
Dek Dhiya, Om Bhakti, Om Timbul dan Mbah Putri). Terimakasih
dukungan dan doanya.
3.
Seorang
yang
telah
membimbing,
membantu,
4.
Teman-teman dan sahabatku TI ’07 semoga sukses selalu buat kalian
mendoakanku di setiap doanya. Makasih ya Mas Jay... .
semua, semangat...!! .
vi
mendukung
dan
KATA PENGANTAR
Assalamu’alaikum warahmatullahi wa barakatuh
Alhamdulillahirabbil’alamin, puji syukur penulis panjatkan kehadirat
Allah SWT yang telah melimpahkan Rahmat dan Karunia-Nya. Shalawat serta
salam penulis ucapkan kepada sang teladan manusia, Nabi Muhammad SAW,
sehingga penulis dapat menyelesaikan penyusunan skripsi dengan judul “
Perancangan dan Pembuatan Raport Berbasis Web di SMA Negeri 2 Wonogiri ”.
Pada kesempatan ini penulis merancang dan membuat sebuah sistem
aplikasi raport online. Penulis berharap apa yang telah penulis buat dalam Skripsi
ini dapat memberikan sebuah sumbangsih bagi pihak yang terkait, seluruh
aktivitas yang ada pada SMA Negeri 2 Wonogiri khususnya dalam hal informasi
nilai siswa, dan khalayak umum yang ingin mengetahui perancangan dan
pembuatan aplikasi raport berbasis web.
Dalam penyusunan laporan Skripsi tidak lepas dari berbagai pihak yang
telah banyak membantu. Pada kesempatan ini penulis mengucapkan terima kasih
kepada :
1. Bapak Husni Thamrin, S.T., M.T., Ph.D, sebagai Dekan Program Studi
Teknik Informatika Universitas Muhammadiyah Surakarta.
2. Bapak Aris Rakhmadi, S.T., M.Eng sebagai Ketua Program Studi
Teknik Informatika Universitas Muhammadiyah Surakarta.
3. Bapak Fatah Yasin, S.T, M.T , Ibu Azizah Fatmawati, S.T, Bapak Ady
Purna Kurniawan, S.T selaku Dosen Pembimbing yang telah banyak
vii
meluangkan waktu untuk membantu, membimbing, mengarahkan serta
memberikan
dukungan
kepada
penulis
dalam
menyelesaikan
penyusunan Skripsi ini.
4. Seluruh Dosen dan karyawan Fakultas Komunikasi dan Informatika
Universitas Muhammadiyah Surakarta atas bantuan dan ilmu yang
diberikan kepada penulis.
5. Ayah dan Ibu beserta keluarga tersayang (Mas Adyng, Mbak Ima,
keponakan tersayang Dhiya, om Bhakti, om Timbul, Mbah putri, dsb)
yang memberikan dukungan, doa dan bantuannya.
6. Seseorang yang sangat berarti yang selalu membantu penulis dalam
menyelesaikan Skripsi ini, terima kasih atas seluruh kasih sayang,
bantuan, dorongan dan dukungan yang selalu diberikan. Terimakasih
Mas Jayus.
7. Teman–teman Teknik Informatika khususnya angkatan ’07 yang tak
dapat sukses buat kalian semua, semangat dan berjuang terus.
8. Semua kerabat yang banyak membantu kami yang tidak dapat
disebutkan satu persatu.
Penulis menyadari bahwa ”Tiada Gading yang Tak Retak” masih banyak
kekurangan
dan
ketidaksempurnaan
pada
penulisan,
namun
dari
ketidaksempurnaan inilah yang akan mendorong seseorang menuju arah yang
lebih baik guna penyempurnaannya dan mengharapkan kritik maupun saran yang
membangun.
viii
Semoga karya ini bermanfaat untuk menambah wacana keilmuan dan
keislaman serta sebagai wahana penelitian selanjutnya.
Wassalamu’alaikum warahmatullahi wa barakatuh.
Surakarta, 1 Juli 2011
Penulis
ix
DAFTAR ISI
HALAMAN JUDUL .................................................................................
i
HALAMAN PERSETUJUAN ..................................................................
ii
HALAMAN PENGESAHAN ...................................................................
iii
HALAMAN KONTRIBUSI .....................................................................
iv
HALAMAN MOTTO DAN PERSEMBAHAN .......................................
vi
KATA PENGANTAR ..............................................................................
vii
DAFTAR ISI .............................................................................................
x
DAFTAR TABEL .....................................................................................
xv
DAFTAR GAMBAR ................................................................................
xvii
ABTRAKSI ...............................................................................................
xx
BAB I
PENDAHULUAN .....................................................................
1
A. Latar Belakang Masalah .............................................................
1
B. Perumusan Masalah ...................................................................
2
C. Batasan Masalah .........................................................................
2
D. Tujuan Peneitian .........................................................................
3
E. Manfaat Peneltian ......................................................................
3
F. Sistematika Penulisan ................................................................
3
BAB II LANDASAN TEORI .................................................................
7
A. Telaah Penelitian ........................................................................
7
B. Landasan Teori ...........................................................................
8
x
1. Perancangan Sistem ................................................................ .
8
a. Diagram Menu ....................................................................
8
b. Unified Model Language ................................................ ...
9
1).Use Case Diagram ...................................................... ....
9
2). Sequence Diagram ........................................................
11
3). Activity Diagram ...........................................................
12
4). Class Diagram ...............................................................
13
2. Database .....................................................................................
15
a. Basisdata ..............................................................................
15
b. Sistem Basis Data ................................................................
16
c. TIC (Table Instance Chart) .................................................
17
3. Website .......................................................................................
19
4. Macromedia Dreamweaver 8 .....................................................
20
5. MySQL .......................................................................................
20
6. HTML ........................................................................................
21
7. PHP ............................................................................................
22
8. Cascade Sheet Style(CSS) ..........................................................
23
9. Apache ........................................................................................
24
BAB III METODE PENELITIAN .............................................................
26
A. Pengantar .......................................................................................
26
1. Studi Literatur ...........................................................................
26
2. Perancangan dan Implementasi .................................................
26
a. Waktu dan tempat .............................................................. .....
xi
27
b. Peralatan Utama dan Pendukung ...........................................
27
B. Gambaran Kerja Sistem .................................................................
29
C. Analisa Kebutuhan Sistem ............................................................
30
D. Perancangan Sistem .......................................................................
32
E. Perancangan Use Case ....................................................................
34
1. Siswa ..........................................................................................
34
2. Administrator (Admin) ...............................................................
36
3. Wali Kelas ..................................................................................
38
4. Guru Ampu .................................................................................
40
5. Kepala Sekolah ...........................................................................
41
6. Use Case Definition ...................................................................
42
7. Finalize Use Case .......................................................................
43
8. Use Case Description (decision table) .......................................
45
F. Activity diagram ..............................................................................
53
1. Activity Diagram Login ..............................................................
53
2. Activity Diagram Logout ............................................................
54
3. Activity Diagram meng-update password ..................................
54
4. Activity Diagram meng-update profil ........................................
55
5. Activity diagram mendaftar user ................................................
55
G. Perancangan Basis Data dan Tabel ................................................
56
1. Relasi Antar Table ......................................................................
56
2. TIC (Table Instance Chart) .........................................................
57
H. Perancangan Desain Tampilan Halaman Aplikasi Web ................
67
xii
BAB IV HASIL DAN PEMBAHASAN ...................................................
69
A. Hasil Penelitian ..............................................................................
69
1. Struktur dan Design Administrator ...........................................
71
a. Halaman Login Administrator .............................................
71
b. Modul User ..........................................................................
73
c. Modul Modul .......................................................................
74
d. Modul Siswa ........................................................................
75
e. Modul Kelas ........................................................................
76
f. Modul Guru ..........................................................................
77
g. Modul Mata Pelajaran .........................................................
78
h. Modul Berita .......................................................................
79
i. Modul Tahun Ajaran ............................................................
80
j. Modul Mapel Ambil .............................................................
81
k. Modul Guru Ampu ..............................................................
81
2. Struktur dan Design User ..........................................................
82
a. Halaman Utama User ..........................................................
82
b. Halaman Utama Siswa ........................................................
84
c. Modul Nilai .........................................................................
84
d. Modul Profil Siswa ..............................................................
85
e. Modul Ubah Password ........................................................
86
f. Modul Absen ........................................................................
87
g. Modul Grafik Prestasi .........................................................
87
h. Halaman Utama Guru Wali Kelas .......................................
88
xiii
i. Modul Nilai ..........................................................................
89
j. Modul Absensi .....................................................................
91
k. Modul Profil Guru ...............................................................
92
l. Modul Ubah Password .........................................................
93
m. Halaman Utama Guru Ampu ..............................................
94
n. Halaman Utama Kepala Sekolah ........................................
96
BAB V PENUTUP .....................................................................................
99
A. Kesimpulan .......................................................................................
99
B. Saran .................................................................................................
99
DAFTAR PUSTAKA
LAMPIRAN
xiv
DAFTAR TABEL
TABEL 2.1
Simbol Use Case Diagram .................................................
10
TABEL 2.2
Simbol Sequence Diagram .................................................
12
TABEL 2.3
Simbol Activity Diagram ....................................................
13
TABEL 2.4
Simbol Class Diagram ........................................................
14
TABEL 2.5
Format TIC (Table Instance Chart) ....................................
17
TABEL 2.6
Aturan TIC (Table Instance Chart) .....................................
17
TABEL 3.1
Input Login Akses Admin ...................................................
46
TABEL 3.2
Input User ...........................................................................
46
TABEL 3.3
Input Modul .........................................................................
46
TABEL 3.4
Input Kelas ..........................................................................
47
TABEL 3.5
Input Mata Pelajaran ...........................................................
47
TABEL 3.6
Input Berita .........................................................................
47
TABEL 3.7
Input Tahun Ajaran .............................................................
48
TABEL 3.8
Input Mapel Ambil .............................................................
49
TABEL 3.9
Input Guru Ampu ...............................................................
49
TABEL 3.10 Input Data Guru ..................................................................
50
TABEL 3.11 Input Data Siswa ................................................................
50
TABEL 3.12 Input Login Akses User ......................................................
50
TABEL 3.13 Input Data Absen ................................................................
51
TABEL 3.14 Input Data Nilai Siswa .......................................................
51
TABEL 3.15 View Nis ............................................................................
52
TABEL 3.16 View Nama Siswa ...............................................................
52
xv
TABEL 3.17 View Nip .............................................................................
52
TABEL 3.18 View nama guru .................................................................
53
TABEL 3.19 TIC untuk tabel_user ..........................................................
58
TABEL 3.20 TIC untuk tabel_siswa .........................................................
59
TABEL 3.21 TIC untuk tabel_guru ..........................................................
60
TABEL 3.22 TIC untuk tabel_kelas..........................................................
61
TABEL 3.23 TIC untuk tabel_mapel ........................................................
61
TABEL 3.24 TIC untuk tabel_tahun .........................................................
62
TABEL 3.25 TIC untuk tabel_absensi ......................................................
62
TABEL 3.26 TIC untuk tabel_guru_ampu................................................
63
TABEL 3.27 TIC untuk tabel_nilai ...........................................................
64
TABEL 3.28 TIC untuk tabel_modul........................................................
65
TABEL 3.29 TIC untuk tabel_berita .........................................................
65
TABEL 3.30 TIC untuk tabel_statistik .....................................................
66
TABEL 3.31 TIC untuk tabel_user_online ...............................................
66
xvi
DAFTAR GAMBAR
GAMBAR 3.1. Gambaran Kerja Sistem ....................................................
29
GAMBAR 3.2 Diagram Menu Sistem Aplikasi Raport Online SMA
Negeri 2 Wonogiri berbasis web .......................................
33
GAMBAR 3.3 Use Case Untuk Aktor Siswa ..........................................
34
GAMBAR 3.4 Use Case Untuk Aktor Administrator (Admin) ...............
36
GAMBAR 3.5 Use Case Untuk Aktor Wali Kelas ..................................
39
GAMBAR 3.6 Use Case Untuk Aktor Guru Ampu .................................
40
GAMBAR 3.7 Use Case Untuk Aktor Kepala Sekolah ...........................
41
GAMBAR 3.8 Acitvity Diagram Login ...................................................
53
GAMBAR 3.9 Acitvity Diagram Logout .................................................
54
GAMBAR 3.10 Acitvity Diagram Meng-update password ......................
54
GAMBAR 3.11 Acitvity Diagram Meng-update profil .............................
55
GAMBAR 3.12 Acitvity Diagram Mendaftar user ....................................
55
GAMBAR 3.13 ERD (Entity Relationship Diagram) ..............................
56
GAMBAR 3.14 Halaman Login Administrator .........................................
67
GAMBAR 3.15 Halaman Utama Administrator ........................................
67
GAMBAR 3.16 Halaman Tampilan User ..................................................
68
GAMBAR 4.1 Halaman Login Administrator ..........................................
71
GAMBAR 4.2 Halaman Error Login .......................................................
71
GAMBAR 4.3 Pesan error User Masih Kosong .......................................
72
GAMBAR 4.4 Pesan error Password Masih Kosong ...............................
72
GAMBAR 4.5 Halaman Utama Administrator ..........................................
73
xvii
GAMBAR 4.6 Halaman Tampil Data User ..............................................
74
GAMBAR 4.7 Halaman Tampil Modul.....................................................
75
GAMBAR 4.8 Halaman Tampil Data Siswa .............................................
76
GAMBAR 4.9 Hasil Cetak Data Siswa .....................................................
76
GAMBAR 4.10 Halaman Tampil Data Kelas............................................
77
GAMBAR 4.11 Halaman Tampil Data Guru ............................................
78
GAMBAR 4.12 Hasil Cetak Data Guru .....................................................
78
GAMBAR 4.13 Halaman Tampil Data Mata Pelajaran.............................
79
GAMBAR 4.14 Halaman Tampil Berita ...................................................
80
GAMBAR 4.15 Halaman Tampil Tahun Ajaran .......................................
80
GAMBAR 4.16 Halaman Tampil Mapel Ambil ........................................
81
GAMBAR 4.17 Halaman Tampil Guru Ampu ..........................................
82
GAMBAR 4.18 Halaman Utama User.......................................................
83
GAMBAR 4.19 Halaman Utama Siswa.....................................................
84
GAMBAR 4.20 Halaman Nilai Siswa .......................................................
85
GAMBAR 4.21 Halaman Profil Siswa ......................................................
86
GAMBAR 4.22 Halaman Ubah Password Siswa ......................................
86
GAMBAR 4.23 Halaman Data Absen Siswa ............................................
87
GAMBAR 4.24 Tampilan menu Grafik Prestasi siswa .............................
87
GAMBAR 4.25 Halaman Grafik Prestasi Siswa .......................................
88
GAMBAR 4.26 Halaman Utama Guru ......................................................
89
GAMBAR 4.27 Halaman Daftar Siswa .....................................................
90
GAMBAR 4.28 Halaman detil nilai siswa ................................................
90
xviii
GAMBAR 4.29 Hasil Cetak Nilai Siswa ...................................................
91
GAMBAR 4.30 Data Siswa Per Kelas .......................................................
92
GAMBAR 4.31 Input Absen Siswa ...........................................................
92
GAMBAR 4.32 Halaman Profil Guru .......................................................
93
GAMBAR 4.33 Halaman Ubah Password Guru........................................
93
GAMBAR 4.34 Halaman Utama Guru Ampu ...........................................
94
GAMBAR 4.35 Halaman Daftar Kelas Guru Ampu .................................
95
GAMBAR 4.36 Halaman Data Siswa yang di Ampu ................................
95
GAMBAR 4.37 Form Inputan Nilai Siswa Per Mapel ..............................
96
GAMBAR 4.38 Halaman Utama Kepala Sekolah .....................................
97
GAMBAR 4.39 Halaman Daftar Kelas .....................................................
97
GAMBAR 4.40 Halaman Daftar Siswa .....................................................
97
GAMBAR 4.41 Halaman Cetak Laporan Nilai Siswa...............................
98
xix
ABSTRAKSI
Di era perkembangan teknologi sekarang ini informasi sangat penting
bagi kebutuhan manusia untuk menunjang suatu pekerjaan ataupun sekedar
mengetahui perkembangan yang terjadi. Munculnya internet memudahkan untuk
pencarian berbagai macam informasi yang dibutuhkan karena sifatnya begitu
global. Demikian pula suatu informasi tentang nilai raport untuk siswa berbasis
web sangat memudahkan siswa mencari informasi raport tersebut.
Penelitian ini mempunyai tujuan sebagai analisis perkembangan
akademik tiap kelas atau tiap siswa. Berisi mulai dari input data siswa, input data
nilai siswa, data nilai siswa dari setiap kelas dilihat dari nilai terendah dan
tertinggi untuk statistiknya serta data siswa yang naik atau tinggal kelas, dan
input data guru sebagai informasi wali kelas yang mengampu pada suatu kelas
serta cetak nilai raport siswa.
Tahapan perancangan dalam pembuatan sistem ini menggunakan
perancangan use case, database table dan design halaman. Software yang
digunakan dalam pembuatan sistem ini menggunakan apache untuk menjalankan
web servernya, MySql untuk pengelolaan database, Macromedia Dreamweaver 8
sebagai tools untuk membuat script menggunakan bahasa pemrograman php dan
mysql. Hasilnya yaitu Aplikasi Raport Online di SMA Negeri 2 Wonogiri
berbasis web yang memiliki fasilitas diantaranya menampilkan data siswa, data
guru SMA Negeri 2 Wonogiri, data nilai siswa, melihat grafik prestasi.
Kata Kunci: Raport Online, PHP, Perancangan Use Case.
xx