SISTEM INFORMASI NILAI AKADEMIK SISWA BERBASIS WEB (STUDI KASUS : SMU MUHAMMADIYAH 7 – SAWANGAN )
Oleh: IBNU MAS’UD 102091026 289
Skri psi Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana Komputer Fakultas Sains dan Teknologi Universitas Islam Negeri Syarif Hidayatullah Jakarta
PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS SAINS DAN TEKNOLOGI UNIVERSITAS ISLAM NEGERI SYARIF HIDAYATULLAH JAKARTA 1430 H / 2009 M
SISTEM INFORMASI NILAI AKADEMIK SISWA BERBASIS WEB (STUDI KASUS : SMU MUHAMMADIYAH 7 – SAWANGAN ) Skripsi Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana Komputer Pada Fakultas Sains dan Teknologi Universitas Islam Negeri Syarif Hidayatullah Jakarta
Oleh
Ibnu Mas’ud 102091026289
Menyetujui,
Pembimbing I,
Pembimbing II,
Yusuf Durrachman, MIT NIP. 19710522 200604 1 002
Zainuddin Bey Fananie, M. Sc
Mengetahui, Ketua Program Studi Teknik Informatika
Yusuf Durrahman, MIT NIP. 19710522 200604 1 002
ii
PENGESAHAN UJIAN
Skripsi yang berjudul “Sistem Informasi Nilai Akademik Siswa Berbasis Web (Studi Kasus : SMU Muhammadiyah 7 Sawangan)” yang ditulis oleh Ibnu Mas’ud, NIM 102091026289 telah diuji dan dinyatakan lulus dalam sidang Munaqosyah Fakultas Sains dan Teknologi, Universitas Islam Negeri Syarif Hidayatullah Jakarta pada hari Selasa, 28 April 2009. Skripsi ini telah diterima sebagai salah satu syarat untuk memperoleh gelar Sarjana Strata Satu (S1) Program Studi Teknik Informatika. Jakarta, 28 April 2009
Menyetujui,
Penguji I,
Penguji II,
Fitri Mintarsih, M.Kom
Viva Arifin, MMSI NIP. 19730810 200604 2 001
Pembimbing I,
Pembimbing II,
Yusuf Durrachman, MIT NIP. 19710522 200604 1 002
Zainuddin Bey Fananie, M. Sc
Mengetahui,
Dekan Fakultas Sains dan Teknologi
Ketua Program Studi Teknik Informatika
Dr. Syopiansyah Jaya Putra, M.Sis NIP. 19680117 200112 1 001
Yusuf Durrachman, MIT NIP. 19710522 200604 1 002
iii
PERNYATAAN
DENGAN INI SAYA MENYATAKAN BAHWA SKRIPSI INI BENAR-BENAR HASIL KARYA SENDIRI YANG BELUM PERNAH DIAJUKAN SEBAGAI SKRIPSI ATAU KARYA ILMIAH PADA PERGURUAN TINGGI ATAU LEMBAGA MANAPUN.
Jakarta,
April 2009
Ibnu Mas’ud 102091026289
iv
ABSTRAK
IBNU MAS’UD (102091026289), Sistem Informasi Nilai Akademik Siswa Berbasis Web (Studi Kasus: SMU Muhammadiyah 7 Sawangan). Dibawah bimbingan Yusuf Durrachman, MIT dan Zainuddin Bey Fananie, M. Sc
Perkembangan ilmu pengatahuan dan teknologi semakin lama semakin pesat dibidang teknologi informasi, salah satu contohnya adalah teknologi internet. Pada sektor pendidikan di indonesia, hampir seluruh perguruan tinggi sudah cukup mengenal dan memanfaatkan teknologi internet ini dengan baik. Seperti layanan untuk mengetahui informasi biaya kuliah, krs, nilai dan lain sebagainya. Pada tingkat pendidikan Sekolah Menengah atas (SMA), belum banyak sekolah yang mengenal yang memanfaatkan dengan baik teknologi ini. Salah satunya adalah SMU Muhammadiyah 7 Sawangan, teknologi ini hanya dimanfaatkan sebagai fasilitas tambahan untuk menampilkan informasi sederhana. Teknologi ini belum dimanfaatkan sebagai media database utama, salah satu contohnya adalah database nilai. Pengolahan data nilai masih dilakukan secara manual, proses ini dinilai cukup lamban dan dibutuhkan ketelitian yang tinggi untuk menjaga keakuratan data tersebut. Oleh karena itu diperlukannya pengembangan sistem untuk mengefisienkan waktu dan menjaga keakuratan data. Dalam pengembangan system ini penulis menggunakan tahapan-tahapan dari pengembangan Sisem System Development Life Cycle (SDLC), yaitu Perencanaan, Analisis, Perancangan, Pemrograman, Pengujian, Operasi dan Pemeliharaan. Sedangkan bahasa pemrograman yang digunakan penulis adalah PHP dan MySQL
Kata Kunci : Sistem, Informasi, Nilai, Akademik, Siswa Daftar Pustaka : 12 (1989-2006)
KATA PENGANTAR
Bismillahirahmanirrahim, Alhamdulillah puji syukur penulis ucapkan kepada Allah SWT yang telah mengkaruniakan nikmat-nikmat-Nya. Tidak ada kebahagian yang lebih tinggi saat ini, selain rasa bahagia penulis dapat menyelesaikan penulisan skripsi ini, yang disusun untuk melengkapi hasil penelitian dan pengembangan sistem yang telah saya lakukan di SMU Muhammadiyah 7 Sawangan sebagai prasyarat dalam menyelesaikan kurikulum tingkat akhir pada Jurusan Teknik Informatika Universitas Islam Negeri Syarif Hidayatullah Jakarta. Penulis menyampaikan terima kasih kepada semua pihak atas dukungan moral maupun materil yang sangat berarti dalam pelaksanaan Kerja Praktek ini, diantaranya: 1. Bapak. Dr. Syopiansyah Jaya Putra, M.Sis, sebagai Dekan Fakultas Sains dan Teknologi, Universitas Islam Negeri Syarif Hidayatullah Jakarta. 2. Bapak. Yusuf Durrachman, MIT,
sebagai Ketua Program Studi Teknik
Informatika, Universitas Islam Negeri Syarif Hidayatullah Jakarta. 3. Bapak. Yusuf Durrachman, MIT. Dan Bapak Zainuddin Bey Fananie, M.Sc, sebagai Dosen Pembimbing dalam penyusunan skripsi ini. 4. Bapak. Mahyudin Muarof, S. Ag. Dan Bapak. Muhamad Iqbal, sebagai kepala dan wakil kepala sekolah. Staff dan karyawan SMU Muhammadiyah 7 Sawangan yang telah membantu menyelesaikan penelitian skripsi ini. 5. Ibu. Viva Arifin, M.MSI selaku Sekretaris Program Studi beserta seluruh dosen dan staff karyawan di Jurusan Teknik Informatika, Fakultas Sains dan Teknologi, Universitas Islam Negeri Syarif Hidayatullah Jakarta.
vi
6. Penghargaan setinggi-tingginya kepada keluarga yaitu Ayahanda H. M. Yunus dan Ibunda Hj. Atiyah tercinta. 7. Rekan-rekan TI.A Angkatan 2002 : Irfan Faris Farhan, Ilham Serfiansyah, Muhammad Fahmi, Hasyim Khumaidi, Herlan, Muhamad Yusuf, Zaki Mubarok, Haidir Ali, Imam Masudin yang selalu bersama dalam suka dan duka. 8. Serta semua pihak yang telah membantu dalam penyusunan laporan ini, yang tidak dapat penulis cantumkan satu persatu. Akhir kata, semoga laporan ini dapat bermanfaat dalam memberikan pemikiran baru yang dapat disumbangkan bagi pengembangan ilmu sains dan teknologi.
Jakarta,
April 2009
Ibnu Mas’ud
vii
DAFTAR ISI
Halaman Judul..................................................................................................
i
Lembar Persetujuan Pembimbing ....................................................................
ii
Lembar Pengesahan Ujian................................................................................
iii
Lembar Pernyataan...........................................................................................
iv
Abstrak .............................................................................................................
v
Kata Pengantar .................................................................................................
vi
Daftar Isi...........................................................................................................
viii
Daftar Tabel .....................................................................................................
xii
Daftar Gambar..................................................................................................
xiii
Daftar Lampiran ............................................................................................... xviii
BAB I – PENDAHULUAN ............................................................................
1
1.1 Latar Belakang .................................................................................
1
1.2 Rumusan Masalah .............................................................................
3
1.3 Batasan Masalah ...............................................................................
3
1.4 Tujuan dan Manfaat Penelitian ........................................................
3
1.4.1 Tujuan Penelitian ....................................................................
3
1.4.2 Manfaat Penelitian ..................................................................
4
a. Manfaat Bagi Penulis ...........................................................
4
b. Manfaat Bagi Lembaga Pendidikan ....................................
4
c. Manfaat Bagi Umun ............................................................
5
viii
1.5 Metodologi Penelitian ......................................................................
5
A. Metode Pengumpulan Data .........................................................
5
B. Metode Pengembangan Sistem ....................................................
6
1.6 Sistematika Penulisan ......................................................................
7
BAB II – LANDASAN TEORI .....................................................................
9
2.1 Perkembangan dan Kemampuan ......................................................
9
2.2.1 Definisi Perkembangan dan Kemampuan ...............................
9
2.2 Konsep Dasar Sistem Informasi .......................................................
11
2.2.1 Konsep Dasar Sistem ..............................................................
11
2.2.2 Konsep Dasar Informasi .........................................................
15
2.2.3 Siklus Informasi .....................................................................
16
2.2.4 Konsep Dasar Sistem Informasi ..............................................
16
2.2.5 Komponen Sistem Informasi ..................................................
17
2.3 Bagan Alir Dokumen .......................................................................
19
2.4 Alat Perancangan Sistem .................................................................
21
2.4.1 Data Flow Diagram ................................................................
21
2.4.2 Entity Relationship Diagram .................................................
24
2.4.3 Kamus Data ...........................................................................
25
2.4.4 State Transition Diagram ........................................................
26
2.5 Apache...............................................................................................
28
2.6 PhpMyAdmin ....................................................................................
28
2.7 MySQL .............................................................................................
29
ix
2.8 PHP ..................................................................................................
29
2.9 Studi Sejenis .....................................................................................
31
BAB III – METODOLOGI PENELITIAN .................................................
34
3.1 Metode Pengumpulan Data ...............................................................
34
3.2 Metode Pengembangan Sistem .........................................................
35
3.2.2 Perencanaan Sistem ................................................................
36
3.2.2 Analisis (Analys) ....................................................................
36
3.2.3 Perancangan sistem ..................................................................
37
3.2.4 Pemrograman ...........................................................................
38
3.2.5 Pengujian ..................................................................................
38
3.3.6 Pengoperasian dan Pemeliharan...............................................
39
BAB IV HASIL DAN PEMBAHASAN .......................................................
41
4.1 Perencanaan Sistem...........................................................................
42
4.2 Analisis sistem (Analys System) .......................................................
44
4.2.1 Profil Lembaga ........................................................................
44
4.2.2 Struktur Organisasi .................................................................
40
4.2.3 Analisis Sistem yang sedang berjalan .....................................
45
4.2.4 Identifikasi Masalah ................................................................
46
4.3 Perancangan Sistem ..........................................................................
49
4.3.1 Perancangan Struktur dan Alur Sistem ...................................
49
4.3.2 Perancangan Data Flow Diagram (DFD) ...............................
52
x
4.3.3 Perancangan Basis Data ..........................................................
56
4.3.4 Perancangan State Transition Diagram (STD).........................
64
4.3.5 Perancangan Layar ...................................................................
78
4.4 Pemrograman (Coding) ..................................................................... 104 4.5 Pengujian (Testing) ........................................................................... 104 4.6 Operasi dan Pemeliharaan (Operation and Maintenance)................ 105
BAB V- KESIMPULAN DAN SARAN ....................................................... 107 5.1 Kesimpulan ....................................................................................... 107 5.2 Saran.................................................................................................. 108
DAFTAR PUSTAKA ..................................................................................... 109
xi
DAFTAR TABEL
Halaman Tabel 4.1 Flow of Document .............................................................................
46
Tabel 4.2 Flow of Document yang diusulkan....................................................
50
Tabel 4.3 Struktur tabel ‘admin’ ......................................................................
62
Tabel 4.4 Struktur tabel ‘instruktur’.................................................................
62
Tabel 4.5 Struktur tabel ‘list_materi’ ...............................................................
63
Tabel 4.6 Struktur tabel ‘kelas’ ........................................................................
63
Tabel 4.7 Struktur tabel ‘jadwal_materi’ .........................................................
63
Tabel 4.8 Struktur tabel ‘siswa’ .......................................................................
64
Tabel 4.9 Struktur tabel ‘walisiswa’ ................................................................
64
xii
DAFTAR GAMBAR
Halaman
Gambar 2.1 Karakteristik Suatu Sistem ..........................................................
12
Gambar 2.2 Data yang diolah Menjadi Informasi...........................................
14
Gambar 2.3 Blok Sistem Informasi yang Berinteraksi ...................................
15
Gambar 2.4 Simbol Proses ..............................................................................
17
Gambar 2.5 Simbol Dokumen.........................................................................
17
Gambar 2.6 Simbol Kegiatan Manual.............................................................
18
Gambar 2.7 Simbol Terminal..........................................................................
18
Gambar 2.8 Simbol Simpanan Offline ............................................................
18
Gambar 2.9 Simbol Keputusan ......................................................................
18
Gambar 2.10 Simbol Garis Alur ....................................................................
19
Gambar 2.11 Struktur mosel Analis ...............................................................
1
Gambar 2.12 External Entity ............................................................................ 20 Gambar 2.13 Proses .......................................................................................... 20 Gambar 2.14 Data Flow ..................................................................................
20
Gambar 2.15 Data Store .............................................................. ................... . 20 Gambar 2.16 Persegi Panjang.............................................................. ........... . 22
xiii
Gambar 2.17 Ellips..........................................................................................
22
Gambar 2.18 Belah Ketupat ............................................................................
22
Gambar 2.19 Garis ..........................................................................................
22
Gambar 2.20 Simbol State ..............................................................................
24
Gambar 2.21 Simbol Perubahan Sistem .........................................................
24
Gambar 2.22 Simbol Kondisi dan Aksi .........................................................
25
Gambar 3.1 Pengembangan Sistem ...............................................................
32
Gambar 4.1 Struktur Organisasi SMU Muhammadiyah 7 ..............................
44
Gambar 4.2 Diagram Context .........................................................................
53
Gambar 4.3 Diagram Overview ......................................................................
54
Gambar 4.4 Diagram Context Level 1 Proses 2 ..............................................
55
Gambar 4.5 Diagram Context Level 1 Proses 3 ..............................................
51
Gambar 4.6 Entitas yang akan digunakan .......................................................
57
Gambar 4.7 Primary key tiap Entitas .................................................................
57
Gambar 4.8 Relasi – relasi tiap Entitas ...........................................................
58
Gambar 4.9 Hubungan kardinalitas pada relasi antar entitas ..........................
57
Gambar 4.10 Bentuk Normal Kedua dengan Atribut pada tiap entitas..................
61
Gambar 4.11 STD Layar Menu Utama .............................................................
65
Gambar 4.12 STD Layar Login Siswa ............................................................
65
Gambar 4.13 STD Layar Halaman Siswa ......................................................
66
Gambar 4.14 STD Layar ganti Password siswa..............................................
66
Gambar 4.15 STD Layar Walisiswa ..............................................................
67
Gambar 4.16 STD Layar Halaman Walisiswa ...............................................
67
xiv
Gambar 4.17 STD Layar ganti Password Walisiswa ....................................
68
Gambar 4.18 STD Layar Instruktur ...............................................................
68
Gambar 4.19 STD Layar Halaman Instruktur................................................
69
Gambar 4.20 STD Layar Data Kelas ............................................................
69
Gambar 4.21 STD Layar ganti Password Instruktur .....................................
70
Gambar 4.22 STD Layar Administrator ........................................................
70
Gambar 4.23 STD layar Halaman Administrator .........................................
71
Gambar 4.24 STD Layar Data Karyawan ......................................................
71
Gambar 4.25 STD Update Data Karyawan ....................................................
72
Gambar 4.26 STD Layar Data siswa..............................................................
72
Gambar 4.27 STD Layar Update Data siswa................................................
73
Gambar 4.28 STD Layar Data kelas .............................................................
73
Gambar 4.29 STD Layar Update Data kelas ................................................
74
Gambar 4.30 STD Layar data materi ...........................................................
74
Gambar 4.31 STD Layar Update data materi ...............................................
75
Gambar 4.32 STD Layar ganti Password administrator ..............................
75
Gambar 4.33 STD Layar Kepala Sekolah ....................................................
76
Gambar 4.34 STD Layar Halaman Kepala Sekolah ....................................
77
Gambar 4.35 STD Layar ganti Password Kepala Sekolah ..........................
77
Gambar 4.36 Struktur Menu pada Sistem ....................................................
78
Gambar 4.37 Menu Utama dan Home...........................................................
79
Gambar 4.38 Login Siswa.............................................................................
80
Gambar 4.39 Halaman untuk Siswa..............................................................
80
xv
Gambar 4.40 Lihat Absensi............................................................................
81
Gambar 4.41 Lihat Nilai ..............................................................................
81
Gambar 4.42 Ganti Password .......................................................................
82
Gambar 4.43 Login Walisiswa......................................................................
82
Gambar 4.44 Halamn Untuk Walisiswa .......................................................
83
Gambar 4.45 Lihat Absesnsi .........................................................................
83
Gambar 4.46 Lihat Nilai ...............................................................................
84
Gambar 4.47 Ganti Password .......................................................................
84
Gambar 4.48 Login Instruktur.......................................................................
85
Gambar 4.49 Halaman untuk instruktur........................................................
85
Gambar 4.50 Data kelas ................................................................................
86
Gambar 4.51 Absesnsi ..................................................................................
86
Gambar 4.52 Input Data absensi ...................................................................
87
Gambar 4.53 Nilai ..........................................................................................
87
Gambar 4.54
Input data nilai.........................................................................
88
Gambar 4.55 Ganti password ........................................................................
88
Gambar 4.56 Login kepala sekolah...............................................................
89
Gambar 4.57 Halaman Kepala Sekolah ........................................................
89
Gambar 4.58 Halaman Rekapitulasi Data Siswa ..........................................
90
Gambar 4.59 Halaman Data Kelas ................................................................
91
Gambar 4.60 Halaman Data Siswa Per Kelas ...............................................
91
Gambar 4.61 Halaman Data Karyawan ........................................................
92
Gambar 4.62 Halaman Grafik .......................................................................
92
xvi
Gambar 4.63 Halaman Ganti Password ........................................................
93
Gambar 4.64 Login Administrator ................................................................
94
Gambar 4.65 Halaman Administrator ...........................................................
94
Gambar 4.66 Halaman Tambah Data Karyawan ..........................................
95
Gambar 4.67 Update Data Karyawan ...........................................................
96
Gambar 4.68 Halaman Tambah Data siswa ..................................................
97
Gambar 4.69 Update Data siswa ...................................................................
98
Gambar 4.70 Halaman Tambah Data Materi ................................................
99
Gambar 4.71 Update Data Materi ................................................................. 100 Gambar 4.72 Halaman Tambah Data Materi ................................................ 101 Gambar 4.73 update data materi .................................................................. 102 Gambar 4.74 Ganti password Administrator ................................................ 103 Gambar 4.75 Keluar (Menu Home) .............................................................. 103
xvii
DAFTAR LAMPIRAN
Lampiran 1- Hasil Wawancara Lampiran 2- Tampilan Antar Muka Pemakai (User Interface) Sistem Informasi Nilai Akademik Siswa Berbasis Web Lampiran 3- Source Code Sistem Informasi Nilai Akademik Siswa Berbasis Web
xviii
BAB I PENDAHULUAN
1.1. Latar Belakang Kemajuan di bidang teknologi informasi belakangan ini berkembang sangat cepat apalagi diiringi dengan makin maraknya internet di kalangan masyarakat yang makin global ini. Menurut M.Suyanto (2002 : 36). Internet adalah sebuah jaringan global dari jaringan komputer yang menghubungkan sumber daya - sumber daya bisnis, pemerintah, dan institusi pendidikan menggunakan protokol TCP/IP (Transmission Control Protocol / Internet Protocol). Di Kota Depok masih ada beberapa lembaga pendidikan pemerintah maupun swasta yang belum memanfaatkan teknologi yang sudah ada, dikarenakan keterbatasan fasilitas dan sumber daya manusia diantaranya Lembaga pendidikan SMU Muhammadiyah 7 Sawangan. SMU Muhammadiyah 7 Sawangan merupakan lembaga pendidikan yang bertugas menangani kegiatan-kegiatan yang berkaitan dengan pendidikan, tujuan utama seperti yang kita ketahui untuk mencerdaskan kehidupan bangsa. Pendidikan juga merupakan modal utama bagi suatu bangsa dalam upaya meningkatkan kualitas sumber daya manusia yang dimilikinya. Untuk menghasilkan kualitas sumber daya manusia yang handal harus didukung oleh kualitas sarana dan prasarana pendidikan, karena sarana
1
2
dan prasarana merupakan salah satu faktor penting dalam menunjang belajar siswa dan memberikan kenyamanan dalam proses belajar mengajar. Menurut Nurcahyo (2008 :56). Sebuah lembaga pendidikan tidak lepas dengan kurikulum yang tugasnya adalah menangani maupun mengawasi yang berkaitan dengan fasilitas sarana dan prasarana pendidikan yang dibutuhkan oleh sekolah guna menunjang lancarnya proses belajar mengajar. Namun seiring dengan kemajuan teknologi ditambah
dengan
meningkatnya gaya hidup mobile. Proses pemantauan nilai akademik siswa pada sistem yang sedang berjalan pada SMU Muhammmadiyah 7 Sawangan dilakukan dengan cara yang konvesional, dimana siswa dan wali siswa hanya bisa melihat hasil dari kemampuan siswa tersebut pada akhir masa pembelajaran atau yang kita kenal dengan istilah pembagian raport siswa. Sistem ini dirasa kurang optimal untuk pemantau kemampuan siswa secara keseluruhan, karena sistem ini hanya memberikan hasil akhir dari segala aktivitas belajar yang dijalani oleh seorang siswa, sehingga prosesproses pembelajaran yang dijalani seorang siswa dari hari ke hari tidak terpantau. Berdasarkan uraian tersebut diatas, maka penulis dalam kesempatan ini merasa tertarik untuk mengangkat topik mengenai lembaga pendidikan sekolah dalam menyediakan fasilitas pemantauan informasi pengecekan absensi dan informasi nilai siswa dengan judul “SISTEM INFORMASI
3
NILAI AKADEMIK SISWA BERBASIS WEB” (studi kasus: SMU Muhammadiyah 7 Sawangan)
1.2. Rumusan Masalah Berdasarkan latar belakang yang telah dijelaskan sebelumnya, maka rumusan masalah ialah: Bagaimana membuat sebuah aplikasi sistem informasi nilai akademik siswa berbasis web pada sekolah SMU Muhammadiyah 7 Sawangan?
1.3 Batasan Masalah Berdasarkan pertimbangan diatas maka batasan masalah adalah: a. Aplikasi ini diperuntukan Lembaga Pendidikan SMU Muhammadiyah 7 Sawangan yang digunakan pihak sekolah b. Aplikasi ini melakukan transaksi pengecekan absensi dan informasi nilai ( ulangan harian, Tugas, Ujian Tengah Semester, Ujian akhir Semester, total Nilai) siswa.
1.4 Tujuan dan Manfaat Penelitian 1.4.1
Tujuan Penelitian Penulis mengangkat topik penelitian ini adalah bertujuan untuk membantu pihak sekolah dan orang tua dalam memantau nilai akademik siswa SMU Muhammadiyah 7 Sawangan melalui sebuah aplikasi berbasis web dan diharapkan aplikasi ini dapat
4
memberikan informasi kepada pihak sekolah dan orang tua secara efektif dan efisien yang berkaitan dengan siswa yang belajar di SMU Muhammadiyah 7 Sawangan. 1.4.2 Manfaat Penelitian a. Manfaat Bagi Penulis 1. Dapat memberikan kontribusi positif dalam dunia pendidikan yang dalam hal ini adalah membantu proses penyampaian informasi nilai akademik siswa. 2. Memperoleh ilmu bagaimana untuk membuat website dan mengetahui
sebarapa
pengaruhnya
dalam
membantu
perkembangan belajar. 3. Untuk memenuhi salah satu syarat kelulusan Strata Satu (S1) Teknik Informatika UIN Syarif Hidayatullah Jakarta. b. Manfaat Bagi Lembaga Pendidikan 1. Diharapkan
aktivitas
Administrasi
pada
sebuah
lembaga
pendidikan dapat tercatat dengan rapi dan efisien, baik yang berhubungan dengan media, waktu maupun tenaga. 2. Dengan sistem yang dijalankan diharapkan akan memperkecil tindak keteledoran karena kekurangtelitian seorang instruksi untuk mengecek absensi, melihat materi, dan juga menuliskan nilai siswa yang dibimbingnya.
5
c. Manfaat Bagi umum Dengan penelitian yang dilakukan, semoga dapat memberikan kontribusi pemikiran tentang teknologi informasi bagi masyarakat pada umumnya, khususnya bagi kalangan pendidikan dalam hal ini adalah pihak sekolah dan orang tua siswa serta civitas akademika kampus UIN Syarif Hidayatullah Jakarta.
1.5 Metodologi Penelitian Untuk mencapai tujuan penelitian, maka dalam penelitian ini penulis menggunakan metode-metode sebagai berikut: A. Metode Pengumpulan Data 1.
Observasi Metode pengumpulan data dengan melakukan pengamatan atau datang langsung kelokasi penelitian.
2.
Studi Kepustakaan Pengumpulan buku- buku yang dijadikan sebagai acuan untuk pembuatan
dan
penyampain
sistem
informasi
memantau perkembangan kemampuan siswa berbasis web. 3.
Wawancara Metode pengumpulan data dengan mengajukan pertanyaan – pertanyaan kepada pihak- pihak terkait yang berhubungan dengan kegiatan penelitian
6
B. Metode Pengembangan Sistem Metode
yang
penulis
gunakan
dalam
melakukan
pengembangan sistem aplikasi yaitu SDLC (System Development Life Cycle) dengan model proses waterfall, Prahasta, (2000: 223). Dalam model ini terdapat beberapa tahapan pengembangan sistem, yang dapat diuraikan sebagai berikut 1. Perencanaan yaitu mengumpulkan kebutuhan pada tingkat sistem, tingkat bisnis strategis dan tingkat area bisnis, seperti melakukan feasibility study, alokasi waktu, dan menentukan cakupan aplikasi sistem informasi pemantauan perkembangan siswa 2. Analisis (analysis), Yaitu membuat analisis workflow manajemen sistem yang sedang berjalan. 3. Perancangan (design), Yaitu membuat desain workflow manajemen dan desain sistem yang diperlukan untuk pengembangan sistem informasi yang diusulkan. 4. Pemrograman (Coding), Tahap ini sering disebut juga sebagai tahap implementasi perangkat lunak atau coding. Dengan kata lain, pada tahap ini dilakukan implementasi hasil rancangan ke dalam baris-baris kode program yang dapat dimengerti oleh mesin (komputer).
7
5. Implementasi (Implementasi) Yaitu menerapkan sistem informasi yang telah dibuat untuk digunakan user. 6. Pengoperasian dan Pemeliharaan (operation and maintenance), Yaitu kegiatan untuk mendukung beroperasinya aplikasi sistem informasi.
1.6 Sistematika Penulisan Untuk memberikan gambaran yang jelas dan sistematis, penulis akan menyusun penelitian menjadi 5 (lima) bab dengan urutan sebagai berikut: BAB I :
PENDAHULUAN Dalam bab ini berisi uraian tentang latar belakang penulisan, perumusan masalah,
batasan masalah, tujuan dan manfaat
penulisan , metodologi penelitian dan sistematika penulisan. BAB II : TINJAUAN PUSTAKA Dalam bab ini akan diuraikan secara singkat teori pembuatan sistem informasi, perangkat keras dan perangkat lunak yang mendukung dalam pemnbuatan aplikasi web. BAB III : METODOLOGI PENELITIAN Dalam bab ini akan diuraikan metode-metode pengumpulan data yang dilakukan penulis serta serta metode perancangan laporan tugas akhir yang dibuat.
8
BAB IV : HASIL DAN PEMBAHASAN Dalam bab ini berisi tentang cara mengimplemantasikan sistem antar muka yang telah dibuat, dan pengujian sistem. BAB V : KESIMPULAN DAN PENUTUP Bab ini
memuat kesimpulan dan saran-saran
dari proses
perancangan, implementasi sistem, juga keterbatasan– keterbatasan yang ditemukan dan asumsi-asumsi yang dibuat selama melakukan tugas akhir.
BAB II LANDASAN TEORI
2.1 PERKEMBANGAN DAN KEMAMPUAN 2.1.1 Definisi Perkembangan dan Kemampuan Menurut Chaplin (2002 : 4). Perkembangan adalah perubahan yang berkesinambungan dan progresif dalam organisme, mulai dari lahir sampai mati. Menurut Reni Akbar Hawadi, perkembangan secara luas menunjuk pada keseluruhan proses perubahan dari potensi yang dimiliki individu dan tampil dalam kualitas kemampuan, sifat dan ciri-ciri yang baru. Menurut F.J. Monks, (2002 : 25). Pengertian perkembangan menunjuk pada suatu proses kearah yang lebih sempurna dan tidak dapat diulang kembali. Perkembangan menunjuk kepada sifat yang tetap dan tidak dapat diputar kembali. Perkembangan juga dapat diartikan sebagai proses yang kekal dan tetap yang menuju kearah suatu organisasi pada tingkat
integrasi
yang
lebih
tinggi,
beradasarkan
pertumbuhan,
pematanagn dan belajar. Santrock (2003 : 36). Menjelaskan pengertian perkembangan sebagai berikut : ”development is the pattern of change that begin at conception and continous throught the life span. Most development involves growth, although it includes decay (as in death and dying). The pattern of movement is complex because it is product of Cseveral processes-biological, cognitive, and socio motional.”
9
10
Kesimpulan umum yang dapat ditarik dari berbagai definisi diatas adalah bahwa perkembangan tidak terbatas pada pengertian pertumbuhan yang sermakain membesar, melainkan didalamnya juga terkandung serangkaian perubahan yang berlangsung secara terus menerus dan bersifat tetap dari fungsi-fungsi jasmaniah dan rohaniah yang dimiliki individu menuju ketahap kematangan melaui proses pertumbuhan, pematangan dan belajar Menurut Chaplin (1997 : 34), “ability (kemampuan), kecakapan, ketangkasan, bakat, kesanggupan) merupakan tenaga (daya kekuatan) untuk melakukan suatu perbuatan“ Menurut Robbins, (2000 : 46) “Kemampuan bisa merupakan kesanggupan bawaan sejak lahir, atau merupakan hasil latihan atau praktek”. Dari pengertian-pengertian tersebut, dapat disimpulkan bahwa kemampuan (ability) adalah kecakapan atau potensi menguasai suatu keahlian yang merupakan hasil latihan atau praktek dan digunakan untuk mengerjakan sesuatu yang diwujudkan melalui tindakannya. Lebih lanjut Robbins (2000 : 46-48) menyatakan bahwa kemampuan terdiri dari dua faktor, yaitu : 1. Kemampuan intelektual (Intelectual ability) Merupakan kemampuan melakukan aktivitas secara manual. 2. Kemampuan fisik (Physical ability)
11
Merupakan kemampuan melakukan aktivitas berdasarkan stamina kekuatan dan karakteristik fisik.
2.2 KONSEP DASAR SISTEM INFORMASI 2.2.1 Konsep Dasar Sistem Menurut Jogianto (1999: 1). Suatu sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan berkumpul bersama-sama untuk melakukan suatu kegiatan atau untuk menyeleasikan suatu sasaran tertentu. Pendekatan sistem yang lebih menekankan pada elemen atau kelompoknya mendefinisikan sistem sebagai berikut: Sistem
adalah
kumpulan
dari elemen-elemen
yang
berinteraksi untuk mencapai suatu tujuan tertentu. Suatu sistem mempunyai karakteristik atau sifat-sifat yang tertentu yaitu : 1. Komponen sistem (Components) Suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi, yang bekerja sama membentuk suatu kesatuan. Komponen-komponen sistem tersebut dapat berupa suatu bentuk subsistem. Suatu sistem dapat mempunyai sistem yang lebih besar, yang disebut dengan supra sistem. 2. Batas sistem (Boundary)
12
Batas sistem merupakan daerah yang membatasi antara sistem dengan sistem lainnya atau sistem dengan lingkungan luarnya. Batasan sistem ini memungkinkan suatu sistem dipandang sebagai satu kesatuan yang tidak dapat dipisah-pisahkan. 3. Lingkungan luar (Environment) Bentuk apapun yang ada diluar ruang atau batasan sistem yang mempengaruhi operasi sistem tersebut dengan lingkungan luar sistem. Lingkungan luar sistem dapat menguntungkan dan dapat juga merugikan. 4. Penghubung sistem (Interface) Penghubung sistem adalah media yang menghubungkan sistem
dengan
sistem
yang
lainnya.
Penghubung
ini
memungkinkan sumber-sumber daya mengalir dari suatu sub sistem ke subsitem yang lainnya. Keluaran suatu subsistem akan menjadi masukan untuk subsistem yang lain dengan melewati penghubung. 5. Masukan subsistem (Input) Masukan adalah Energi yang dimasukan kedalam sistem. Masukan dapat berupa masukan perawatan dan masukan sinyal. Energi yang dimasukan agar sistem dapat beroperasi disebut masukan perawatan. Begitupun sebaliknya. 6. Keluaran sistem (Output)
13
Hasil dari energi yang diolah dan diklasifikasikan akan menjadi keluaran yang berguna. Keluaran ini merupakan masukan bagi subsistem yang lain. 7. Pengolahan sistem (Procces) Suatu sistem dapat mempunyai suatu proses yang akan merubah masukan menjadi keluaran. 8. Sasaran sistem (Objective) dan tujuan (Goal) Suatu sistem memiliki sasaran dan tujuan yang pasti dan bersifat deterministic. Kalau sistem tidak memiliki sasaran, maka operasi sistem tidak ada gunanya. Suatu sistem dikatakan berhasil bila mengenai sasaran atau tujuan yang telah direncanakan.
Subsistem
Subsistem
Input
Pengolahan
Output
Gambar 2. 1 Karakteristik suatu sistem (sumber:Jogianto, 1999:7)
Subsistem
Subsistem
14
Menurut Jogianto (1999: 7) Sistem dapat diklasifikasikan dari beberapa sudut pandang, seperti contoh sistem yang bersifat abstrak, sistem alamiah dan sistem yang bersifat deterministic dan sistem yang bersifat terbuka dan tertutup. 1.
Sistem Abstrak (abstract system) dan sistem fisik (physical system) Sistem abstrak adalah sistem yang berupa pemikiran atau ideide yang tidak tampak secara fisik. Sedangkan sistem fisik merupakan sistem yang ada secara fisik.
2. Sistem Alamiah (natural system) dan sistem buatan manusia (human mode system). Sistem alamiah adalah sistem yang terjadi melalui proses alami, tidak dibuat oleh manusia. Sedangkan sistem buatan adalah sistem yang melibatkan hubungan manusia dengan mesin. 3. Sistem tertentu (Deterministic system) dan sistem tak tentu (Probabilistic system). Sistem Deterministic adalah sistem yang beroperasi dengan tingkah laku yang dapat diprediksi. Sedangkan sistem Probabilistic adalah sistem yang kondisi masa depannya tidak dapat diprediksi. 4.
Sistem terbuka (open system) dan sistem tertutup (closed system)
15
Sistem tertutup adalah sistem yang tidak berhubungan dan tidak terpengaruhi oleh lingkungan luarnya. Sedangkan sistem terbuka adalah sistem yang berhubungan dan dipengaruhi oleh lingkungan luarnya.
2.2.2 Konsep Dasar Informasi Menurut Jogianto (1999 : 9). Informasi ibarat darah yang mengalir didalam tubuh suatu organisasi, sehingga informasi ini sangat penting didalam organisasi. Informasi dapat didefinisikan sebagai hasil dari pengolahan data dalam suatu bentuk yang lebih berguna dan lebih berarti bagi penerimanya yang menggambarkan suatu kejadian-kejadian (event) yang nyata (fact) yang digunakan untuk pengambilan keputusan. Sumber informasi adalah data. Data adalah kenyataan yang menggambarkan suatu kejadian dan kesatuan nyata. Kejadian adalah sesuatu yang terjadi pada saat yang tertentu. Misalnya informasi “menabrak” merupakan informasi yang kurang jelas. Informasi ini hanya menerangkan suatu kejadian saja, yaitu menabrak. Kesatuan nyata, yaitu apa yang ditabrak, oleh siapa, dengan apa dan dimana tidak dijelaskan oleh informasi tersebut. Supaya informasi lebih berguna dan lebih mempunyai arti bagi penerimanya,
16
2.2.3 Siklus Informasi Data merupakan bentuk yang masih mentah, belum dapat bercerita banyak, sehingga perlu diolah lebih lanjut. Data diolah melalui suatu model untuk menghasilkan informasi. Data dapat berbentuk simbol-simbol semacam huruf-huruf
atau alphabet,
angka-angka, bentuk-bentuk suara, sinyal-sinyal, gambar-gambar dan sebagainya.
DATA SAY EE A RAJA MBA DNG OM PUTER
INFORMASI
DIOLAH
(belum berarti)
SAYA SEDANG BELAJAR KOMPUTER
(Bentuk yang lebih berarti) Gambar 2.2 Data yang diolah Menjadi Informasi (sumber: Jogianto, 1999:10)
2.2.4 Konsep Dasar Sistem Informasi Sistem informasi dapat didefinisikan sebagai suatu sistem didalam suatu organisasi yang merupakan kombinasi dari orangorang, fasilitas, teknlogi, media, prosedur-prosedur dan pengendalian yang ditujukan untuk mendapatkan jalur komunikasi penting, memproses tipe transaksi rutin tertentu, memberi sinyal kepada manajemen dan yang lainnya terhadap kejadian-kejadian internal dan
17
eksternal yang penting dan menyediakan suatu dasar informasi untuk pengambilan keputusan yang cerdik.
2.2.5 Komponen Sistem Informasi Menurut Hartono (1999: 697). Sistem informasi dapat terdiri dari komponen-komponen yang disebut dengan istilah blok bangunan (building block), yaitu blok masukan (input block), blok model (model block), blok keluaran (output block) dan blok teknologi (technology block), blok dasar data (database block) dan blok kendali (control block). Sebagai suatu sistem, keenam blok tersebut masing-masing saling berinteraksi satu dengan yang lainnya membentuk satu kesatuan untuk mencapai sasarannya. Pemakai
Input
Pemakai
Model
Output
Pemakai
Pemakai Teknologi
Dasar data
Pemakai
Kendali
Pemakai
Gambar 2.3 Blok Sistem Informasi yang Berinteraksi (sumber: Jogianto, 1999:15)
a. Blok Masukan, input mewakili data yang masuk kedalam sistem informasi. Input disini termasuk metode-metode dan
18
media untuk menangkap data yang akan dimasukkan, yang dapat berupa dokumen-dokumen dasar. b. Blok Model, blok ini terdiri dari kombinasi prosedur, logika dan model matematik yang akan memanipulasi data input dan data yang tersimpan didasar data dengan cara yang sudah tertentu untuk menghasilkan keluaran yang diinginkan. c. Blok Keluaran, produk dari sistem informasi adalah keluaran yang merupakan informasi yang berkualitas dan dokumentasi yang berguna untuk semua tingkatan manajeman serta semua pemakai sistem. d. Blok Teknologi, teknologi merupakan “kotak alat” (tool box) dari pekerjaan sistem informasi. Teknologi digunakan untuk menerima input,
menjalankan
model,
menyimpan
dan
mengakses data, menghasilkan dan mengirimkan keluaran dan membantu pengendalian dari sistem keseluruhan. Teknologi terdari dari dua bagian utama, yaitu perangkat lunak (software) dan perangkat keras (hardware). e. Blok Basis Data, basis data merupakan kumpulan dari data yang saling berhubungan satu dengan yang lainnya, tersimpan diperangkat keras komputer dan digunakan perangkat lunak untuk memanipulasinya. Data perlu disimpan didalam dasar data untuk keperluan penyediaan informasi lebih lanjut. Data didalam basis data perlu diorganisasikan sedemikian rupa,
19
supaya informasi yang dihasilkan berkualitas. Organisasi data yangbaik
juga
berguna
untuk
efesiensi
kapasitas
penyimpanannya. Basis data diakses atau dimanipulasi dengan menggunakan perangkat lunak yang disebut dengan DBMS (database manajeman system). f. Blok Kendali, supaya sistem informasi dapat berjalan sesuai dengan yang diinginkan, maka perlu diterapkan pengendalianpengendalian didalamnya. Banyak hal yang dapat merusak sistem informasi, seperti misalnya bencana
alam, api,
temperatur, air, debu, kegagalan sistem itu sendiri, sabotase dan lain sebagainya. Beberapa pengendali harus dirancang dan diterapkan untuk meyakinkan bahwa hal-hal yang dapat merusak sistem dapat dicegah ataupun bila terlanjur terjadi kesalahan-kesalahan dapat langsung cepat diatasi.
2.3 BAGAN ALIR DOKUMEN Bagan alir dokumen (document flowchart) atau disebut juga bagan alir formulir (form flowchart) atau paperwork flowchart, menurut Jogiyanto (1999:800) merupakan bagan alir yang menunjukkan arus dari laporan dan formulir termasuk tembusan-tembusannya. Bagan alir dokumen ini menggunakan simbol-simbol yang sama dengan yang digunakan di dalam bagan alir sistem.
20
Proses Menunjukkan kegiatan proses dari operasi program komputer. Gambar 2.4. Simbol Proses
Dokumen Menunjukkan dokumen input output baik untuk proses manual, mekanik atau komputer. Gambar 2.5. Simbol Dokumen
Kegiatan Manual Menunjukkan pekerjaan manual. Gambar 2.6. Simbol Kegiatan Manual
Terminal Digunakan untuk menunjukkan awal dan akhir program. Gambar 2.7. Simbol Terminal
Simpanan Offline Menunjukkan simpanan secara manual.
Gambar 2.8. Simbol Simpanan Offline
Keputusan Menunjukkan pengambilan keputusan.
Gambar 2.9. Simbol Keputusan
21
Garis Alur Menunjukkan arus dari proses.
Gambar 2.10. Simbol Garis Alur
2.4
ALAT PERANCANGAN SISTEM Perancangan sistem adalah tahap dalam pengembanga sistem yang dilakukan setelah tahap analisa sistem, dimana dalam tahap ini seorang analis sistem akan merancang dan membentuk sistem tersebut.
Entity Relationship Diagram
Data Dictionary
Data Flow Diagram
State Transition Diagram
Gambar 2.11. Struktur Model Analisis (Sumber : Pressman, 2002 : 354)
2.4.1 Data Flow Diagram (DFD) Pendekatan
analisa
terstruktur
diperkenalkan
oleh
DeMarco (1978) dan Gane Sarson (1979) melalui buku metodologi terstruktur analisa dan sistem informasi. Menggunakan data flow diagram (DFD) dalam menggambarkan atau membuat model sistem yang lebih menekankan pada segi proses. Pengertian secara
22
umum dari data flow diagram ini adalah suatu network yang menggambarkan suatu sistem outomata/komputerisasi, manualisasi atau gabungan dari keduanya, yang penggambarannya disusun dalam bentuk kumpulan komponen sistem yang berhubungan sesuai dengan aturan mainnya. Keuntungan dari DFD adalah memungkinkan untuk menggambarkan sistem dari level yang paling tinggi kemudian munguraikannya menjadi level yang lebih rendah (dekomposisi), sedangkan kekurangan dari DFD adalah tidak
menunjukkan
proses
pengulangan
(looping),
proses
keputusan dan proses perhitungan. Simbol atau lambang yang digunakan dalam membuat data flow diagram sebagai berikut : External Entity Simbol ini digunakan untuk menggambarkan asal atau tujuan Gambar 2.12. External Entity
Proses Simbol
ini
digunakan
untuk
proses
pengolahan atau transformasi data. Gambar 2.13. Proses
Data Flow Simbol
ini
digunakan
untuk
menggambarakan aliran data yang berjalan. Gambar 2.14. Data Flow
23
Data Store Simbol ini digunakan untuk menggambarkan data flow
yang
sudah
disimpan
atau
diarsipkan. Gambar 2.15. Data Store
Langkah-langkah di dalam membuat data flow diagram di bagi menjadi 3 (tiga) tahap atau tingkat konstruksi DFD, yaitu sebagai berikut: 1. Diagram Konteks Diagram ini dibuat untuk menggambarkan sumber serta tujuan data yang akan diproses atau dengan kata lain diagram tersebut digunakan untuk menggambarkan sistem secara umum/global dari keseluruhan sistem yang ada. 2. Diagram Nol Diagram ini dibuat untuk menggambarkan tahapan proses yang ada di dalam diagram konteks, yang penjabarannya lebih terperinci.. 3. Diagram Detail Diagram ini dibuat untuk menggambarkan arus data secara lebih mendetail dari tahapan proses yang ada di dalam diagram nol.
24
2.4.2 Entity Relationship Diagram (ERD) Prahasta ( 2005 : 386). Model Entity-Relationship adalah dunia nyata yang diterjemahkan atau ditransformasikan dengan menggunakan sejumlah perangkat konseptual sehingga menjadi diagram relasi antar entity. Model Entity-Relationship (ER) yang berisi komponen-komponen entity set dan relationship set yang masing-masing
dilengkapi
dengan atribut-atribut
yang
merepresentasikan seluruh fakta dari sebagian dunia nyata, dapat digambarkan
dengan
menggunakan Diagram
lebih
baik
dan
sistematis
dengan
Entity-Relationship (Diagram E-R).
adapun simbol-simbol dan notasi yang digunakan di dalam penulisan. Persegi Panjang Persegi panjang yang merepresentasikan entity set. Gambar 2.16. Persegi Panjang
Ellips Ellips yang menyatakan atribut-atribut entity set. Gambar 2.17. Ellips
Belah Ketupat Belah
ketupat
(diamond)
menggambarkan relationship set. Gambar 2.18. Belah Ketupat
yang
25
Garis Garis yang menghubungkan antara entity set dengan atribut-atributnya dan antara entity set dengan relationship setnya. Gambar 2.19. Garis
2.4.3
Kamus Data Seperti halnya kamus bahasa yang berfungsi menjelaskan lebih
detail suatu kata maupun kalimat, kamus data yang digunakan dalam analisa struktur dan desain sistem informasi juga merupakan suatu katalog yang menjelaskan lebih detail tentang data flow diagram yang mencakup proses, data flow dan data store. Apabila didefinisikan kamus data adalah katalog fakta tentang data dan kebutuhan-kebutuhan informasi dari suatu sistem informasi. Dengan kamus data sistem analisis dapat didefinisikan data yang mengalir pada sistem dengan lengkap. Perancangan kamus data digunakan untuk merancang input, output/laporan dan database. Kamus data dan komponen-komponen lainnya yang dikumpulkan pada saat analisis sistem sangat dibutuhkan dalam perancangan sistem, kamus data juga berfungsi untuk menghindari penggunaan kata-kata yang sama, karena kamus data disusun menurut abjad.
26
Kamus data atau data dictionary harus dapat mencerminkan keterangan yang jelas tentang data yang dicatatnya. Notasi yang digunakan dalam kamus data, yaitu: Notasi
Keterangan
=
Terdiri dari
+
Dan
()
Opsional (boleh ada boleh tidak)
{}
Pengulangan
[]
Memilih salah satu dari sejumlah alternatif
**
Komentar
@
Identifikasi atribut kunci
2.4.4
State Transition Diagram (STD) Menurut Pressman (2002:326), state transition diagram
merupakan: “suatu modeling tools yang menggambarkan sifat ketergantungan dari suatu sistem”. Notasi yang digunakan pada STD adalah state dan perubahan state. State adalah suatu kumpulan dari tingkah laku yang dapat diobservasi. STD mewakili suatu tingkah laku dari suatu sistem dengan menggambarkan state dan kejadian yang menyembabkan sistem ke state yang lain. Ada beberapa notasi yang digunakan dalam STD yaitu:
27
1.
Keadaan Sistem Setiap kotak mewakili suatu keadaan dimana sistem mungkin berada didalam state. Disimbolkan dengan segi empat.
Gambar 2.20. Simbol State
2.
Perubahan sistem Untuk memungkinkan suatu keadaan dengan keadaan lain, digunakan jika sistem mewakili transisi dalam perilakunya, maka hanya jika suatu keadaan berubah menjadi keadaan tertentu. Disimbolkan dengan tanda panah.
Gambar 2.21. Simbol Perubahan Sistem
3.
Kondisi dan aksi Untuk melengkapi STD, dibutuhkan dua hal tambahan, yaitu kondisi sebelum keadaan berubah dan aksi dari pemakai untuk mengubah keadaan. Dibawah ini adalah ilustrasi dari kondisi dan aksi
yang
ditampilkan
disebelah
menghubungkan dua keadaan. Keadaan 1 Condition Action Keadaan 2 Gambar 2.22. Simbol Kondisi dan Aksi
anak
panah
yang
28
2.5 Apache Sever HTTP apache atau server Web/WWW Apache adalah server web yang dapat dijalankan di banyak sistem operasi (Unix, BSD, Linux, Microsoft Windows, dan Novel Netware serta flatform lainnya) yang berguna untuk melayani dan memfungsikan situs web. Protokol yang digunakan untuk melayani fasilitas web/www ini menggunakan HTTP. Apache memiliki fitur-fitur canggih seperti pesan kesalahan yang dapat dikonfigur, autentikasi yang berbasis basis data dan lain-lain. Apache juga didukung oleh sejumlah antar muka pengguna berbasis grafik (GUI) yang memungkinkan penanganan server menjadi mudah. Apache merupakan prangkat lunak sumber terbuka dikembangkan oleh komunitas terbuka yang terdiri dari pengembang-pengembang dibawah naungan Apache Software Foundation.
2.6 PhpMyAdmin PhpMyAdmin adalah apliksi berbasis web yang ditulis dalam bahasa Php yang fungsi utamanya melakukan administrasi MySql. Administrasi user MySql inilah yang akan digunakan untuk mengakses data base MySql via PHP.
Syafii,
(2004:5).
Dalam
skripsi
PhpMyAdmin sebagai tool administrasi MySql.
ini
penulis
menggunakan
29
2.7 MySQL MySQL (My Structure Query Language) atau yang biasa dibaca “mai-se-kuel” adalah sebuah program berbasis DOS yang bersifat open Source, artinya siapa saja boleh menggunakannya dan tidak di cekal. MySQL adalah produk yang berjalan pada platform baik windows maupun Linux. Selain itu, MySQL merupakan program pengakses database yang bersifat jaringan sehingga dapat digunakan untuk Multi User (banyak pengguna). Kelebihan lain dari MySQL adalah ia menggunakan bahasa Query standar yang dimiliki SQL (Structure Query Language). SQL adalah suatu bahasa permintaan yang terstruktur yang telah distandarkan untuk semua program pengakses database seperti Oracle, Posgres SQL, SQL Server, dan lain-lain. Sebagai program penghasil database, MySQL tidak dapat berjalan sendiri tanpa adanya sebuah aplikasi lain (interface) MySQL dapat didukung oleh hampir semua program aplikasi baik yang open source maupun yang tidak, yang ada pada platform windows seperti: VB, Delphi dan lainnya.
2.8 PHP Menurut Sutarman (2003: 9). PHP merupakan akronim dari PHP: Hypertext Prepocessor adalah bahasa pemrograman script berbasis web yang paling banyak dipakai saat ini. PHP banyak dipakai untuk memrogram
30
situs web dinamis, walaupun tidak tertutup kemungkinan digunakan untuk pemakaian lain. Untuk menjalankan sistem PHP dibutuhkan tiga komponen: 1.
Web server, karena PHP termasuk bahasa pemrograman server side.
2.
Program PHP, program yang memproses script PHP.
3.
Database server, yang berfungsi untuk mengelola database.
Kelebihan PHP dari bahasa pemrogaraman lain adalah: 1.
Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaannya.
2.
Web server yang mendukung PHP dapat ditemukan dimana-mana dari mulai IIS sampai dengan apache, dengan konfigurasi yang relatif mudah.
3.
Dalam isi pengembangan lebih mudah, karena banyaknya milis-milis dan developer yang siap membantu dalam pengembangan.
4.
Dalam isi pemahaman, PHP adalah bahasa scripting yang paling mudah karena referensi yang banyak.
5.
PHP adalah bahasa open source yang dapat digunakan diberbagai mesin (linux, unix, windows) dan dapat dijalankan secara runtime melalui console serta juga dapat menjalankan perintah-perintah sistem.
31
2.9
STUDI SEJENIS Dibawah ini akan dipaparkan beberapa penelitian yang pernah ada yang berkaitan dengan pengolahan data nilai siswa, yang digunakan penulis sebagai bahan dalam pertimbangan, Hutomo (2007:58) dalam penulisan ilmiahnya yang berjudul “Pembuatan Raport On-Line SMA negeri 104 jakarta berbasis web dengan menggunakan Dreamweaver MX, PHP dan MySQL”. Menjelaskan pembuatan aplikasi raport on-line menggunakan php, MySQL dan Dreamweaver 2004 MX, kekurangan yang dapat dilihat oleh penulis dalam penelitian ilmiah ini adalah sebagai berikut 1. Sistem ini menggunakan pemrograman terstruktur, sehingga sangat menyulitkan pengembang saat perubahan pada blok-blok kode awal, sebab pengembang harus membuat perubahan kode-kode dimana pun kode awal itu ditulis. 2. Sistem ini tidak menyediakan layanan komunikasi antara wali murid dan wali kelas. Sehingga tidak terjalinya komunikasi yang baik antara wali murid dan wali kelas. Adapun kelebihan yang dilihat penulis dalam penulisan ilmiah ini adalah sebagai berikut: 1. Sistem ini menyediakan layanan melihat nilai raport on-line untuk siswa dan wali murid. 2. Format laporan rapor on-line sesuai dengan format raport aslinya. 3. Disediakannya fasilitas untuk mencetak raport.
32
Tulistiko (2005:48) dalam tugas akhirnya yang berjudul „Aplikasi Nilai Raport di SMU 43 Dengan menggunakan MS. Visual Basic 6.0”. Menjelaskan pembuatan aplikasi nilai raport menggunakan pemrograman Ms. Visual Basic 6.0 dan Ms. Access. Dengan adanya program ini diharapkan dapat membantu guru dalam mendapatkan laporan penilaian hasil belajar murid yang pasti dan akurat. Kekeurangan yang dapat dilihat penulis dalam penulisan tugas akhir ini adalah : 1. Sistem ini tidak berbasis web, sehingga sistem ini hanya digunakan pada komputer yang telah yang telah memiliki atau menginstal aplikasi nilai raport ini. 2. sistem ini tidak menyediakan layanan untuk siswa dan wali murid untuk melihat nilai hasil belajar. 3. Sistem ini membutukan biaya yang mahal, karena program yang digunakan adalah program berbayar bukan open source. Adapun kelebihan yang dapat diliahat penulis dalam penulisan tugas akhir ini adalah sebagai berikut : 1. Pengolahan data nilai ini melibatkan guru mata pelajaran sehingga wali kelas tidak terlalu dibebani dalam mengolah data ini. 2. Hasil cetak laporan raport sesuai dengan format raport aslinya. Dari penjelasan beberapa penelitian diatas penulis mengambil judul “Sistem Informasi Nilai Akademik Siswa Berbasis Web” karena dari hasil penelitian diatas belum diambil sistem informasi tersebut yang dikhususkan dalam hal pengecekan nilai dan absensi siswa. Dalam pengembangan sistem ini penulis
33
mencoba memanfaatkan kelebihan dan memperbaiki kekurangan-kekurangan penulis yang telah dijelaskan diatas, yaitu : 1. Dalam pengembangan sistem ini, penulis akan menggunakan metodologi System Development Life Cycle (SDLC). Karena metodologi ini adalah metodologi iterasi (berulang) sehingga dapat melakukan perbaikan secara terus menerus, pada awal siklus akan dijelaskan bisnis proses dan rekruitmen akan dijelaskan secara detail sehingga ketidakmengertian pada awal siklus dapat diatasi. 2. Penulis menggunakan program PHP sedangkan untuk database penulis menggunakan MySQL karena keduanya pemrograman yang bersifat open source. Maksudnya siapa saja boleh menggunakan tanpa harus membeli program tersebut. Sehingga dalam pengembanganm sistem ini tidak membutukan biaya yang mahal. 3. Metode yang digunakan adalah metodologi berorientasi objek sehingga akan memudahkan sistem untuk dikembangkan lagi tanpa harus menyulitkan pengembang saat terjadi perubahan pada blok-blok kode.
BAB III METODOLOGI PENELITIAN
3.1 Metode Pengumpulan Data Untuk memperoleh data dan informasi dalam menyusun skripsi, maka diperlukan metode dalam pengumpulan data. Adapun metode pengumpulan data yang digunakan penulis dalam memperoleh data yaitu : 1.
Observasi Metode pengumpulan data dengan melakukan pengamatan atau datang langsung kelokasi penelitian.
2.
Studi Kepustakaan Pengumpulan buku-buku yang dijadikan sebagai acuan untuk pembuatan dan penyampain sistem informasi nilai akademik siswa berbasis web. Daftar Pustaka dapat dilihat pada halaman 101.
3.
Wawancara Metode pengumpulan data dengan mengajukan pertanyaan – pertanyaan kepada pihak- pihak terkait yang berhubungan dengan
kegiatan
penelitian.
dalam
hal
ini
penilis
mewawancarai Bapak Muhamad Iqbal selaku wakil kepala sekolah, Dedi Haryadi Staff Tata Usaha administrasi, Tatang Suryana, SE. MM, selaku instruktur di SMU Muhammadiyah 7 Sawangan Depok. Isi wawancara terlampir.
34
35
3.2. Metode Pengembangan Sistem Dalam sebuah perancangan perangkat lunak diperlukan model-model proses atau paradigma rekayasa perangkat lunak berdasarkan sifat aplikasi dan proyeknya, metode dan alat bantu yang dipakai, dan kontrol serta penyampaian yang dibutuhkan. Pressman (2002: 27) menyebutkan ada beberapa model dari proses perangkat lunak, yaitu diantaranya: Model Sekuensial Linear, Model Prototipe, Model RAD (Rapid Application Development), Model Evolusioner, SDLC (System Development Live Cycle), dan Model Formal. Metode pengembangan sistem yang digunakan dalam penulisan skripsi ini menggunakan metode System Development Live Cycle (SDLC) siklus hidup pengembangan sistem. Fase pengembangan sistem aplikasi disebut sebagai siklus hidup poengembangan sistem informasi yang secara garis besar terdiri dari enam langkah. Model proses yang digunakan untuk mengembangkan sistem ini adalah : Perencanaa Analisis Perancanga Pemrograman Pengujian Operasi &
Gambar 3.1 Pengembangan Sistem dengan Model Waterfall (sumber: Pressman, 1999:354)
36
3.2.1 Perencanaan Sistem Dalam tahap ini ada beberapa poin penting yang perlu dibuat dalam pembuatan aplikasi sistem informasi memantau perkembangan kemampuan siswa berbasis web, antara lain : a. Feasibility study, yaitu membuat studi kelayakan untuk sistem
yang
akan
dibuat,
seperti
mempelajari
bagaimana proses sistem yang sedang berjalan, agar didapat kesimpulan apakah sistem yang akan dibuat dapat memperbaiki kekurangan sistem yang sedang berjalan. Lebih jelasnya dapat dilihat pada Bab IV hal. 37. b. Cakupan (scope), yaitu menentukan batasan ruang lingkup sistem yang akan dibangun, dalam kasus ini yaitu Sistem Informasi Memantau Perkembangan Kemampuan Siswa Berbasisi Web (Studi Kasus : SMU Muhammadiyah 7 Sawangan). Lebih jelasnya dapat dilihat pada Bab IV hal. 37.
3.2.2 Analisis Pada tahap ini penulis menganalisis struktur dan alur sistem pada
sistem yang sedang berjalan pada unit bagian
Administrasi SMU Muhammadiyah 7 Sawangan Depok, apakah struktur dan alur sistem telah efisien dan sesuai dengan standar
37
tertentu. Hasil analisis struktur dan alur sistem akan digambarkan dalam bentuk flow of document (FOD). Semua hasil analisis akan didokumentasikan dan dipakai sebagai pedoman saat melakukan design sistem. Dalam tahap analisis ini akan diuraikan mengenai : 1. Gambaran umum organisasi, akan diuraikan secara singkat tentang profil lembaga pendidikan tempat dilakukannya Observasi. dapat dilihat pada Bab IV halaman 38. 2. Sistem informasi yang sedang berjalan, serta diuraikan mengenai tahapan proses dari sistem informasi yang sedang berjalan, yang digambarkan dengan flow of document dapat dilihat pada tabel 4.1 3. Identifikasi masalah dari struktur dan alur sistem yang sedang berjalan. dapat dilihat hal.39
3.2.3 Perancangan Sistem Proses
perancangan
mengubah
kebutuhan-kebutuhan
menjadi bentuk karakteristik yang dimengerti perangkat lunak sebelum dimulai penulisan program. Perancangan ini harus didokumentasukan dengan baik dan menjadi bagin konfigurasi perangkat lunak.
38
Perancangan yang akan dilakukan pada pengembangan sistem yang diusulkan meliputi rancangan basis data atau database yang terdiri dari : 1.
Flow Of Document (FOD)
2.
Data Flow Diagram (DFD)
3.
Entity Relationship Diagram (ERD)
4.
Pembuatan tabel atau data struktur.
5.
State Transition Diagram (STD)
6.
Tampilan Perancangan
interface
sistem
yang
diusulkan.
3.2.4 Pemrograman Setelah dilakukan design sistem yang penulis buat, tahap berikutnya yang dilakukan adalah implementasi perangkat lunak atau coding, dimana pada tahap ini dilakukan transfer hasil design sistem ke dalam bahasa pemrograman yang telah ditentukan.
3.2.5 Pengujian Pada tahap ini penulis melakukan testing atau pengujian program secara keseluruhan dari aplikasi sistem informasi memantau perkembangan kemampuan siswa berbasis Web yang telah dibuat. Adapun testing terhadap program dapat dilakukan dengan beberapa metode, yaitu :
39
1. Unit Test, melakukan testing terhadap suatu bagian program untuk mengetahui apakah bagian program dapat berfungsi dengan baik ketika dimasukkan atau untuk menampilkan data. 2. Integration Test, melakukan testing terhadap program-program yang telah selesai secara keseluruhan, dari awal sampai akhir program. 3. User Acceptence Test, melakukan testing terhadap aplikasi yang telah selesai oleh user. Dilakukan untuk mengetahui apakah aplikasi yang dibuat dapat dimengerti dan dijalankan dengan mudah oleh user. Untuk lebih jelasnya, tahapan ini dapat dilihat pada Bab IV halaman 97.
3.2.6 Pengoperasian dan Pemeliharaan Langkah terakhir dalam siklus System Development Life Cycle (SDLC) adalah pengoperasian dan pemeliharaan yang dijalankan selama aplikasi sistem beroperasi. Pengoperasian
adalah
proses
untuk
menerapkan
mengoperasikan aplikasi sistem yang telah dibangun. Pada tahap ini, dilakukan beberapa proses, yaitu : a.
Memasang sistem (Install System)
b.
Melatih user (User Training)
dan
40
Selama aplikasi tersebut beroperasi, terdapat beberapa pekerjaan rutin yang perlu dilakukan oleh administrator terhadap sistem yang ada, antara lain : a.
Backup and Recovery
b.
System modification and enhancement
BAB IV ANALISIS DAN PEMBAHASAN
4.1 Perencanaan Sistem Dalam tahap ini, penulis melakukan beberapa hal yang sangat diperlukan sebelum ketahap analisis, yaitu feasibility study, alokasi waktu, dan menentukan cakupan aplikasi sistem Nilai Akademik Siswa berbasis web. a. Feasibility Study, pada proses ini penulis melakukan beberapa tahap, pertama Request For Study, yaitu mengajukan permintaan untuk mengkaji atau mempelajari sistem nilai akademik siswa yang ada pada SMU Muhammadiyah 7 Sawangan, kedua Initial Investigation, yaitu mencari tahu masalah-masalah dengan cara wawancara langsung kepada Bapak Muhammad Iqbal selaku Wakil Kepala Sekolah, Dedi Haryadi selaku Staf Tata Usaha Administrasi, Bapak Tatang Suryana, SE, MM, selaku instruktur di SMU Muhammadiyah 7 Sawangan. Atas dasar studi diatas penulis menyimpulkan bahwa sistem informasi yang lama tidak perlu di ganti tetapi hanya dikembangkan saja, dan sistem yang diusulkan layak untuk di dilaksanakan. b. Cakupan (Scope), sistem yang akan di bangun hanya mencakup sistem informasi nilai akademik siswa berbasis web. Yang memiliki 6 (enam) fitur utama, yaitu Home, pada fasilitas ini user dapat melihat fungsi dari pembuatan website ini. Login Siswa, fitur ini menyediakan informasi mengenai absensi dan nilai dari seorang siswa yang sedang
41
42
menempuh proses belajar mengajar. Wali Siswa, fitur ini menyediakan informasi dimana walisiswa dapat melihat informasi mengenai absensi dan nilai dari anaknya yang sedang menempuh proses belajar mengajar. Instruktur, fitur dalam sistem ini mempunyai hak untuk memeriksa
dan
memasukkan
absensi
keaktifan
siswa
yang
dibimbingnya. Selain itu instruktur juga dapat memasukkan nilai kedalam database dan dapat mengubahnya jika ada kesalahan. Jadi masing-masing instruktur hanya dapat mengakses data kelas dan siswa yang dibimbingnya saja. Kepala Sekolah, fitur yang dimiliki oleh Kepala Sekolah antara lain untuk melihat rekapitulasi data siswa, data siswa per kelas, data instruktur, serta grafik keadaan siswa per kelas. Administrasi, fitur yang dimiliki oleh administrator antara lain untuk memperbaharui, menambah dan menghapus data-data yang ada pada database.
4.2 Analisis Sistem 4.2.1 Profil Lembaga SMU Muhammadiyah 7 Sawangan berdiri sejak tahun 1966 merupakan salah satu diantara sekian banyak sekolah swasta di Kecamatan Sawangan dan merupakan Sekolah Menengah Umum (SMU) yang tertua di Kecamatan Sawangan. SMU Muhammadiyah 7 Sawangan berada dibawah binaan Pimpinan Muhammadiyah Cabang Sawangan Majlis Dikdasmen.
43
Majlis Dikdasemen Muhammadiyah Cabang Sawangan banyak membina sekolah mulai dari Taman Kanak-kanak samapai SMU atau yang sederajat yang terbesar ditiap-tiap Kelurahan di Kecamatan Sawangan. SMU Muhammadiyah 7, memiliki gedung sendiri. SMU Muhammadiyah 7 mempunyai sebuah Musholah, Perpustakaan,
Laboraturium
Komputer,
Lapangan
Basket,
Lapangan Volly, dan Lapangan Badminton. Pada saat ini SMU Muhammadiyah 7 telah memiliki siswa sebanyak 105 orang dan tenaga kerja pengajat sebanyak 15 orang yang terdiri dari para sarjana berbagai disiplin ilmu, 2 oarang tenaga tata uasaha dan 1 orang penjaga sekolah. Dengan harapan menjadi sekolah yang bermutu dan berkualitas untuk mendapatkan dan menghasilkan siswa-siswi yang terampil, maka SMU Muhammadiyah 7 membutuhkan rancangan sistem yang membantu kegiatan sekolah. Rancangan sistem ini akan memberikan informasi yang akurat, efisien dan efektif bagi Kepala Sekolah terutama dalam kegiatan pengajaran. Oleh karena itu penulis akan menerapkan sistem komputerisasi pada SMU Muhammadiyah 7.
44
4.2.2 Struktur Organisasi Gambar 4.1 berikut ini adalah struktur organisasi yang ada di Lembaga Pendidikan SMU Muhammadiyah 7 Sawangan. LEMBAGA PENDIDIKAN
Kepala Sekolah Mahyudin Muarof, S.Ag Wakasek Fahrizal, BA T.U. Administrasi Dedi Haryadi
T.U. Keuangan Rumyanah Wali Kelas Kelas I : Suryadi, S.Ag Kelas II : Syukriadi, BA Kelas III : Muhammad Iqbal
Guru Bidang Studi 1. 2. 3. 4. 5. 6. 7.
Mahyudin Muarof, S.Ag Fahrizal, BA Syukriadi, BA Drs. Noor Efendi Tazmaludin Tatang Suryana, SE, MM H. A. Qusyairi
9. Sahril Sidik 10. Suryadi, S.Ag 11. Supandi, S.Ag 12. Suparman 13. Dra. Eny Darmayanti 14. Rahma Afrianti 15. Muh. Taufik Sidik
8. Muhammad Iqbal
1. 2. 3. 4.
Komisi Disiplin Muhammad Iqbal Asep Awaludin Syahril Sidik Dedy Haryadi
Pembina Osis Dedi Haryadi Penjaga Sekolah Sanif Radin Gambar 4.1 Struktur Organisasi SMU Muhammadiyah 7 Sawangan (Tahun 2008-2009)
45
4.2.2 Analisis Sistem yang sedang berjalan Proses pemantauan perkembangan kemampuan siswa pada sistem yang sedang berjalan dilakukan dengan cara yang konvensional, dimana siswa dan walisiswa hanya bisa melihat hasil dari kemampuan siswa tersebut pada akhir masa pembelajaran atau yang kita kenal dengan istilah pembagian raport siswa. Sistem di rasa kurang baik untuk memantau kemampuan siswa secara keseluruhan, karena sistem ini hanya memberikan hasil akhir dari segala aktivitas belajar yang dijalani oleh seorang siswa, sehingga proses-proses pembelajaran yang dijalani seorang siswa dari hari ke harinya tidak terpantau. Proses pemantauan perkembangan kemampuan siswa pada sistem yang sedang berjalan (lihat tabel 4.1) di SMU Muhammadiyah 7 Sawangan dilakukan dengan tahapan sebagai berikut : 1.
Datang langsung ke lokasi a. Siswa atau Wali siswa datang langsung ke lokasi untuk mengambil dokumen prestasi (selanjutnya di sebut raport) hasil pembelajaran siswa selama proses belajar mengajar. b. Setelah Siswa atau Wali siswa mendapatkan giliran untuk proses pemgambilan raport, walikelas akan menginformasikan perkembangan kemampuan siswa
46
secara global saja dikarenakan keterbatasan waktu walikelas untuk menangani walisiswa lainnya. c. Proses akhir dari sistem yang sedang berjalan ini adalah diterimanya raport oleh walisiswa yang dapat dibawa pulang dalam jangka waktu yang telah di tentukan. Tabel 4.1 Flow of Document
Siswa/wali siswa
Instruktur
Data s iswa
Data siswa
Proses Absen
Proses Nilai
Data Absen
Data Nilai
4.2.3 Identifikasi Masalah Dengan semakin berkembangnya dunia pendidikan, proses pemantauan perkembangan kemampuan siswa pada sistem yang sedang
berjalan
masih
permasalahan maka
belum dapat
mengatasi
beberapa
diperlukan suatu aplikasi yang
dapat
47
menawarkan kemudahan memperoleh informasi dimana saja dan kapan saja, terutama dalam hal representasi informasi. Oleh karena itu sangat dibutuhkan sebuah sistem yang menyediakan fasilitas representasi informasi perkembangan kemampuan siswa dengan proses manajemen database pendidikan yang praktis dan cepat serta
didukung
dengan
informasi
yang
lengkap
tentang
perkembangan kemampuan siswa yang dibutuhkan siswa dan walisiswa. Hasil
analisis
dari
identifikasi
masalah,
SMU
Muhammadiyah 7 Sawangan sebenarnya sudah memenuhi standar lembaga pendidikan pada umumnya, lembaga pendidikan ini sudah mempunyai bagian administrasi sebagai
media representasi
informasi yang bersangkutan dengan absensi dan penilaian seorang siswa dan juga bagian kemahasiswaan sebagai media yang memantau perkembangan perilaku seorang siswa, namum pada lembaga pendidikan ini belum tersedia fasilitas untuk pemantauan perkembangan
kemampuan
siswa
secara
on-line.
Untuk
mengembangkan sistem tersebut, maka penulis mencoba untuk mengembangkan sistem pemantauan perkembangan kemampuan siswa secara on-line dengan berbasiskan web, yang mana pada sistem
ini
kita
bisa
mendapatkan
informasi
mengenai
perkembangan dan nilai siswa yang bersangkutan melalui internet dengan
membuka informasi
halaman
web
yang
berisi
48
perkembangan pendidikan siswa dengan fasilitas UserID dan password. Adapun masalah untuk pengembangan sistem yang sedang berjalan ini, yaitu : 1. Walisiswa
yang
memiliki
mobilitas
tinggi
sering
mengalami kesulitan untuk memantau perkembangan kemampuan siswa yang bersangkutan. 2. Belum tersedianya layanan pengecekan absensi dan informasi nilai siswa secara on-line. Sistem pengecekan absensi dan informasi nilai siswa masih berlangsung secara manual, dimana pihak yang bersangkutan harus datang secara
langsung
ke
lembaga
pendidikan
untuk
mendapatkan informasi yang diinginkan. 3. Belum tersedianya fasilitas pengabsenan dan penilaian secara on-line yang dapat diakses, dibuat dan dirubah oleh instruktur, sehingga pengabsenan dan penilaian siswa belum dapat direpresentasikan secara cepat dan akurat. 4.Belum tersedianya fasilitas admininstrator secara on-line dimana
administrator
dapat
memanajemen
pendidikan melalui website kapan saja.
database
49
4.3 Perancangan sistem Setelah melakukan analisis
sistem,
maka yang
dilakukan
berikutnya adalah melakukan perancanagan sistem, seperti telah dibahas di bab sebelumya, maka tahapan perancangannya adalah : 4.3.1 Perancangan struktur dan alur sistem Berdasarkin masalah-masalah yang telah didefinisikan maka aplikasi yang akan dirancang harus mampu : 1.
Menyediakan fasilitas pencarian informasi pengecekan absensi dan informasi nilai siswa secara on-line. Sehingga orang tua siswa ikut aktif mengawasi anaknya yang sedang belajar.
2.
Menyediakan fasilitas pengabsenan dan penilaian secara on-line yang dapat diakses, dibuat dan dirubah oleh instruktur, sehingga pengabsenan dan penilaian siswa dapat direpresentasikan secara cepat dan akurat. Adapun Aliran dokumen (flow of ducument) sistem informasi Nilai Akademik
siswa
pada
lembaga pendidikan
SMU
Muhammadiyah 7 Sawangan yang ingin di kembangkan secara umum dapat dilihat :
50
Tabel 4.2 Flow of Document yang Diusulkan
Siswa/wali siswa
Instruktur
Data siswa
Admin
Kepala Sekolah
Data siswa Proses Input data Sekolah
Proses Absen
Proses Nilai
Info Absen dan Nilai
Input Data Siswa
Input Data Wali Siswa
Input Data Instruktur
Data Siswa
Data Wali Siswa
Data Instruktur
Info Data ISnifsowa, Wali Data Siswa, Wali Siswa, Instruktur Siswa, Instruktur
Ketika aplikasi web ini dimulai maka akan ditampilkan halaman utama (home) dari situs web yang berisi fitur-fitur, home, login siswa, wali siswa, instruktur, kepala sekolah dan administrator. 1. Fitur Home, pada fasilitas ini user dapat melihat fungsi dari pembuatan web site ini. 2. Login Siswa dan Wali Siswa, fitur ini menyediakan informasi mengenai absensi dan nilai dari seorang siswa yang sedang menempuh proses belajar mengajar. Fitur ini juga dilengkapi dengan fasilitas UserID dan Password yang memberikan
51
keamanan data bagi setiap siswanya dan juga diberikan fitur ganti password jika siswa tersebut ingin mengganti password sesuai keinginannya. 3. Instruktur, Hak akses tingkat dua diberikan kepada para pembimbing siswa yang dalam siste ini di sebut instruktur. Karena instruktur memiliki hak akses khusus, maka halamanhalaman yang dapat diaksespun juga dibedakan. Instruktur dalam sistem ini mempunyai hak untuk memeriksa dan memasukkan absensi keaktifan siswa yang dibimbingnya. Selain itu instruktur juga dapat memasukkan nilai kedalam database dan dapat mengubahnya jika ada kesalahan. Jadi masing-masing instruktur hanya dapat mengakses data kelas dan siswa yang dibimbingnya saja. Fitur ini juga dilengkapi dengan UserID dan Password yang memberikan keamanan data bagi setiap instruktur dan fitur ganti password jika setiap instruktur ingin mengganti password sesuai keinginannya. 4. Kepala Sekolah, fitur ini menyediakan informasi mengenai data siswa (data per kelas dan rekapitulasi keseluruhan data siswa), data instruktur dan grafik keadaan siswa per kelas. Fitur ini juga dilengkapi dengan fasilitas UserID dan Password yang memberikan keamanan data bagi Kepala Sekolah dan juga diberikan fitur ganti password jika Kepala
52
Sekolah
tersebut
ingin
mengganti
password
sesuai
keinginannya. 5. Administrasi, Hak akses tingkat pertama di berikan kepada administrator. Fitur ini menampilkan beberapa data yang ada dalam database dan juga pilihan menu yang berupa link untuk mengakses data-data tertentu, seperti data siswa,
data
karyawan, data kelas, dan data materi. Hak akses yang dimiliki oleh administrator antara lain untuk memperbaharui, menambah dan menghapus data-data yang ada pada database. Fitur ini juga dilengkapi dengan UserID dan Password yang memberikan keaman data bagi administrator dan fitur ganti password jika administraor ingin mengganti password sesuai keinginannya.
4.3.2 Perancangan Data Flow Diagram (DFD) Perancangan data flow diagram dirancang untuk sebuah sistem usulan berdasarkan hasil analisis sistem usulan. Diagram ini menggambarkan secara garis besar semua masukan atau keluaran yang ada di sistem. Berikut adalah perancangan context diagram untuk sistem usulan.
53
A. Perancangan Diagram Context
Gambar 4.2 Diagram Context
54
Gambar 4.3 Diagram Overview
55
Gambar 4.4 Diagram Context Level 1 Proses 2
56
Gambar 4.5 Diagram Context Level 1 Proses 3 4.3.3 Perancangan Basis Data Setelah
perancangan
sistem
dilakukan
kemudian
penulis
merancang basis datanya dengan menggunakan alat bantu Entity Relationship Diagram (ERD) yang menggambarkan hubungan antar entitas yang ada pada DFD. Untuk mengefisiensikan dan mengefektifkan serta menghindari data yang sama, dalam basis data penulis juga
57
melakukan normalisasi. Berikut rancangan basis data yang akan dijelaskan sebagai berikut: 4.3.3.1 ERD (Entity Relationship Diagram) Model ini menjelaskan data dalam konteks entitas dan hubungan yang digambarkan oleh data tersebut. Berikut ini adalah tahap dalam menghasilkan ERD: 1. Menentukan entitas Pada tahap ini ditentukan dengan entitas-entitas yang terlibat, antara lain: instruktur
siswa
jadwal_materi
walisiswa
list_materi
kepsek
kelas
admin
Gambar 4.6 Entitas yang akan digunakan
2. Menentukan key entitas Pada tahap ini ditentukan primary key dari entitas yang akan digunakan. instruktur
jadwal_materi
list_materi
kelas
id_instruktur
id_jadwal_materi
id_list_materi
id_kelas
siswa
walisiswa
kepsek
admin
id_siswa
id_walisiswa
id_kepsek
id_admin
Gambar 4.7 Primary key tiap entitas
58
3. Menetapkan hubungan antar entitas Kemudian pada tahap ini menentukan relasi antar entitas. walisiswa id_walisiswa
me miliki
list_materi
kelas
id_list_materi
id_kelas
siswa
memiliki
id_siswa
terdiri
jadwal_materi
terdiri
instruktur memiliki
id_jadwal_materi
id_instruktur
Gambar 4.8 Relasi – relasi tiap Entitas
4. Menetapkan kardinalitas Pada tahap ini menjelaskan hubungan kardinalitas dari masing – masing relasi: walisiswa id_walisiswa
memiliki
list_materi
kelas
id_list_materi
id_kelas
memiliki
siswa id_siswa
terdiri
terdiri
jadwal_materi
instruktur memiliki
id_jadwal_materi
id_instruktur
Gambar 4.9 Hubungan kardinalitas pada relasi antar entitas
59
4.3.3.2 Normalisasi Normalisasi merupakan teknik perancangan sistem yang mengatur atribut data dalam kelompok untuk membentuk entitas yang nonredudance, stabil, fleksibel, dan mudah beradaptasi. Berikut tahap-tahap dari normalisasi. 1. Bentuk tidak normal (UNF) Bentuk tidak normal adalah kumpulan data yang akan digunakan untuk merancang basis data. Berikut adalah bentuk tidak normal dari basis data: id_instruktur nama sex alamat ttl agama pendidikan tempat pendidikan perkawinan stt_jabatan jabatan mulai masa jumlah_session jam_masuk hari_masuk status user_id password id_materi nama nama_materi session nama_kelas jenis id_kelas id_instruktur asst_1 asst_2 jumlah_session mulai jam_masuk hari_masuk status
id_data_materi nama_ materi session id_kelas nama_kelas jenis status id_siswa nama sex induk alamat tempat_lahir tanggal_lahir agama telepon pendidikan asal_sekolah nama_walisiswa id_kelas nama_kelas user_id password status
id_walisiswa id_siswa nama_walisiswa nama userid password id_kepsek user_id password nama id_admin user_id password nama
60
2. Bentuk Normal pertama (1NF) Pada gambar di atas masih banyak data yang berulang, sehingga dibuat bentuk normal pertama yaitu membuat satu entitas tidak memiliki atribut yang sama. Berikut bentuk normal pertama: id_instruktur nama sex alamat ttl agama pendidikan tempat pendidikan perkawinan stt_jabatan jabatan mulai masa user_id password id_jadwal_materi nama id_kelas id_instruktur id_list_materi asst_1 asst_2 jumlah_session mulai jam_masuk hari_masuk status
id_list_materi nama_materi session id_kelas nama_kelas jenis status id_siswa nama sex induk alamat tempat_lahir tanggal_lahir agama telepon pendidikan asal_sekolah id_walisiswa id_kelas user_id password status
id_walisiswa nama userid password id_kepsek user_id password nama id_admin user_id password nama
3. Bentuk normal kedua (2NF) Tahap selanjutnya ini membuat normal kedua, yaitu membuat entitas yang atribut bukan primary key tergantung pada primary key. Berikut merupakan bentuk normal kedua:
61
walisiswa PK
id_walisiswa nama user_id password
kelas
list_materi PK
PK
id_list_materi
memiliki
id_kelas siswa
nama_kelas jenis status
nama_materi session
memiliki terdiri
jadwal_materi
terdiri
PK
id_jadwal_materi
FK1 FK2 FK3
id_instruktur id_list_materi id_kelas asst_1 asst_2 jumlah_session mulai jam_masuk hari_masuk status
PK
id_siswa
FK1 FK2
id_kelas id_walisiswa nam a sex induk alamat tempat_lahir tanggal_lahir agam a telepon pendidikan asal_sekolah user_id passwor d status
instruktur PK
memiliki
Gambar 4.10 Bentuk Normal Kedua dengan Atribut pada tiap entitas
id_instruktur nama sex alamat ttl agam a pendidikan tempat_pendidikan perkawinan stt_jabatan jabatan mulai masa user_id password
62
4.3.3.3 Struktur Tabel Tabel. 4.3. Struktur tabel „admin Field Field Name Type Keterangan Size id_admin Int 4 No id administrator (primary key) user_id varchar 8 User id administrator password
Varchar
8
Password administrator
nama
Varchar
20
Nama administrator
Tabel. 4.4. Struktur tabel „instruktur Field Name Type Field Keterangan Size id_instruktur int 2 No id karyawan (Primary key) nama
Varchar
30
Nama karyawan
sex
Varchar
10
Jenis kelamin karyawan
alamat
Varchar
100
Alamat karyawan
ttl
Varchar
200
Tempat tanggal lahir
agama
Varchar
15
Agama karyawan
pendidikan
Varchar
50
Pendidikan terakhir
tempat_pendidikan
Varchar
10
Tempat pendidikan
perkawinan
Varchar
30
Status perkawinan
stt_jabatan
Varchar
30
Status jabatan
jabatan
Varchar
20
Jabatan karyawan
mulai
Varchar
30
Mulai menjadi karyawan
masa
Varchar
30
Masa kerja
user_id
Varchar
10
User id karyawan
password
Varchar
10
Password karyawan
63
Tabel. 4.5. Struktur tabel „list_materi Field name Type Field Keterangan Size id_list_materi Int 3 No id materi (primary key) nama_materi
Varchar
session
Int
Field name id_kelas
200 2
Nama materi Jumlah session
Tabel. 4.6. Struktur tabel „kelas Type Field Keterangan Size Int 3 No id kelas (Primary key)
nama_kelas
Varchar
15
Nama kelas
jenis
Varchar
10
Jenis kelas
status
Varchar
10
Status kelas
Tabel. 4.7. Struktur tabel „jadwal_materi Field name Type Field Keterangan size id_jadwal_materi Int 3 Nomor id materi (Primary key) id_list_materi Varchar 15 Nama materi id_kelas Int 2 Id kelas id_instruktur Int 2 Id karyawan asst_1 Varchar 30 Id karyawan asst_2 Varchar 30 Id karyawan jumlah_session Int 2 Jumlah pertemuan mulai Varchar 15 Waktu mulai pelajaran jam_masuk Varchar 30 Jam masuk pelajaran hari_masuk Varchar 200 Hari masuk pelajaran status Int 1 Status pelajaran
64
Tabel. 4.8. Struktur tabel „siswa Field name Type Field Keterangan size id_siswa Int 4 No id siswa (Primary key) nama Varchar 30 Nama siswa sex Varchar 10 Jenis kelamin induk Varchar 15 Nomor induk siswa alamat Varchar 200 Alamat siswa tempat_lahir Varchar 20 Tempat lahir siswa tgl_lahir Int 30 Tanggal lahir siswa Agama Varchar 20 Agama siswa telepon Varchar 15 Nomor telepon siswa pendidikan Varchar 30 Pendidikan terakhir siswa asal_sekolah Varchar 50 Asal sekolah siswa id_walisiswa Varchar 50 Nama orang tua siswa id_kelas int 2 Kelas userid Varchar 50 Userid siswa password Varchar 10 Password siswa status Int 1 Status keaktifan Tabel. 4.9. Struktur tabel „walisiswa Type Field Keterangan Size id_walisiswa Int 4 Nomor id walisiswa (Primary key) nama Varchar 50 Nama walisiswa Field
userid
Varchar 10
User id walisiswa
password
Varchar 10
Password walisiswa
4.3.4 Perancangan State Transition Diagram (STD) Untuk State Transition Diagram (STD) sistem sistem pemantauan perkembangan kemampuan siswa pada Lembaga Pendidikan SMU Muhammadiyah 7 Sawangan dapat dilihat pada gambar-gambar berikut :
65
Open URL “http://..........” Tampilkan layar Menu utama
MENU UTAMA Klik klik “Home” “Login Siswa” Tampilkan Layar Tampilkan Layar Home Login Siswa
Home
Login Siswa
klik klik klik klik “Wali Siswa” “Instruktur” “Kepala Sekolah” Administrator” Tampilkan Layar Tampilkan Tampilkan Tampilkan Wali Siswa Layar Layar Layar Instruktur Kepala Sekolah Administrasi
Wali Siswa
Instruktur
Kepala Sekolah
Gambar 4.11 STD Layar Menu Utama
Open URL “http://.............” Tampilkan Layar Menu Utama
MENU UTAMA klik “Login Siswa” Tampilkan Layar Login Siswa
Login Siswa
Input “User ID, Password” Klik “Login” Tampilkan Layar Halaman Siswa
Halaman Siswa Gambar 4.12 STD Layar Login Siswa
Administrator
66
Input “User ID, Password” klik “Login” Tampilkan Layar Halaman Siswa
Halaman Siswa
Klik “Lihat Absensi” Tampilkan Layar Lihat Absensi
lihat Absensi
klik “ Lihat Nilai” Tampilkan Layar Lihat Nilai
Lihat Nilai
klik “Ganti Password” Tampilkan Layar Ganti Password
klik “Keluar” Tampilkan Layar H ome
Ganti Password
Home
Gambar 4.13 STD Layar Halaman Siswa
Klik “ Ganti Password” Tampilkan Layar Ganti Password
Ganti Password
Input “Password Lama” Password Baru, Password Baru Ulangi”
Klik “ Ganti” Tampilkan Layar Confirm Ganti Password
Confirm Ganti Password
Klik “ Batal” Tampilkan Layar Halaman Siswa
Halaman Siswa
Gambar 4.14 STD Layar Ganti Password Siswa
67
Open URL “http://.............” Tampilkan Layar Menu Utama
MENU UTAMA klik “WaliSiswa” Tampilkan Layar WaliSiswa
Walisiswa
Input “Nama Siswa, Password” Klik “Login” Tampilkan Layar Halaman WaliSiswa
Halaman WaliSiswa
Gambar 4.15 STD Layar Wali Siswa
Input “Nama Siswa, Password” klik “Login” Tampilkan Layar Halaman WaliSiswa
Halaman WaliSiswa
Klik “Lihat Absensi” Tampilkan Layar Lihat Absensi
Lihat Absensi
klik “ Lihat Nilai” Tampilkan Layar Lihat Nilai
Lihat Nilai
klik “Ganti Password” Tampilkan Layar Ganti Password
klik “Keluar” Tampilkan Layar Home
Ganti Password
Home
Gambar 4.16 STD Layar Halaman WaliSiswa
68
Klik “Ganti Password” Tampilkan Layar Ganti Password
Ganti Password
Input “Password Lama, Password Baru, Password Baru Ulangi”
Klik “Ganti”
Klik “Batal”
Tampilkan Layar Konf. Ganti Password
Tampilkan Layar Halaman WaliSiswa
Konf. Ganti Password
Halaman WaliSiswa
Gambar 4.17 STD Layar Ganti Password WaliSiswa
Open URL “http://.............” Tampilkan Layar Menu Utama
MENU UTAMA klik “Instruktur” Tampilkan Layar Instruktur
Instruktur
Input “Nama Instruktur, Password” Klik “Login” Tampilkan Layar Halaman Instruktur
Halaman Instruktur Gambar 4.18 STD Layar Instruktur
69
Input “Nama Instruktur, Password” klik “Login” Tampilkan Layar Halaman Instruktur
Halaman Instruktur Klik “Data Kelas” Tampilkan Layar Data Kelas
Data Kelas
klik “Ganti Password” Tampilkan Layar Ganti Password
klik “Keluar” Tampilkan Layar Home
Ganti Password
Home
Gambar 4.19 STD Layar Halaman Instruktur
klik “Data Kelas” Tampilkan Layar Halaman Data Kelas
Data Kelas
Klik “ Absensi” Tampilkan Layar Absensi
Absensi
klik “ Nilai” Tampilkan Layar Nilai
Nilai
klik “Ganti Password” Tampilkan Layar Ganti Password
klik “Keluar” klik “Back” Tampilkan Layar Tampilkan Layar Home Halaman Instruktur
Ganti Password
Gambar 4.20 STD Layar Data Kelas
Home
Halaman Instruktur
70
Klik “Ganti Password” Tampilkan Layar Ganti Password
Ganti Password
Input “Password Lama, Password Baru, Password Baru Ulangi”
Klik “Ganti”
Klik “Batal”
Tampilkan Layar Konf. Ganti Password
Tampilkan Layar Halaman Instruktur
Konf. Ganti Password
Halaman Instruktur
Gambar 4.21 STD Layar Ganti Password Instruktur
Open URL “http://.............” Tampilkan Layar Menu Utama
MENUTAMA klik “Administrasi” Tampilkan Layar Administrasi
Administrasi
Input “User ID, Password” Klik “Login” Tampilkan Layar Halaman Administrator
Halaman Administrator
Gambar 4.22 STD Layar Administrasi
71
Input “User ID, Password klik “Login” Tampilkan Layar Halaman Administrator
Halaman Administrator
Klik “ Utama” Tampilkan Layar Hal. Administrator
klik “ Data Siswa” Tampilkan Layar Data Siswa
Halaman Administrator
Data Siswa
klik “Data Kelas” Tampilkan Layar Data Kelas
Data Kelas
klik “Data Materi” Tampilkan Layar Data Materi
klik “Keluar” Tampilkan Layar Home
Data Materi
klik “Data Karyawan” Tampilkan Layar Data Karyawan
Home
klik “ Ganti Password” Tampilkan Layar Ganti Password
Ganti Password
Data Karyawan Gambar 4.23 STD Layar Halaman Administrator
klik “Data Karyawan” Tampilkan Layar Data Karyawan
Data Karyawan
Klik “Tambah” Tampilkan Layar Tambah Data Karyawan
klik “Nama Karyawan” Tampilkan Layar Update Data Karyawan
Tambah Data Karyawan
Update Data Karyawan
Gambar 4.24 STD Layar Data Karyawan
72
klik “Nama Karyawan” Tampilkan Layar Update Data Karyawan
Update Data Karyawan klik “Hapus” Tampilkan Layar Data Karyawan
Klik “Ubah” Tampilkan Layar Data Karyawan
Data Karyawan
Data Karyawan
Gambar 4.25 STD Layar Update Data Karyawan
klik “Data Siswa” Tampilkan Layar Data Siswa
Data Siswa
Klik “Tambah” Tampilkan Layar Tambah Data Siswa
klik “Nama Siswa” Tampilkan Layar Update Dat a Siswa
Tambah Data Siswa
Update Data Siswa
Gambar 4.26 STD Layar Data Siswa
73
klik “Nama Siswa” Tampilkan Layar Update Data Siswa
Update Data Siswa Klik “Ubah” Tampilkan Layar Data Siswa
klik “Hapus” Tampilkan Layar Data Siswa
Data Siswa
Data Siswa
Gambar 4.27 STD Layar Update Data Siswa
klik “Data Kelas” Tampilkan Layar Data Kelas
Data Kelas
Klik “Tambah” Tampilkan Layar Tambah Data Kelas
klik “Nama Kelas” Tampilkan Layar Update Dat a Kelas
Tambah Data Kelas
Update Data Kelas
Gambar 4.28 STD Layar Data Kelas
74
klik “Nama Kelas” Tampilkan Layar Update Data Kelas
Update Data Kelas Klik “Ubah” Tampilkan Layar Data Kelas
klik “Hapus” Tampilkan Layar Data Kelas
Data Kelas
Data Kelas
Gambar 4.29 STD Layar Update Data Kelas
klik “Data Materi” Tampilkan Layar Data Materi
Data Materi Klik “Tambah” Tampilkan Layar Tambah Data Materi
klik “Kelas Aktif” Tampilkan Layar Update Data Materi
Tambah Data Materi
Update Data Materi
Gambar 4.30 STD Layar Data Materi
75
klik “Kelas Aktif” Tampilkan Layar Update Data Materi
Update Data Materi Klik “Lihat Absensi” Tampilkan Layar Data Absensi Siswa
Data Absensi Siswa
klik “ Lihat Nilai” Tampilkan Layar Data Nilai Siswa
Data Nilai Siswa
klik “Ubah” Tampilkan Layar Data Materi
Data Materi
Gambar 4.31 STD Layar Update Data Materi
Klik “Ganti Password” Tampilkan Layar Ganti Password
Ganti Password
Input “Password Lama, Password Baru, Password Baru Ulangi”
Klik “Ganti” Tampilkan Layar Konf. Ganti Password
Konf. Ganti Password
Gambar 4.32 STD Layar Ganti Password Administrator
klik “Hapus” Tampilkan Layar Data Materi
Data Materi
76
Open URL “http://.............” Tampilkan Layar Menu Utama
MENU UTAMA klik “Kepala Sekolah” Tampilkan Layar Kepala Sekolah
Kepala Sekolah
Input “User ID, Password” Klik “Login” Tampilkan Layar Halaman Kepala Sekolah
Halaman Kepala Sekolah
Gambar 4.33 STD Layar Kepala Sekolah
77
Input “User ID, Password klik “Login” Tampilkan Layar Halaman Kepala Sekolah
Halaman Kepala Sekolah
Klik “ Utama” klik “ Rekap Data Siswa” klik “Data Per Kelas” klik “Grafik” Tampilkan Layar Tampilkan Layar Tampilkan Layar Tampilkan Layar Hal. Kepala Sekolah Rekapitulasi Data Kelas Grafik Data Siswa
Halaman Administrator
Rekapitulasi Data Siswa
klik “Data Karyawan” Tampilkan Layar Data Karyawan
Data Kelas
Grafik
klik “Kelas ...” Tampilkan Data Siswa Per Kelas
H
klik “ Ganti Password” Tampilkan Layar Ganti Password
Data Siswa Per Kelas
Data Karyawan
klik “Keluar” Tampilkan Layar Home
Ganti Password
Gambar 4.34 STD Layar Halaman Kepala Sekolah
Klik “Ganti Password” Tampilkan Layar Ganti Password
Ganti Password
Input “Password Lama, Password Baru, Password Baru Ulangi”
Klik “Ganti” Tampilkan Layar Konf. Ganti Password
Konf. Ganti Password
Gambar 4.35 STD Layar Ganti Password Kepala Sekolah
78
4.3.5 Perancangan Layar 1. Perancangan struktur menu Lihat Absensi
Home
Lihat Nilai
Login Siswa
Ganti Password Utama
Keluar Rekap Data Siswa Lihat Absensi Data Siswa per Kelas Lihat Nilai Data Karyawan MENU UTAM A
Walisiswa
Ganti Password Grafik
Keluar
Instruktur
Data Kelas
Absensi Ganti Password
Nilai
Keluar Ganti Password
Tambah
Ubah
Keluar Hapus Nama Karyawan
Kepala Sekolah
Ubah Utama
Tambah
Data Karyawan
Nama Siswa
Hapus
Administrasi
Data Siswa
Ubah Tambah Hapus
Data Kelas
Nama Kelas
Ubah Data Materi
Tambah
Hapus Ganti Password
Nama kelas
Lihat Nilai
Keluar Lihat absen
Gambar 4.36 Struktur Menu pada Sistem
79
2. Perancangan Layar Tampilan Header
Home
Login Siswa
Wali Siswa
Insruktur
Footer
Gambar 4.37 Menu Utama dan Home
Kepala Sekolah
Administrasi
80
Header
Home
Login Siswa
Wali Siswa
Insruktur
Kepala Sekolah
Footer
Gambar 4.38 Login Siswa
Header I
Header II
Header III
Informasi Lihat Absensi
Header IV Lihat Nilai
Pengaturan Ganti Password Keluar
Footer
Gambar 4.39 Halaman Untuk Siswa
Administrasi
81
Header I
Header II Halaman Utama Lihat Nilai
Header III Pengaturan Ganti Password Keluar
Footer
Gambar 4.40 Lihat Absensi
Header I
Header II Halaman Utama Absensi
Header III Pengaturan Ganti Password
Keluar
Footer
Gambar 4.41 Lihat Nilai
82
Header I
Header II
Header III Header IV Password Lama Input Type Password Baru Input Type Password Baru (Ulangi) Input Type Ganti
Batal
Footer
Gambar 4.42 Ganti Password Header Home
Login
Wali Siswa
Insruktur
Header II
Kepala Sekolah Header III
Login Wali Siswa Nama Siswa Option Type Password Input Type Login
Footer
Gambar 4.43 Login Wali Siswa
Administra
83
Header I
Header II
Header III
Informasi Lihat Absensi
Header IV Lihat Nilai
Pengaturan Ganti Password Keluar
Footer
Gambar 4.44 Halaman Untuk Wali Siswa
Header I
Header II Halaman Utama Lihat Nilai
Header III Pengaturan Ganti Password Keluar
Footer
Gambar 4.45 Lihat Absensi
84
Header I
Header II Halaman Utama Absensi
Header III Pengaturan Ganti Password Keluar
Footer
Gambar 4.46 Lihat Nilai
Header I
Header II
Header III Header IV Password Lama Input Type Password Baru Input Type Password Baru (Ulangi) Input Type Ganti
Footer
Gambar 4.47 Ganti Password
Batal
85
Header
Home
Login Siswa
Wali Siswa
Insruktur
Header II
Kepala Sekolah Header III
Login Instruktur Nama Siswa Option Type Password Input Type Login
Footer
Gambar 4.48 Login Instruktur
Header I
Header II
Header III
DATA KELAS 1. 2. 3. N. Pengaturan
Ganti Password
Header IV
Nama Kelas 1. 2. 3. N.
Keluar
Footer
Gambar 4.49 Halaman Untuk Instruktur
Administras
86
Header I
Header II
Header III
DATA KELAS Absensi
Header IV (Data Kelas N)
Nilai
Pengaturan Ganti Password
Keluar
Periksa Absensi
Back
Periksa Nilai
Footer
Gambar 4.50 Data Kelas
Header I
Header II
Header III
DATA KELAS Daftar Kelas
Header IV Nilai Kehadiran Per-Session 1-N Kelas N
Pengaturan Ganti Password
Keluar
Footer
Gambar 4.51 Absensi
87
Header I
Header II
Header III
DATA KELAS Absensi
Header IV (Input Data Absensi Kelas N)
Nilai
Pengaturan Ganti Password
Nama Siswa 1. 2. 3. N.
Data Absensi Option Masuk / Tidak Masuk
Keluar
KIRIM
Footer
Gambar 4.52 Input Data Absensi
Header I
Header II
Header III
DATA KELAS Daftar Kelas
Header IV Absensi
Pengaturan
Daftar Nilai Kelas N Untuk Materi X (Link Nilai Per-Harian, Tugas, Tengah SMS, dan Akhir SMS)
Ganti Password
Keluar
Footer
Gambar 4.53 Nilai
88
Header I
Header II
Header III
DATA KELAS Absensi
Header IV (Input Data Nilai Siswa Kelas N)
Nilai
Pengaturan Ganti Password
Nama Siswa 1. 2. 3. N.
Data Nilai Option Nilai
Keluar
KIRIM
Footer
Gambar 4.54 Input Data Nilai
Header I
Header II
Header III Header IV Password Lama Input Type Password Baru Input Type Password Baru (Ulangi) Input Type Ganti
Footer
Gambar 4.55 Ganti Password
Batal
89
Header
Home
Login Siswa
Wali Siswa
Insruktur
Header II
Kepala Sekolah Header III
Login Kepala Sekolah User Id Input Type Password Input Type Login
Footer
Gambar 4.56 Login Kepala Sekolah
Header I
MENU KEPALA SEKOLAH
Header II
Utama
Rekapitulasi Data Siswa
Header III Data Siswa Per Kelas
Data Karyawan
Grafik
Ganti Password Keluar
Footer
Gambar 4.57 Halaman Kepala Sekolah
Administras
90
Header I
Header II MENU KEPALA SEKOLAH Tabel Detail Data Siswa Utama Rekapitulasi Data Siswa Data Siswa Per Kelas
Nama
Input Type
Alamat
Int Type
Dll
Data Karyawan Grafik
Tabel Data Siswa
Ganti Password Keluar
Nama
Kelas
Footer
Gambar 4.58 Halaman Rekapitulasi Data Siswa
Alamat
91
Header I
MENU KEPALA SEKOLAH Utama
Data Kelas Rekapitulasi Data Siswa Nama Kelas
Jenis
Data Siswa Per Kelas
Jumlah Siswa
Data Karyawan Grafik Ganti Password Keluar
Footer
Gambar 4.59 Halaman Data Kelas Header I
MENU KEPALA SEKOLAH Utama
Data Kelas ... Rekapitulasi Data Siswa Data Siswa Per Kelas
No
Nama
Jenis Kelamin
Data Karyawan Grafik Ganti Password Keluar
Footer
Gambar 4.60 Halaman Data Siswa Per Kelas
Alamat
92
Header I
Header II MENU KEPALA SEKOLAH Tabel Detail Data Karyawan Utama Rekapitulasi Data Siswa Data Siswa Per Kelas
Nama
Input Type
Alamat
Int Type
Dll
Data Karyawan Grafik
Tabel Data Karyawan Ganti Password
Kelas
Nama
Keluar
Footer
Gambar 4.61 Halaman Data Karyawan Header I
MENU KEPALA SEKOLAH Utama Grafik Keadaan Siswa Rekapitulasi Data Siswa Data Siswa Per Kelas Data Karyawan Grafik Ganti Password Keluar
Footer
Gambar 4.62 Halaman Grafik
Alamat
93
Header I
Header II MENU KEPALA SEKOLAH Utama Rekapitulasi Data Siswa
Ganti Password Password Lama
Input Type
Password Baru
Input Type
Password Baru Konf.
Input Type
Data Siswa Per Kelas Data Karyawan
GANTI PASSWORD
Grafik Ganti Password Keluar
Footer
Gambar 4.63 Halaman Ganti Password
94
Header
Home
Login Siswa
Wali Siswa
Insruktur
Header II
Kepala Sekolah Header III
Login Administrator User Id Option Type Password Input Type Login
Footer
Gambar 4.64 Login Administrator Header I
TAMBAH DATA
Header II
Utama
Data Karyawan
Header III Data Siswa
Data Kelas
Data Materi Ganti Password
Keluar
Footer
Gambar 4.65 Halaman Administrator
Administrasi
95
Header I
Header II TAMBAH DATA Tabel Tambah Data Karyawan Utama
Nama
Input Type
Alamat
Int Type
Data Karyawan
Data Siswa
Dll Data Kelas TAMBAH Data Materi
Ganti Password
Keluar
Tabel Data Karyawan Nama Karyawan
Footer
Gambar 4.66 Halaman Tambah Data Karyawan
Jabatan
Alamat
96
Header I
Header II TAMBAH DATA Tabel Update Data Karyawan Utama
Nama
Input Type
Alamat
Input Type
Dll
Input Type
Data Karyawan
Data Siswa Data Kelas UBAH
HAPUS
Data Materi Ganti Password Keluar
Tabel Data Karyawan Nama Karyawan
Jabatan
Footer
Gambar 4.67 Update Data Karyawan (Klik Link Nama Karyawan )
Alamat
97
Header I
Header II TAMBAH DATA Tabel Tambah Data Siswa Utama
Nama
Input Type
Alamat
Input Type
Dll
Input Type
Data Karyawan
ta Siswa Data Kelas TAMBAH Data Materi
Ganti Password
Kelua
Tabel Data Siswa Nama Siswa
Footer
Gambar 4.68 Halaman Tambah Data Siswa
Kelas
Alamat
98
Header I
Header II TAMBAH DATA Tabel Update Data Siswa Utama
Nama
Input Type
Alamat
Input Type
Dll
Input Type
Data Karyawan
Data Siswa Data Kelas UBAH
HAPUS
Data Materi
Tabel Data Siswa
Ganti Password Keluar
Nama Siswa
Kelas
Footer
Gambar 4.69 Update Data Siswa (Klik Link Nama Siswa)
Alamat
99
Header I
Header II TAMBAH DATA Tabel Tambah Data Kelas Utama
Nama Kelas
Input Type
Jenis Kelas
Input Type
Data Karyawan
Data Siswa TAMBAH Data Kelas
Data Materi
Tabel Data Kelas Ganti Password Nama Kelas Keluar
Footer
Gambar 4.70 Halaman Tambah Data Kelas
Jenis
Status
100
Header I
Header II TAMBAH DATA Tabel Update Data Kelas Utama Data Karyawan
Nama Kelas Jenis Kelas
Input Type
Input Type
Data Siswa Data Kelas
UBAH
HAPUS
Data Materi
Tabel Data Kelas
Ganti Password
Keluar
Nama Kelas
Jenis
Footer
Gambar 4.71 Update Data Kelas (Klik Link Nama Kelas)
Status
101
Header I
Header II TAMBAH DATA b mha ti Utama
Nama Materi
Input Type
Instruktur
Input Type
Dll
Input Type
Data Karyawan
Data Siswa
Data Kelas TAMBAH Data Materi
Tabel Data Kelas Per-Materi
Ganti Password Keluar
Kelas Aktif
Jam Masuk Instruktur
Footer
Gambar 4.72 Halaman Tambah Data Materi
Materi
102
Header I
Header II TAMBAH DATA Tabel Tambah Data Materi Utama
Nama Materi
Input Type
Instruktur
Input Type
Dll
Input Type
Data Karyawan
Data Siswa
Data Kelas UBAH
HAPUS
Lihat Nilai
Lihat Absensi
Data Materi
Ganti Password
Keluar
Tabel Data Kelas Per-Materi Kelas Aktif
Jam Masuk
Instruktur
Footer
Gambar 4.73 Update Data Materi (Klik Link Kelas Aktif)
Materi
103
Header I
Header II TAMBAH DATA Utama
Ganti Password Data Karyawan
Password Lama
Input Type
Data Siswa
Password Baru
Input Type
Data Kelas
Password Baru Konf.
Input Type
Data Materi
GANTI PASSWORD
Ganti Password Keluar
Footer
Gambar 4.74 Ganti Password Administrator
Header
Home
Login Siswa
Wali Siswa
Insruktur
Gambar 4.75 Keluar (Menu Home)
Kepala Sekolah
Administrasi
104
4.4
Pemrograman (Coding) Pada tahap ini, penulis menggunakan PHP version 5.0.4, MySQL version 4.1.11 sebagai basis datanya, dan Apache version 2.0.53 (Win32) sebagai web servernya, yang keseluruhannya itu tergabung dalam software aplikasi Apache2Triad version 1.5.2. Dalam mengkonfigurasi program GUI nya, penulis menggunakan Macromedia Fireworks MX dan Macromedia Dreamweaver MX sebagai pengolahan codingnya, sedangkan pengolahan gambarnya menggunakan Adobe Photoshop CS. Untuk Designer tools nya digunakan Microsoft Office Visio 2003, penulis menggunakan Mozilla Firefox v2 sebagai web browser.
4.5
Pengujian (Testing) Pada tahap pengujian ini, penulis menggunakan spesifikasi Perangkat keras dan perangkat lunak untuk sistem administrator adalah sebagai berikut : 1. Spesifikasi perangkat lunak yang digunakan adalah sebagai berikut: a. Operating System
: Microsoft Windows 7
b. Web Browser
: Mozilla Firefox v3
2. Spesifikasi perangkat keras yang digunakan adalah sebagai berikut: a. Motherboard
: Asus
b. Processor
: Intel Core 2 Duo 2.00 GHz
c. Hard Disk
: 320 GB
d. RAM
: 2 GB
105
e. VGA
: Intel 950 GMA
f. Keyboards
: Standars Microsoft Natural USB Keyboard
g. Mouse
: USB Compatible Mouse
Pada tahap ini, penulis juga menguji sistem yang telah dibangun dengan Metode Unit Test, Integration Test, Dan User Acceptence Test. Dengan menggunakan Metode Unit Test yaitu melakukan testing terhadap suatu bagian program untuk mengetahui apakah bagian program dapat berfungsi dengan baik ketika dimasukkan atau untuk menampilkan data, ternyata tidak ditemukan program yang error, sama halnya dengan Metode Integration Test, yaitu melakukan testing terhadap programprogram yang telah selesai secara keseluruhan, dari awal sampai akhir program, ternyata juga tidak ada program yang error. Yang terakhir dengan Metode User Acceptence Test, yaitu melakukan testing terhadap aplikasi yang telah selesai oleh user. Dilakukan untuk mengetahui apakah aplikasi yang dibuat dapat dimengerti dan dijalankan dengan mudah oleh user, dan ternyata bisa diterima dan di mengerti oleh user dengan baik, sehingga bisa dikatakan sebagai aplikasi yang user friendly. 4.6 Operasi dan Pemeliharaan (Operation and Maintenance) 4.6.1 Operasi Tahap akhir dalam siklus SDLC pada model waterfall ini salah
satunya
adalah
pengoperasian,
tahap
ini
penulis
mengawalinya dengan melakukan penyerahan (delivery) perangkat
106
lunak kepada pihak yang terkait (dalam hal ini kepada Administrator) Lembaga Pendidikan SMU Muhammadiyah 7 Sawangan. Pada tahap ini, pengoperasian sistem yang di usulkan hanya baru pada tahap personal (komputer desktop) saja, belum dapat di implementasikan secara publik yang dapat diakses oleh masyarakat luas.
4.6.2 Pemeliharaan Tahap ini adalah bagian dimana kita melakukan kegiatan seperti backup and recovery dan system modification and enhancement.
Yang
secara
keseluruhan
dilakukan
oleh
administrator. Untuk tahap ini, penulis juga belum dapat laksanakan, karena tahap yang sebelumnya yaitu pengoperasian hanya terlaksana sebatas komputer dekstop saja.
BAB V KESIMPULAN DAN SARAN
5.1 Kesimpulan Berdasarkan analisis dan perancangan dari Sistem Informasi Nilai Akademik Siswa Berbasis Web pada lembaga pendidikan SMU Muhammadiyah 7 Sawangan, maka dapat disimpulkan beberapa hal sebagai berikut : 1. Penggolongan user menjadi lima bagian (Siswa, Wali Siswa, Instruktur, Kepala Sekolah, Administrator) dengan batasan akses tertentu dapat dikatakan pula sebagai pembagian hak, wewenang dan kewajiban user yang bersangkutan. 2. Sistem ini diharapkan mampu memudahkan pihak sekolah dalam mengawasi dan mengontrol absensi dan informasi nilai anak didik secara mudah dan cepat tanpa harus membuka buku besar. 3. Dikarenakan sistem informasi ini merupakan sebuah aplikasi berbasis web, maka sistem informasi ini dapat di-publish melalui jaringan internet. 4. Sistem informasi ini memudahkan pihak orang tua siswa dalam mengawasi anaknya dalam hal kehadiran dan penilaian. 5. Pihak sekolah dapat melakukan pendataan siswa, wali siswa, dan karyawan secara efektif dan efisien. 6. Kekhawatiran akan rusaknya data apabila menggunakan buku besar dapat di-backup oleh sistem informasi yang sudah terkomputerisasi ini.
107
108
5.2 Saran Sistem ini masih dapat dikembangkan dengan menambah beberapa tool yang membantu pengguna dalam mengolah sistem: 1. Penambahan informasi yang ada, seperti perincian penilaian ulangan harian, komentar guru mengenai anak didik, nilai rata-rata, peningkatan pretasi yang dicapai dan lain-lain. 2. Menerapkan teknologi informasi terbaru terutama teknologi keamanan data yang dapat meningkatkan keamanan sistem. 3. Mengamati dan mempelajari perkembangan teknologi web dan keamaman data agar mampu mengembangkan aplikasi ini menjadi lebih dari apa yang diharapkan. 4. Aplikasi ini diharapkan bisa menjadikan pendidikan di wilayah kota Depok lebih baik berkat adanya sistem informasi nilai akademik siswa yang lebih efektif dan efisien.
DAFTAR PUSTAKA
Arronoff, Stanley 1989. Geographic Information System : A Management Perspective, Ottawa, Canada : WDL Publication. Hartono, Jogiyanto. MBA, Ph.D 1999. Pengenalan Komputer: Dasar ilmu komputer Pemrograman, Sistem Informasi, dan Intelegensi Buatan, Yogyakarta :Andi Haryadi, Muji. 2005. Materi Sistem Informasi Geografis, Diktat Kuliah Jurusan Teknik
Informatika,
Fakultas
Sains dan Teknologi
Universitas Islam Negeri, Jakarta. Kendall, K. E. & Kendall, J.E. 2002. Analisis dan Perancangan Sistem, Jilid 1. Penerbit PT. Prenhallindo, Jakarta. Maemunah, Siti 2006. Proyek Desain Web Berbasis Grafis dengan Dreamweaver dan Fireworks. Yogyakarta : Andi McLeod, Raymond, Ir . 1996. Sistem Informasi Manajemen jilid 1. Jakarta Pearson Eduacation Asia Pte. Ltd dan PT. Prenhalindo. Prahasta, E. 2005. Konsep-Konsep Dasar Sistem Informasi Geografis, Cet. Ke-2, Penerbit CV. Informatika, Bandung. Pressman, R.S. 1997. Rekayasa Perangkat Lunak Pendekatan Praktisi (Buku Satu), Yogyakarta :Andi. Sutarman. 2003. Membangun Aplikasi Web dengan PHP dan MySQL, Penerbit Graha Ilmu, Yogyakarta.
109
110
Swastika, W. 2005. PHP 5 & MySQL 4 Proyek Shopping Cart 1 , Penerbit Dian Rakyat, Jakarta. Syafii, M. 2005. Panduan Membuat Aplikasi Database Dengan PHP 5. Yogyakarta : Andi Tim Litbang LPKBM MADCOMS. 2004. Aplikasi Program PHP dan My SQL Untuk Membuat Website Interaktif. Yogyakarta : Andi
