sim haji engkos
TRANSCRIPT
SISTEM INFORMASI SMA NEGERI 1 KARANGANOM KLATEN
BERBASIS INTERNET
Oleh :
ALI MURTADLO
NIM. M320 3002
TUGAS AKHIR
ditulis dan diajukan untuk memenuhi sebagian persyaratan
memperoleh gelar Ahli Madya Ilmu Komputer
PROGRAM DIPLOMA III ILMU KOMPUTER
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SEBELAS MARET
SURAKARTA
2006
TUGAS AKHIR
SISTEM INFORMASI SMA NEGERI 1 KARANGANOM KLATEN
BERBASIS INTERNET
Yang disusun oleh
ALI MURTADLO
NIM. M3203002
Dibimbing oleh
Pembimbing I,
Drs. Syamsurizal
NIP. 131 791 756
Pembimbing II
Hartono, S.Si
NIP. 500 127 069
Telah dipertahankan didepan Dewan Penguji
Pada hari Senin, tanggal 24 Juli 2006
Dan dinyatakan telah memenuhi syarat
Anggota Tim Penguji
1. Umi Salamah, M. Kom
2. Drs. Syamsurizal
3. Hartono, S.Si
1.
2.
3.
Tanda tangan
Surakarta, .................
Disahkan oleh
Fakultas MIPA
Dekan,
Drs. Marsusi, MS
NIP. 130 906 776
Ketua Program Studi DIII
Ilmu Komputer,
Irwan Susanto, DEA
NIP. 123 134 694
MOTTO
Tidak semua yang ada pada kehidupan dapat tercapai oleh akal, hidup adalah
dikala kita dapat merasakan gerak jiwa dalam mencari tuannya.
Hidup ini bukanlah hidup melainkan mempersiapkan kehidupan.
PERSEMBAHAN
Laporan tugas akhir ini penulis persembahkan untuk:
Bunda yang tiada henti meneteskan air mata doa
dan berharap agar ananda dapat menapaki hidup
sesuai jalan ilahi.
Ayahanda yang berjuang dengan aliran peluh dan
kobaran semangat demi keberhasilan ananda.
Adik - adikku ( Ipoel, Iwan, Biah )
Teman-teman di Kontrakan : Mas Tatang, Mas
Sarwo, Mas Yoga, Mas Dwiex, Mas Azis, Mas
Hery, Mas Bayu Tingil, Mas Acan, Mas Latief dan
Semuanya.
Adik Nur hayati
Anak MI03 Semoga Kita Akan Tetap Menjadi
Saudara
ABSTRAKSI
Laporan tugas akhir ini bertemakan pembuatan sistem informasi online.
Dengan dilandaskan pada perkembangan dunia informasi dan komputerisasi yang
semakin pesat dan ke berbagai sisi kehidupan, maka pada akhirnya mendorong
Sekolah Menengah Atas (SMA) Negeri 1 Karanganom untuk mengikuti
perkembangan tersebut demi meningkatkan
mutu dan kualitas sistem
pendidikannya. Untuk itu dalam penulisan laporan tugas akhir ini, penulis
mengambil judul Sistem Informasi SMA Negeri 1 Karanganom Klaten
Berbasis Internet .
Tujuan tugas akhir ini adalah untuk menerapkan sistem informasi
berbasis internet pada SMA Negeri 1 Karanganom Klaten, yang diharapkan dapat
membantu dalam penyajian informasi secara online. Agar dalam pembuatan
sistem informasi SMA Negeri 1 Karanganom Klaten berbasis internet ini bisa
terarah maka penulis menyusun rancangan sistem yang dimulai dari pembuatan
Konteks Diagram, DFD, DAD, Flowchart, Tabel database, Relasi antar tabel, dan
design input dan output sistem.
Dari pembahasan ini menghasilkan sistem informasi SMA Negeri 1
Karanganom Klaten berbasis internet, yang menampilkan: profile sekolah,
kurikulum, fasilitas, organisasi kesiswaan, kegiatan ekstrakurikuler, artikel ilmiah,
info terkini dan informasi nilai.Berdasarkan hasil implementasi dan uji coba
sistem khususnya pada sistem informasi nilai, maka penulis berharap sistem
informasi ini dapat dimanfaatkan secara maksimal.
KATA PENGANTAR
Dengan memanjatkan puji syukur kehadirat Allah SWT yang tiada henti
melimpahkan nikmat kepada semua makhluknya. Dengan nikmatnya pula penulis
menyusun Laporan Tugas Akhir ini dengan judul Sistem Informasi SMA Negeri
1 Karanganom Klaten Berbasis Internet.
Laporan tugas akhir ini merupakan kewajiban yang harus dilaksanakan
untuk menyelesaikan pendidikan diploma III pada Program Pendidikan Diploma
III Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam (MIPA)
Universitas Sebelas Maret Surakarta.
Atas tersusunnya laporan tuas akhir ini penulis tidak lupa mengucapkan
terima kasih kepada:
1. Bapak Drs. Marsusi, MS, selaku Dekan Fakultas MIPA UNS.
2. Bapak Irwan Susanto, DEA, selaku Ketua Program Diploma III Ilmu
Komputer.
3. Bapak Drs. Syamsurizal, selaku Pembimbing I.
4. Bapak Hartono, S.Si, selaku Pembimbing II.
5. Bapak Drs. Fahrudin S, MM selaku Kepala Sekolah SMA Negeri 1
Karanganom Klaten.
6. Bapak Drs. Muslich, M.Si, selaku Penasehat Akademik.
Penulis menyadari bahwa laporan tugas akhir ini masih jauh dari
sempurna, maka dari itu penulis mengharapkan saran dan kritik yang membangun
guna penyempurnaannya.
Surakarta, Agustus 2006
Penulis
DAFTAR ISI
Halaman
HALAMAN JUDUL ...................................................................................... i
HALAMAN PENGESAHAN ......................................................................... ii
MOTTO DAN PERSEMBAHAN .................................................................. iii
ABSTRAKSI .................................................................................................. iv
KATA PENGANTAR ..................................................................................... v
DAFTAR ISI ................................................................................................... vi
DAFTAR GAMBAR .................................................................................... . ix
DAFTAR TABEL .......................................................................................... xi
BAB I.
BAB II
PENDAHULUAN
1.1. Latar Belakang Masalah............................................................ 1
1.2. Perumusan Masalah .................................................................. 2
1.3. Pembatasan Masalah................................................................. 2
1.4. Tujuan Penelitian ...................................................................... 3
1.5. Manfaat Penelitian .................................................................... 3
1.6. Sistematika Pembahasan ........................................................... 4
LANDASAN TEORI
2.1. Komputer .................................................................................. 6
2.2. Sistem........................................................................................ 9
2.3. Informasi .................................................................................. 10
2.4. Internet ..................................................................................... 10
2.5. TCP/IP...................................................................................... 11
2.6. HTML ...................................................................................... 11
2.7. PHP .......................................................................................... 11
2.8. Web Server Apache ................................................................. 11
2.9. MySQL .................................................................................... 12
2.10. DFD ....................................................................................... 12
BAB III. METODE PENELITIAN
3.1. Alur Penelitian ........................................................................ 14
3.2. Sarana Perancangan Sistem .................................................... 14
3.3. Rancangan Sistem ................................................................... 15
3.3.1. Konteks Diagram .......................................................... 16
3.3.2. DFD Level 0 ............................................................... .. 17
3.3.3. DFD Level 1: Proses Input Nilai ................................ .. 18
3.3.4. DFD Level 1: Proses Akses Nilai ............................... ... 19
3.3.5. DFD Level 1: Proses Pengadministrasian .................. .. 20
3.3.6. File Directory Untuk User ......................................... ... 21
3.3.7. File Directory Untuk Admin ...................................... ... 22
3.3.8. Flow Chart ................................................................. ... 23
3.4 Perancangan Tabel Basis Data ............................................. ... 24
3.5. Hubungan Relasi Antar Tabel (Sistem Nilai) ....................... ... 29
BAB IV. HASIL PENELITIAN DAN PEMBAHASAN
4.1. Sistem Informasi SMA Negeri 1 Karanganom Saat Ini ......... .. 30
4.2. Proses Pembentukan Sistem Yang Baru ................................. .. 30
4.2.1. Selayang Pandang SMA Negeri 1 Karanganom ...... .. 30
4.2.2. Profile SMA Negeri 1 Karanganom ........................ .. 30
4.2.3. Fasilitas SMA Negeri 1 Karanganom ...................... .. 31
4.2.4. Kurikulum SMA Negeri 1 Karanganom ................. .. 31
4.2.5. Kegiatan Ekstra Kurikuler ........................................ .. 31
4.2.6. Galeri Foto ............................................................... .. 31
4.2.7. Prosedur Pengisian Buku Tamu ............................... .. 31
4.2.8. Prosedur Input Nilai (oleh Guru) ............................. .. 31
4.2.9. Prosedur Akses Nilai (oleh Siswa) .......................... .. 31
4.2.10. Info terkini ............................................................... .. 32
4.2.1. Artikel Ilmiah ........................................................... .. 32
4.3. Desain Input-Output ............................................................. ... 32
4.3.1. Desain Dialog Menu Utama ....................................... .... 32
4.3.2. Desain Form Untuk Administrator ............................ .... 33
4.3.3. Desain Form Untuk Guru ........................................... .... 40
4.3.4. Desain Form Untuk Lihat Nilai Oleh Siswa .............. .... 45
4.3.5. Desain Form Untuk Pengunjung Secara Umum ........ .... 47
4.4. Pengaturan Sotfware Server..................................................... .. 50
4.5. Pedoman Menjalankan Program ............................................. .. 51
4.5.1. Menjalankan Internet Explorer Pada SO Windows ... .. 51
4.5.2. Membuka Homepage SMA Negeri 1 Karanganom ... .. 52
4.6. Desain Teknologi ................................................................... .. 59
4.6.1. Desain Perangkat Lunak Secara Umum...................... . 59
4.6.2. Kebutuhan Memori Database ..................................... .. 62
4.6.3. Kapasitas File Sistem Pendukung .............................. .. 62
4.6.4. Kapasitas File Website ............................................... .. 62
BAB V. KESIMPULAN
5.1. Kesimpulan ............................................................................. .. 63
5.2. Saran ....................................................................................... .. 63
DAFTAR PUSTAKA .................................................................................. . 64
DAFTAR GAMBAR
Halaman
Gambar 2.1. Simbol Entity Luar...................................................................... 12
Gambar 2.2. Simbol Aliran Data ..................................................................... 13
Gambar 2.3. Simbol Proses.............................................................................. 13
Gambar 2.4. Simbol Berkas ............................................................................. 13
Gambar 3.1. Konteks Diagram ................. ..................................................... 16
Gambar 3.2. DFD Level 0................................................................................ 17
Gambar 3.3. DFD Level 1: Proses Input Nilai ................................................ 18
Gambar 3.4. DFD Level 0: Proses Akses Nilai ............................................... 19
Gambar 3.5. DFD Level 1: Proses Pengadministrasian .................................. 20
Gambar 3.6. Struktur File Directory Untuk User ........................................... 21
Gambar 3.7. Struktur File Directory Untuk Admin ........................................ 22
Gambar 3.8. Flow Chart Sistem ...................................................................... 23
Gambar 3.9. Relasi Antar Tabel Pada Sistem Penilaian.................................. 29
Gambar 4.1. Desain Dialog Menu utama......................................................... 32
Gambar 4.2. Desain Form Login Admin ..................... ................................... 33
Gambar 4.3. Desain Form Menu Admin ..................... ................................... 33
Gambar 4.4. Desain Form Ganti Password Admin ........................................ 35
Gambar 4.5. Desain Form Ubah Menu Polling .............................................. 36
Gambar 4.6. Desain Form Tambah Info Terbaru ............................................ 37
Gambar 4.7. Desain Form Hapus Info ................. ........................................... 37
Gambar 4.8. Desain Form Hapus Buku Tamu ................................................ 38
Gambar 4.9. Desain Form Tambah Artikel ..................................................... 39
Gambar 4.10. Desain Form Hapus Artikel ..................................................... 39
Gambar 4.11. Desain Form Dialog Input Guru ............................................. 40
Gambar 4.12. Desain Form Dialog Input Siswa ............................................ 41
Gambar 4.13. Desain Form Dialog Input Pelajaran ........................................ 41
Gambar 4.14. Desain Form Dialog Input Data Jenis Ujian ............................ 42
Gambar 4.15. Desain Form Dialog Input Nilai siswa ..................................... 42
Gambar 4.16. Desain Form Output Data Siswa............................................... 43
Gambar 4.17. Desain Form Output Mata Pelajaran ........................................ 44
Gambar 4.18. Desain Form Output Lihat Nilai Semua Siswa..........................45
Gambar 4.19. Desain Form Login Siswa ........................................................ 46
Gambar 4.20. Desain Tampilan Data Nilai Siswa .......................................... 47
Gambar 4.21. Desain Input Buku Tamu ......................................................... 48
Gambar 4.22. Desain Output Daftar Buku Tamu ............................................ 49
Gambar 4.23. Desain Tampilan Polling .......................................................... 49
Gambar 4.24. Desain Halaman Kontak Admin ............................................... 50
Gambar 4.25. Icon Internet Explorer
Gambar 4.26. Halaman Menu Utama
Gambar 4.27. Halaman Login Siswa
....................................................... 51
....................................................... 52
....................................................... 53
Gambar 4.28.Halaman Daftar Nilai Siswa ..................................................... 53
Gambar 4.29.Halaman Pengisian Buku Tamu ................................................ 54
Gambar 4.30.Tampilan Halaman Artikel ....................................................... 54
Gambar 4.31.Tampilan Halaman Polling ....................................................... 55
Gambar 4.32.Halaman Kontak Administrator ................................................ 56
Gambar 4.33.Tampilan Halaman Info Terkini ................................................ 56
Gambar 4.34.Tampilan Login Admin
....................................................... 57
Gambar 4.35.Halaman Pengaturan Sistem ..................................................... 57
Gambar 4.36.Tampilan Login Guru
....................................................... 58
Gambar 4.37.Tampilan Halaman Menu Guru ................................................ 58
Gambar 4.38.Tampilan Counter Pengunjung ................................................. 59
DAFTAR TABEL
Halaman
Tabel.3.1 Kamus Data File Siswa .................................................................
Tabel.3.2 Kamus Data File Jenis Ujian ........................................................
Tabel.3.3 Kamus Data File Pelajaran ...........................................................
Tabel.3.4 Kamus Data File Nilai .................................................................
Tabel.3.5 Kamus Data File Buku Tamu ......................................................
Tabel.3.6 Kamus Data File User ...................................................................
Tabel.3.7 Kamus Data File Polling...............................................................
Tabel.3.8 Kamus Data File Artikel ..............................................................
Tabel.3.9 Kamus Data File Guru .................................................................
Tabel 4.1. Kebutuhan Perangkat Lunak..........................................................
Tabel 4.2. Alokasi Database Perbulan ............................................................
Tabel 4.3. Kapasitas File Sistem Pendukung .................................................
Tabel 4.4. Kapasitas File Program .................................................................
24
24
25
25
26
27
27
28
28
59
60
60
61
BAB I
PENDAHULUAN
1.1. Latar Belakang Masalah
Perkembangan dunia informatika dan komputer demikian pesat dan ke
berbagai sisi kehidupan manusia. Perkembangan yang demikian tersebut
didukung oleh tersedianya perangkat
keras maupun perangkat lunak yang
semakin hari semakin hebat kemampuannya.
Teknologi informasi tidak dapat dipisahkan dengan perkembangan dunia
informasi internet saat ini. Informasi yang disajikan di dunia internet sudah sangat
global dan selalu diusahakan ontime sehingga waktu update suatu informasi
sangatlah cepat, sehingga mendorong setiap manusia untuk memanfaatkan
kemajuan tersebut untuk mendukung aktifitas kerja dan kegiatan lainnya.
Komputer yang saat ini terus dikembangkan sedemikian rupa, telah berubah
fungsinya tidak hanya sebagai alat hitung-menghitung, serta sebagai alat
manipulasi data tetapi lebih dari itu sudah berkembang menjadi alat komunikasi
yang handal dan efisien.
Pemanfaatan komputer yang seolah-olah tak dapat
dihindari lagi sudah merambah kedalam setiap sisi kehidupan manusia, baik di
dalam kehidupan politik, ekonomi, sosial, budaya, pertahanan dan keamanan
bahkan ke segala aspek kehidupan termasuk di dalamnya lembaga pendidikan.
Sekolah Menengah Atas (SMA) Negeri 1 Karanganom Klaten adalah
sebuah sekolah negeri yang berada di Kecamatan Karanganom Kabupaten Klaten
mempunyai tiga jurusan yaitu :
1. IPA ( Ilmu Alam )
2. IPS ( Ilmu Sosial )
3. BAHASA/SASTRA
Sebagai sebuah sekolah menengah umum negeri yang berusaha
meningkatkan mutu dan kualitas pendidikan, saat ini SMA Negeri 1 Karanganom
Klaten sudah memanfaatkan teknologi komputer, akan tetapi belum digunakan
secara maksimal. Sehingga penyajian informasi masih kurang akurat dan sering
terjadi keterlambatan. Contoh dari kekurangan tersebut adalah:
1. Penyampaian informasi nilai yang lambat khususnya kepada para siswa..
2. Kurang dikenalnya SMA Negeri 1 Karanganom Klaten secara detail oleh
khalayak dan dunia usaha.
3. Masih digunakannya selebaran sebagai bentuk penyampaian informasi, dan
sistem informasi berbasis internet hadir untuk melengkapinya.
Dengan melihat permasalahan diatas maka penulis mencoba untuk
menyusun sebuah sistem informasi berbasis internet yang akan penulis sajikan
dalam bentuk tugas akhir.
1.2. Perumusan Masalah
Agar penelitian lebih sederhana dan terarah perlu adanya perumusan
masalah. Berdasarkan latar belakang masalah yang telah penulis uraikan di atas
maka penulis merumuskan perumusan masalah sebagai berikut:
1. Bagaimana menyusun program aplikasi sistem informasi SMA Negeri 1
Karanganom Klaten berbasis web yang dapat membantu dalam penyajian
informasi secara online ?
2. Bagaimana cara mengimplementasikan website SMA Negeri 1 Karanganom
Klaten agar sesuai dengan kebutuhan ?
1.3. Pembatasan Masalah
Agar dapat memberikan gambaran yang lebih rinci, terarah dan tidak
menyimpang dari yang telah diuraikan dalam latar belakang masalah serta mudah
dipahami pembaca, maka berikut ini akan penulis berikan batasan masalah yaitu
sistem informasi nilai siswa yang mengarah pada penyampaian informasi nilai
ujian siswa dan keterangan remidiasi serta menentukan waktu dan tempat
remidiasi akan diadakan. Sistem informasi ini tidak sampai pada penghitungan
nilai raport siswa yang merupakan hasil dari sistem akademik di SMA Negeri 1
Karanganom Klaten. Selain itu, sistem informasi ini juga memberikan informasi
secara lengkap tentang keberadaan SMA Negeri 1 Karanganom Klaten kepada
khalayak.
1.4. Tujuan Penelitian
Tugas akhir ini selain sebagai salah satu syarat untuk menyelesaikan
pendidikan Diploma III di Program Diploma III Ilmu Komputer Fakultas MIPA
Universitas Sebelas Maret Surakarta juga mempunyai dua tujuan penting, meliputi
tujuan strategis dan tujuan umum yaitu :
1.4.1. Tujuan Strategis
a)
b)
c)
Mahasiswa dapat menerapkan langsung ilmu yang telah dipelajari di
meja kuliah perguruan tinggi.
Mahasiswa dapat menyusun dan membuat website sistem informasi
SMA Negeri 1 Karanganom Klaten berbasis internet.
Instansi dapat menggunakan sistem informasi tersebut untuk
meningkatkan efisiensi kerja.
1.4.2. Tujuan Umum
a)
b)
c)
Membantu bagian sistem informasi manajemen dalam penyajian
informasi dengan berbasiskan internet.
Mahasiswa mendapat pengalaman baru yang selama ini belum pernah
didapat di meja perkuliahan.
Mahasiswa dapat mengadakan studi banding dengan disiplin ilmu
yang ada.
1.5.Manfaat Penelitian
Dengan diadakan studi akhir ini diharapkan dapat bermanfaat bagi semua
pihak, baik pihak akademik, penulis, masyarakat maupun instansi lain. Adapun
manfaat yang diharapkan dari penelitian ini :
1. Bagi Instansi Sekolah
Manfaat yang dapat diperoleh pihak akademik instansi sekolah sebagai
berikut:
a. Memberikan kemudahan dalam penyampaian informasi kepada siswa, guru,
masyarakat maupun pihak yang berkepentingan lainnya.
b. Memperoleh sebuah gambaran tentang desain website yang berguna bagi
eksistensi kerja dan demi kualitas SMU Negeri 1 Karanganom Klaten.
2. Bagi Penulis
Manfaat yang dapat diperoleh penulis dari penelitian ini sebagai berikut :
a. Penulis dapat merealisasikan teori-teori yang telah diperoleh selama
berada di bangku kuliah ke dalam dunia praktek nyata.
b. Penulis dapat membuat sistem informasi yang nantinya dapat
meningkatkan kecepatan maupun ketepatan dalam penyajian informasi
melalui media internet.
3. Bagi Masyarakat
Masyarakat dapat memperoleh informasi secara cepat dan akurat mengenai
keberadaan SMU Negeri 1 Karanganom Klaten.
4. Bagi Instansi lain
Instansi lain dapat memanfaatkan hasil dari sistem tersebut untuk membantu
kinerja pada bagian sistem informasi manajemennya.
Sistem ini nanti
diharapkan akan lebih efisien dan efektif sehingga manfaat yang diperoleh bagi
pengguna sistem akan lebih besar.
1.6. Sistematika Pembahasan
Untuk memberikan gambaran tentang pembahasan tugas akhir ini, maka
secara garis besar pembahasan laporan tugas akhir ini adalah sebagai berikut:
BAB I
BAB II
Pendahuluan, meliputi latar belakang masalah, batasan masalah,
tujuan, manfaat penelitian, metode penelitian, analisis data, dan
sistematika pembahasan.
Landasan teori, meliputi dasar-dasar teoritis yang menjadi landasan
pemecahan masalah yang meliputi pengertian komputer, sistem,
informasi, sistem informasi dan internet.
BAB III Metode Penelitian, meliputi
Alur Penelitian, Sarana Perancangan
Aplikasi (hardware dan software), dan Perencanaan Rancangan
Sistem.
BAB IV
Hasil Penelitian Dan Pembahasan, pada bagian ini akan menampilkan
bentuk-bentuk tampilan pada sistem informasi, pembahasan mengenai
sistem informasi, perancangan sistem yang diperlukan dan petunjuk
menjalankan program.
BAB V
Kesimpulan dan saran, pada bagian ini berisi tentang kesimpulan dari
pembahasan dan saran penulis.
BAB II
LANDASAN TEORI
2.1. Komputer
Istilah komputer (computer) di ambil dari bahasa latin computare yang
berarti menghitung (to computare atau reckon), definisi komputer adalah:
Serangkaian atau sekelompok mesin elektronik yang terdiri dari ribuan bahkan
jutaan komputer yang dapat bekerja sama, serta membentuk suatu sistem kerja
yang sangat rapi dan teliti. Sistem kerja ini kemudian dapat digunakan untuk
melakukan serangkaian pekerjaan secara otomatis, berdasarkan urutan instruksi
atau program yang telah diberikan(Noersasongko, 1999).
2.1.1. Perangkat-perangkat Komputer
Komputer sebagai alat pengolah data terdiri dari beberapa elemen yang
saling mendukung dan tidak bisa bekerja sendiri-sendiri, perangkat-
perangkat komputer itu adalah :
1). Perangkat Keras (Hardware)
Perangkat keras komputer atau hardware terdiri dari semua
peralatan fisik komputer yang diperlukan dalam mengolah data,
antara lain: CPU yaitu central Processing Unit yang merupakan pusat
dari komputer, berfungsi untuk melakukan kegiatan aritmatik dan
logika. Unit ini juga mengawasi seluruh kegiatan sistem pengolahan
data elektronika, selain itu juga melakukan kegiatan penyimpanan
data. CPU terbagi menjadi tiga unit yaitu:
a). Unit Control
Yaitu unit yang berfungsi mengawasi semua unit lain dari
komputer, memilih alat I/O yang sesuai dan menyebabkan data
mengalir diantara alat I/O tersebut dan mengatur semua kegiatan
dalam sistem pengolahan data elektronik.
b). Unit Arithmatic Logic Operation
Melaksanakan kegiatan-kegiatan perhitungan dan logika lainnya.
Data ini di proses sesuai instruksi yang diterimanya, setelah
selesai diproses hasilnya akan dikembalikan ke penyimpanan
utama.
c).
Penyimpanan Utama (Unit Memory)
Penyimpanan
utama
(Unit
Memory)
merupakan
tempat
penyimpanan program dan data yang aktif yaitu program yang
akan diproses, data yang akan diproses serta data yang telah
selesai diproses dan menunggu untuk dipindahkan ke unit
keluaran.Unit ini merupakan alat penyimpanan yang bertipe
random dan terdiri dari ribuan lokasi penyimpanan (Storage
Section) yang masing-masing dapat dicapai langsung oleh unit
kontrol (Noersasongko, 1995).
2). Perangkat Lunak (Software)
Komputer merupakan benda mati yang tidak dapat berbuat apa-
apa tanpa adanya perangkat lunak yang berupa instruksi-instruksi
yang bisa ditangkap oleh komputer. Teknologi yang canggih dari
perangkat keras akan berfungsi bila instruksi-instruksi telah diberikan
padanya. Instruksi perangkat lunak ditulis oleh manusia untuk
mengaktifkan fungsi dari perangkat keras komputer. Ada tiga bagian
dari perangkat software ini:
a). Sistem Operasi (Operating System)
Sistem Operasi (Operating system) yaitu program yang
ditulis untuk mengendalikan mengkoordinasikan kegiatan dari
seluruh sistem.
b). Perangkat Lunak Bahasa (Driver)
Perangkat lunak bahasa yaitu program yang digunakan
untuk menterjemahkan instruksi-instruksi yang ditulis dalam
bahasa pemrograman, ke dalam bahasa mesin agar dapat
dimengerti.
c). Perangkat Lunak Aplikasi (Aplication Software)
Merupakan program yang ditulis dan diterjemahkan oleh
perangkat bahasa yaitu program untuk menyelesaikan suatu
permasalahan tertentu (Noersasongko, 1995).
3). Brainware
Brainware adalah pengguna komputer atau orang-orang yang
berhubungan dengan komputer, brainware ini dapat dibedakan menjadi
empat yaitu:
a). Analisis Komputer
Seorang analisis adalah orang yang bertanggung jawab pada
pembuatan perencanaan suatu aplikasi tertentu secara keseluruhan.
b). Programer
Merupakan orang yang bekerja membuat aplikasi komputer,
menyusun instruksi-instruksi untuk komputer, menguji program
dan menyiapkan dokumentasi.
c). Operator
Merupakan orang yang bertugas mengoperasikan program aplikasi
yang disusun oleh seorang programer, dengan mengikuti instruksi
yang sebelumnya telah dituangkan ke dalam pedoman menjalankan
program.
d). Librarian
Petugas yang berwenang pada pemeliharaan dan penyimpanan
program-program, file-file transaksi atas catatan komputer lainnya
(Noersasongko, 1995).
2.2. Sistem
Pengertian sistem adalah kesatuan entitas (kerangka) yang difokuskan
pada serangkaian tujuan (Wilkinson, 1993).
Dalam pembuatan sistem, tidak hanya memperhatikan sistem apa yang
harus dibuat dan bagaimana cara pengoperasiannya yang baik, tetapi juga harus
memperhatikan fungsi-fungsi yang lainnya. Fungsi-fungsi tersebut adalah analisa
sistem, perancangan sistem, program aplikasi, pengetesan sistem, instalasi sistem,
pemeliharaan sistem dan evaluasi sistem secara langsung (Nugroho, 1997).
2.2.1. Analisa Sistem
Analisa mengenai sumber daya yang diperlukan dan memilih
perancangan-perancangan aplikasi pengolahan data yang efektif untuk
menyelesaikannya. Kegiatan utamanya adalah menghasilkan jawaban
terbaik sesuai dengan yang diinginkan dan banyak mencari solusi yang
ekonomis. Kegiatan ini mencakup tugas-tugas sebagai berikut :
a). Memilih sistem untuk dikembangkan, dan menggariskan perancangan
pengembangan secara keseluruhan.
b). Analisis
terhadap
operasi
yang
sedang
berlangsung
untuk
menentukan kemungkinan kemajuan dan menyediakan bahan-bahan
untuk perancangan sistem.
c). Analisis biaya atau berbagai manfaat alternatif yang memungkinkan
untuk dibiayai.
d). Menyeleksi sistem yang digunakan sekarang dan dirancang untuk
masa yang akan datang.
e). dan operasi struktur database.
2.2.2
2.2.3
2.2.4
2.2.5
Perancangan Sistem
Perancangan sistem adalah perancangan secara lengkap mengenai
spesifikasi sistem pengolahan data yang akan dilaksanakan.
Program Aplikasi
Program aplikasi adalah mengubah sistem spesifikasi kedalam perintah-
perintah komputer atau bahasa komputer.
Pengetesan sistem
Pengetesan sistem ini berfungsi untuk menguji keberhasilan sistem,
apakah sudah dapat dioperasikan sesuai dengan kebutuhan yang telah
ditentukan.
Instalasi Sistem
Setelah sistem yang dibuat telah diuji, kemudian sistem yang baru tersebut
siap di operasikan.
2.2.6
2.2.7
Pemeliharaan Sistem
Membuat sedikit perubahan pada suatu sistem supaya sesuai dengan
kebutuhan yang ada.
Evaluasi Sistem
Berfungsi untuk mengevaluasi kembali sistem yang diterapkan apakah
sudah memenuhi tujuan yang akan dicapai ? dan apakah sistem yang ada
sudah memadai ?
2.3. Informasi
Pengertian informasi adalah data yang telah diproses atau data yang
mempunyai arti bagi penerimanya setelah dilakukan pengolahan, sehingga dapat
digunakan sebagai dasar dalam mengambil keputusan yang dapat dirasakan
akibatnya baik secara langsung atau tidak langsung (Badudu dkk ,1996).
Dari penggabungan antara pengertian sistem dengan pengertian informasi
di atas, dapat terbentuk satu pengertian tentang apa itu sistem informasi, yaitu
suatu sistem manusia-mesin yang
terpadu untuk menyajikan informasi guna
mendukung fungsi operasi, manajemen dan pengambilan keputusan dalam
organisasi.
2.4 Internet
Internet adalah suatu jaringan komunikasi tanpa batas yang melibatkan
jutaan komputer pribadi yang tersebar di seluruh dunia. Melalui internet siapa saja
dapat dengan leluasa mengakses berbagai macam informasi dari berbagai tempat.
informasi dapat diakses berupa teks, grafik, suara maupun video.
2.5. TCP/IP
Transfer Control Protokol / Internet Protocol (TCP/IP) adalah sistem
protokol yang mengatur pertukaran data antar program dan lalu lintas data antar
komputer, dimana mengandung sejumlah bit yang bukan merupakan informasi
tetapi diperlukan untuk melakukan error detection dan koreksi (Tanutama,
1993).
2.6. HTML
Hypertext Markup Language (HTML) merupakan dokumen text biasa
yang mudah untuk dimengerti dibandingkan bahasa pemrograman lainnya. dan
karena itu HTML dapat dibaca lewat platform yang berlainan seperti Windows,
UNIX dan lain-lain. Untuk lebih jelasnya HTML adalah suatu script dimana kita
bisa menampilkan informasi dan daya kreasi kita lewat internet (Agung, 1999).
2.7. PHP
Didalam membuat sebuah website yang dinamis, selain dengan HTML
juga menggunakan sebuah script atau bahasa pemrograman yang lain yang tentu
saja mendukung script HTML yang berupa Hypertext Preprocesor (PHP). PHP
adalah bahasa yang menyatu dengan bahasa pemrograman HTML dan berada
dalam server-side HTML embedded scripting (Microsoft Pers,1995).
2.8. Web Server Apache
Apache merupakan web server yang paling banyak digunakan di internet.
Program ini didesain untuk sistem operasi lingkungan UNIX. Namun demikian
pada beberapa versi berikutnya Apache mengeluarkan programnya yang dapat
dijalankan di Windows NT.
Berdasarkan sejarahnya, Apache dimulai oleh veteran National Center for
Supercomputing Aplikastion (NSCA). Saat itu pengembangan NSCA httpd
sebagai web server mengalami stagnasi. Rob Mc Cool meninggalkan NSCA dan
melalui sebuah proyek baru bersama para webmaster lainnya, menambal bug, dan
menambah fitur pada NSCA httpd. Mereka mengembangkan program ini lewat
mailing list. Dengan berpijak pada NSCA httpd versi 1.3, Team Apache
mengeluarkan
rilis
pertama
kali
secara
resmi
Apache
versi
0.62
(Sunarfrihantono, 2002).
2.9. MySQL
MySQL adalah multiuser database yang menggunakan bahasa Structured
Query Language (SQL). MySQL dalam operasi client-server melibatkan server
daemon MySQL di sisi server dan berbagai macam program serta library yang
berjalan di sisi client. MySQL mampu menangani data yang cukup besar.
perusahaan yang mengembangkan MySQL yaitu Tex, mengaku mampu
menyimpan data lebih dari 40 database, 10.000 tabel dan sekitar 7 juta baris,
totalnya kurang lebih 100 Gigabyte data.
SQL adalah bahasa standar yang digunakan untuk mengakses database
server. Bahasa ini pada awalnya dikembangkan oleh IBM, namun telah diadopsi
dan digunakan standar industri. Dengan menggunakan SQL, Proses akses
database menjadi lebih user-friendly dibandingkan menggunakan dBASE atau
Clipper
yang
masih
menggunakan
perintah-perintah
pemrograman
(Sunarfrihantono, 2002).
2.10.
DFD (Data Flow Diagram)
DFD adalah suatu model logika data atau proses yang dibuat untuk
menggambarkan darimana asal data dan kemana tujuan data yang keluar dari
system, dimana data disimpan, proses apa yang mengahasilkan data tersebut dan
interaksi antara data yang tersimpan dan proses yang dikenakan pada data
tersebut.
Ada beberapa simbol DFD yang dipakai data beserta proses transformasi
data, antara lain :
1. Entity Luar
Entity luar merupakan sumber atau tujuan aliran data dari atau ke sistem
yang berasal dari lingkungan luar sistem, jadi sistem tidak tahu menahu
mengenai apa yang terjadi di entity luar. Entity luar bias digambarkan secara
fisik dengan sekelompok orang atau mungkin sebuah sistem lain. Disimbolkan
seperti gambar berikut :
E1
Nama Entity
Gambar 2.1. Simbol Entity Luar
2. Aliran data
Menggambarkan aliran data dari satu proses ke proses yang lain. Adapun
symbol dari aliran data adalah sebagai berikut :
Gambar 2.2. Simbol aliran data
3. Proses
Proses atau fungsi yang mentransformasi data secara umum digambarkan
dengan segi empat tumpul, seperti pada gambar berikut :
P1
Nama Proses
Gambar 2.3. Simbol Proses
4. Berkas atau tempat penyimpanan
Berkas merupakan komponen yang berfungsi untuk menyimpan data atau
file. Simbol dari berkas dapat digambarkan dengan segi empat terbuka seperti
berikut :
Gambar 2.4. Simbol Berkas
(Andri Kristanto, 2003).
BAB III
METODE PENELITIAN
3.1. Alur Penelitian
Untuk mengetahui sistem kerja yang ada pada Sekolah Menengah Atas
(SMA) Negeri 1 Karanganom Klaten
maka peneliti ikut terjun langsung
kelapangan.
Pengambilan data penelitian yang dilakukan menggunakan dua metode
yaitu observasi dan metode wawancara langsung. Dua metode tersebut digunakan
untuk memperoleh data yang tepat dan akurat untuk kesempurnaan sistem yang
akan dibuat.
3.1.1. Metode observasi
Metode observasi yaitu terjun langsung ke bagian administrasi untuk
memperoleh data bagaimana cara pencatatan mahasiswa baru serta sistem
penilaian ujian siswa dari Sekolah Menengah Atas (SMA) Negeri 1
Karanganom Klaten. Dengan cara observasi ini dapat diperoleh data yang
lengkap dan akurat.
3.1.2. Metode wawancara langsung
Metode wawancara langsung yaitu metode untuk mendapatkan keterangan-
keterangan pelengkap dari bagian yang terkait dengan bagian informasi.
3.2. Sarana Perancangan Aplikasi
a. Perangkat Keras
Perangkat keras yang digunakan untuk membuat aplikasi menggunakan
PC (Personal Computer) dengan spesifikasi sebagai berikut :
1. Intel Pentium 4 (R)
2. Prosessor 1.70 GHz
3. Memory 128 MB
4. Hard Disk 20 GB
5. Keyboard, Mouse, Printer
b. Perangkat Lunak
Perangkat lunak (software) yang digunakan dalam pembuatan aplikasi
adalah :
1. Sistem Operasi (OS)
2. Software
3. Server Host
4. Database
: Windows 2000 Professional Edition.
: Macromedia Dreamweaver MX.
: Apache Launcher.
: MySQL WinAdmin.
3.3. Rancangan Sistem
Tahapan perencanaan rancangan sistem digunakan untuk menentukan
lingkup sistem yang akan dibuat. Untuk menentukan jadwal sistem yang akan
dibuat dan sistem akan dijabarkan dalam bentuk Konteks Diagram seperti terlihat
pada Gambar 3.1. Data Flow Diagram (DFD) sering diterjemahkan menjadi
Diagram Aliran Data (DAD), Sedangkan DAD merupakan alat yang biasa
digunakan untuk mendokumentasikan proses dalam sistem. Tujuannya adalah
memberikan pandangan umum sistem .
DFD merupakan representasi dari arus data, entry terkait dan tabel tabel
database yang ada di dalam sistem. Di dalam system ini DFD Level 0 seperti
terlihat pada Gambar 3.2. Konteks diagram memperlihatkan sebuah proses yang
berinteraksi dengan lingkungannya. Ada pihak luar atau lingkungan yang
memberikan masukan dan ada pihak yang menerima dari keluaran sistem
(Fathasyah,1999).
Dalam tahapan ini juga menentukan struktur file directory yang
merupakan alat yang biasa digunakan untuk mendokumentasikan proses dalam
sistem yang memperlihatkan file yang saling berhubungan dengan file lainnya.
Seperti terlihat pada Gambar 3.6 merupakan file directory untuk user, sedangkan
pada Gambar 3.7 merupakan file directory untuk admin, dan pada Gambar 3.8
merupakan flowchart sistem input dan akses nilai serta proses pengadministrasian.
3.3.1 Konteks Diagram
Siswa
Login
Data Tamu
Login
Nilai Siwa
Informasi
Siswa
(NIS + Password)
Guru
Login
Nilai Siswa
Sistem informasi
SMA N 1
Karanganom
online
Lap. Nilai siswa
Informasi
Guru
Administrator
Informasi
Login
Pengaturan Sistem
Uang Perawatan sistem
Administrator
Khalayak
Data Tamu
Informasi Pendaftaran
Khalayak
Informasi Sekolah, dll
Gambar 3.1 Struktur Konteks Diagram
3.3.2 DFD Level 0
GURU
E1
P3
SISWA
E3
Akses Nilai
ADMIN
E2
D4
File Nilai
D1
File Siswa
E4
Khalayak
P7
Tampilkan
Buku tamu
Gambar 3.2. DFD Level 0
D6
File Buku tamu
P4
Pengadministrasian
P8
Isi Buku tamu
P5
Simpan Info dan
Pengaturan
P6
Akses
Informasi
P1
Input Nilai
P2
SimpanData
Nilai
3.3.3. DFD Level 1 : Proses Input Nilai
DFD level 1 dari proses input nilai oleh guru seperti terlihat pada Gambar 3.3 berikut :
Guru
E1
Login
Lap.Login
gagal
Username
Password
data login
D5
File User
Login gagal
username & Passw
belum terdaftar
Daftar Nilai
Siswa
Lap.Login
Berhasil
D1
D2
D3
File Siswa
File Pelajaran
File Jenis
Data Nilai
Siswa
Data Nilai
seluruh Siswa
D4
File Nilai
Gambar 3.3. DFD Level 1 : Proses Input Nilai (oleh guru)
P1.6
Menampilkan
Daftar Nilai
P1.3
Menampilkan
Kembali Form
Login Guru
P1.5
Menyimpan
Data Nilai
P1.1
Input Login
Guru
P1.2
Cek Login
Guru
P1.4
Pengisian Form
Daftar Nilai
P1.7
Log out
3.3.4 DFD Level 1 : Proses Akses Nilai
DFD level 1 dari proses akses nilai oleh siswa seperti terlihat pada Gambar 3.4 berikut :
Siswa
E3
Login
Lap,Login
gagal
NIS
Password
Data Login
D5
File User
Login gagal
username & Passw
belum terdaftar
Lap. Login
berhasil
Data Nilai Siswa
Gambar 3.4. DFD Level 1 : Proses Akses Nilai (oleh siswa)
D4
File Nilai
P2.3
Menampilkan
kembali form
login siswa
P2.1
Input Login
Siswa
P2.5
Log Out
P2.2
Cek Login
Siswa
P2.4
Lihat dan
Download
Nilai
3.3.5. DFD Level 1 : Proses Pengadministrasian
DFD level 1 dari proses Pengadministrasian yang terdiri dari input informasi, artikel, pengumuman, pengaturan login
dan sistem oleh administrator seperti terlihat pada Gambar 3.5 berikut :
Admin
E2
Login admin
Lap. Login
gagal
Username
Password
data login
D5
File User
Login gagal
username & Passw
belum terdaftar
Lap. Login
Berhasil
hasil update
D9
File Artikel
inf. dan
pengumuman
D10
File pengumuman
D5
File user
hasil update
artikel
hasil update
login dan sistem
Gambar 3.5. DFD Level 1 : Proses Pengadministrasian
P3.3
Menampilkan
kembali form
Login admin
P3.1
Input Login
Admin
P3.2
Cek Login
Admin
P3.5
Input
Informasidan
Pengumuman
P3.6
Pengaturan
Login dan
Sistem
P3.7
Menyimpan
Hasil Update
P3.4
Input dan
pengaturan
artikel
P3.8
Log Out
3.3.6 File Directory Untuk User
User
Polling
Halaman Utama
index.php
Home
index.php
Admin
admin.php
Kontak
kontak.php
Polling.php
Counter
Counter.php
Perpindahan
halaman
Link pada halaman
utama
Home
index.php
Profile
mm_menu.css
Fasilitas
fasilitas.php
Kurikulum
kurikulum.php
Sejarah
Singkat
sejarah.php
Visi dan Misi
visi.php
Struktur
Organisasi
struktur.php
Prestasi
prestasi.php
Personalia
personalia.php
Ekstrakurikuler
ekstra.php
Galeri foto
galeri.php
Lihat Nilai
Login_siswa.php
Buku tamu
bukutamu.php
Artikel
artikel.php
info terkini
pengumuman.php
SMA inside
www.google.com
UNS
www.uns.ac.id
UGM
www.ugm.ac.id
ITB
www.itb.ac.id
UI
www.ui.ac.id
Depdiknas
www.depdiknas.go.id
Gambar 3.6. Struktur File Directory untuk User
3.3.7 File Directory Untuk Administrator
Admin
Login admin
Login
login_admin.php
menu_admin.php
Halaman Utama
Admin
Perpindahan
Halaman
gagal
berhasil
Link menu Admin
Administrator
change password.php
Polling
edit_polling.php
Info Terkini
edit_info.php
Bukutamu
delete_GB.php
Artikel
edit_artikel.php
Forum Diskusi
add_topik.php
del_topik.php
buat_kategori.php
hapus_kategori.php
Gambar 3.7. Struktur File Directory untuk Administrator
3.3.8 Flow Chart
1. Pengaturan Sistem Oleh Admin
Mulai
Input username
dan Password
2. Input Nilai Oleh Guru
Mulai
Input NIP
dan Password
3. Akses Nilai Oleh Siswa
Mulai
Input NIS
dan Password
gagal
Data Login
Admin
gagal
Data Login
Guru
gagal
Data Login
Siswa
Cek Data Login
Admin
barhasil
Pengaturan
sistem
Hasil Update
sistem baru
Simpan update
sistem
Logout
Selesai
Cek Data Login
Guru
berhasil
Input Nilai Siswa
Data Nilai Siswa
Simpan Nilai
Siswa
Logout
Selesai
Gambar 3.8. Flow Chart Sistem
Cek Data Login
Siswa
berhasil
Lihat Nilai
Data Nilai
Download
Logout
Selesai
3.4. Perancangan Tabel Basis Data
Didalam setiap pembuatan aplikasi tidak lepas dengan adanya Basis Data
atau disebut dengan istilah Database /Data storage. Perancangan basis data untuk
aplikasi website SMA Negeri 1 Karanganom Klaten adalah sebagai berikut :
1. File Siswa
Digunakan untuk menyimpan data siswa, dengan Nomor Induk Siswa (NIS)
sebagai primary key yang nantinya digunakan untuk pencarian (searching) data
siswa. Tabel diberi nama SISWA, dengan field sebagai berikut:
Tabel 3.1. Kamus Data File Siswa (SISWA.DBF).
2. File Jenis Ujian
Digunakan untuk menyimpan data jenis ujian yang ada, dengan kode_jenis
sebagai primary key yang nantinya digunakan dalam pencarian data jenis ujian.
Tabel diberi nama JENIS, dengan field sebagai berikut :
Tabel 3.2. Kamus Data File Jenis Ujian (JENIS.DBF).
No
Nama Item Data
Type
Lebar
Keterangan
Penulisan
Di Sistem
1
* NIS
NIS
C
6
Auto_increment
2
Nama
Nama
C
40
3
Kelas
Kelas
C
5
4
Alamat
Alamat
C
40
5.
Telp
Telp/HP
C
12
6.
Password
Password
C
12
Lebar antara 6 s/d 12 digit
No
Nama Item Data
Type
Lebar
Keterangan
Penulisan
Di Sistem
1
* Kode_jenis
Kode Ujian
integer
11
Auto_increment
2
Nama
Nama Ujian
C
30
Keterangan ujian
3. File Pelajaran
Digunakan untuk menyimpan data jenis-jenis mata pelajaran yang ada, dengan
Kode_pelajaran
dijadikan
sebagai
primary
key.
Tabel
diberi
nama
PELAJARAN, dengan field sebagai berikut :
Tabel 3.3. Kamus Data File Pelajaran (PELAJARAN.DBF)
4. File Nilai
Digunakan untuk menyimpan data nilai siswa. NIS digunakan untuk mengakses
file SISWA.DBF, Kode_pelajaran untuk mengakses file PELAJARAN.DBF
dan kode_jenis digunakan untuk mengakses file JENIS.DBF. Tabel diberi nama
NILAI, dengan field sebagai berikut :
Tabel 3.4. Kamus Data File Nilai (NILAI.DBF).
No
Nama Item Data
Type
Lebar
Keterangan
Penulisan
Di Sistem
1
NIS
NIS
C
6
2
Kode_Pelajaran
Kode Pelajaran
C
5
3.
Kode_Jenis
Kode Jenis Ujian
integer
11
4.
Nilai
Nilai
Float
5.
Ket
Keterangan
Boolean
-
Lulus/Remidi/Gagal
6.
Tglremidi
Tanggal Remidi
Date
7.
Jam
Jam Remidi
C
4
8.
Tempat
Tempat Remidi
C
15
No
Nama Item Data
Type
Lebar
Keterangan
Penulisan
Di Sistem
1
* Kode_pelajaran
Kode Pelajaran
C
5
Auto_increment
2
Nama
Nama Pelajaran
C
40
3
Kelas
Kelas
C
8
5. File Buku tamu
Digunakan untuk menyimpan kritik/pesan/saran yang diisikan oleh para
pangunjung . Pengunjung juga diminta untuk memasukkan nama, alamat, jenis
kelamin, dan alamat email .Catatan waktu dan tanggal akan secara otomatis
sesuai waktu dan tanggal pada saat pesan dikirim.
Tabel diberi nama
Bukutamu, dengan field sebagai berikut :
Tabel 3.5. Kamus Data File Buku Tamu (BUKUTAMU.DBF).
6. File User
Digunakan untuk menyimpan field username dan password user. Didalam
sistem terdapat 3 user yaitu :
1. Siswa
Seorang siswa harus login dengan memasukkan NIS sebagai username
siswa dan password, yang digunakan untuk mengakses form nilai ujian
siswa dan informasi remidiasi.
2. Guru
Seorang Guru harus login dengan memasukkan NIP sebagai username dan
password, yang digunakan untuk mengakses form menu guru yang terdapat
submenu input siswa, input pelajaran, input jenis ujian dan input nilai siswa.
No
Nama Item Data
Type
Lebar
Keterangan
Penulisan
Di Sistem
1
* id
id
integer
3
Auto_increment
2
Nama
Nama
C
30
3
Lokasi
Lokasi
C
30
4
Jenis
Jenis kelamin
C
6
5.
C
30
6.
Jam
Jam
Time
7.
Waktu
Tanggal
date
8.
Host
Host
C
30
9.
Komentar
Komentar
Long text
3. Administrator
Untuk mengakses form pengaturan admin yang didalamnya terdapat menu
pengaturan password, pengaturan polling, info terkini, bukutamu, dan
pengaturan artikel ilmiah. Seorang admin harus login dengan memasukkan
username dan password admin.
Tabel diberi nama USER, dengan field sebagai berikut :
Tabel 3.6. Kamus Data File User (USER.DBF).
7. File Polling
Pada Tabel polling terdapat 5 pilihan pendapat yang tersedia yang nantinya
digunakan untuk jajak pendapat sesuai judul polling. Tabel diberi nama
POLLING, dengan field sebagai berikut :
Tabel 3.7. Kamus Data File Polling (POLLING.DBF).
8. File Artikel
Digunakan untuk menyimpan dan menampilkan data artikel ilmiah. Disini
terdapat field yang bernama isi bertype longtext yang memiliki karakter yang
No
Nama Item Data
Type
Lebar
Keterangan
Penulisan
Di Sistem
1
* id
-
integer
11
Auto_increment
2
Nama
-
C
60
Judul polling
3
Pilihan 1
-
C
12
Pilihan 1
4
Pilihan 2
C
12
Pilihan 2
5
Pilihan 3
C
12
Pilihan 3
6
Pilihan 4
C
12
Pilihan 4
7
Pilihan 5
C
12
Pilihan 5
No
Nama Item Data
Type
Lebar
Keterangan
Penulisan
Di Sistem
1
* Username
User/NIS/NIP
C
10
Auto_increment
2
Password
Password
C
12
Lebar antara 6 s/d 12 digit
sangat panjang, digunakan untuk menyimpan isi artikel. Tabel diberi nama
ARTIKEL, dengan field sebagai berikut :
Tabel 3.8. Kamus Data File Artikel (ARTIKEL.DBF).
9. File Guru
Digunakan untuk menyimpan data guru untuk proses input nilai. Terdapat
field NIP sebagai primary key yang nantinya digunakan untuk login guru.
Tabel diberi nama GURU, dengan field sebagai berikut :
Tabel 3.9. Kamus Data File Guru (GURU.DBF).
No
Nama Item Data
Type
Lebar
Keterangan
Penulisan
Di Sistem
1
* id
-
integer
4
Auto_increment
3
Jenis
Jenis
C
255
4
Tanggal
Tanggal berita
Date
5
Judul
Judul berita
C
255
6
Kop
kop
C
255
7
isi
Isi berita
Long Text
8
pengirim
pengirim
C
50
9
gbr
gambar
C
200
10
klik
-
Integer
3
11
Gbr2
Bentuk gambar
C
200
No
Nama Item Data
Type
Lebar
Keterangan
Penulisan
Di Sistem
1
* NIP
NIP
integer
11
Auto_increment
2
Kode_pelajaran
Kode pelajaran
C
5
3
nama
Nama Guru
C
30
4
Password
Password
C
12
Lebar antara 6 sampai 12
digit
3.5. Hubungan relasi antar tabel pada sistem akses nilai oleh siswa
SISWA.DBF
PELAJARAN.DBF
LOGIN SISWA.DBF
NILAI.DBF
JENIS.DBF
Gambar 3.9. Relasi anter tabel pada sistem akses nilai ujian siswa
ID
NIS
Kode P
Kode_Ujian
Nilai
Ket
1
011
A123456
UJ12345
9
Lulus
2
011
P156789
UJ67890
8
Remidi
3
012
A123456
UJ12345
6
Lulus
4
012
P156789
UJ67891
10
Gagal
Kode_Ujian
Nama
UJ12345
Ulangan Harian 1
UJ67890
Tengah akhir semester
UJ67891
Ujian akhir semester
Kode_Pelajaran
Nama
Kelas
A123456
Agama
X
P156789
PPKn
XI
NIS
Nama
Kelas
Alamat
Telp
Password
011
Adi
1
Mojogedang
634567
Adi011
012
Ani
1
Karangpandan
654221
Ani012
Username(NIS)
Password
011
Adi011
012
Ani012
BAB IV
HASIL PENELITIAN DAN PEMBAHASAN
4.1 Sistem Informasi SMA Negeri 1 Karanganom Klaten Saat Ini
Sistem informasi SMA Negeri 1 Karanganom Klaten yang sudah ada
sampai saat ini masih bersifat manual yaitu pemberian informasi secara lisan
maupun secara tertulis yang ditempelkan di papan pengumuman saja. Sehingga
besar kemungkinan terjadinya kesalahan informasi baik dalam penyampaiannya
maupun dalam penggunaan informasi tersebut. Jika masyarakat membutuhkan
informasi tentang SMA Negeri 1 Karanganom Klaten, maka harus datang
langsung ke instansi tersebut.
4.2 Proses Pembentukan Sistem Yang Baru
Seperti yang telah dikemukakan pada bab 2 di atas SMA Negeri 1
Karanganom Klaten adalah Sekolah menengah atas yang berusaha meningkatkan
mutu dan kualitas pendidikannya. Berawal dari hal tersebut SMA Negeri 1
Karanganom Klaten akhirnya sampai pada suatu hal yang membuat SMA Negeri
1 Karanganom Klaten memberanikan diri untuk mengakses informasi secara
online. Keputusan ini di ambil juga dalam rangka menyikapi arus perkembangan
teknologi informasi yang berkembang dengan pesat, bahkan perkembangannya
tidak lagi setiap bulan atau hari bahkan setiap detik. Adapun susunan sistem
informasi di SMA Negeri 1 Karanganom Klaten berbasis internet sebagai berikut :
4.2.1
4.2.2
Selayang Pandang SMA Negeri 1 Karanganom Klaten
Berisi kata sambutan dari Kepala Sekolah SMA Negeri 1 Karanganom
Klaten beserta alamat lengkap Sekolah dengan nomor telepon, faximile
dan alamat website.
Profile SMA Negeri 1 Karanganom Klaten
Dengan Pop Up Menu Berisi tentang :
1. Sejarah singkat berdirinya SMA Negeri 1 Karanganom Klaten.
2. Visi dan Misi SMA Negeri 1 Karanganom Klaten.
3. Struktur Organisasi SMA Negeri 1 Karanganom Klaten.
4. Data kelulusan dan prestasi SMA Negeri 1 Karanganom Klaten.
5. Data Personalia dan tugas masing-masing.
4.2.3
4.2.4
Fasilitas SMA Negeri 1 Karanganom Klaten
Berisi tentang daftar fasilitas pendidikan maupun fasilitas pendukungnya.
Kurikulum SMA Negeri 1 Karanganom Klaten
a. Bagan struktur organisasi kurikulum SMA Negeri 1 Karanganom
Klaten.
b. Daftar kurikulum SMA Negeri 1 Karanganom Klaten pada semua
program studi
(IPA, IPS, BAHASA).
4.2.5
4.2.6
4.2.7
4.2.8
4.2.9
Kegiatan Ekstrakurikuler SMA Negeri 1 Karanganom Klaten
Daftar kegiatan ekstra kurikuler yang ada di SMA Negeri 1 Karanganom
Klaten secara lengkap dan terinci.
Galeri Foto SMA Negeri 1 Karanganom Klaten
Berisi foto-foto dokumentasi penting dalam setiap diadakannya sebuah
acara resmi.
Prosedur Pengisian Buku Tamu
a. Pengunjung website mengisi data login tamu yang terdiri dari nama,
alamat, email dan komentar.
b. Data login tamu dikirim ke database server.
c. Tampilan laporan daftar tamu yang telah login.
Prosedure Input Nilai oleh Guru di SMA Negeri 1 Karanganom Klaten
a. Seorang Guru melakukan login dengan memasukkan NIP dan password
(* Guru).
b. Data login dikirim ke database server
c. Tampilan daftar input nilai siswa.
Prosedure Akses Informasi Nilai oleh Siswa di SMA Negeri 1
Karanganom Klaten
a. Siswa melakukan login dengan memasukkan NIS dan password
(* siswa).
b. Data login dikirim ke database server
c. Tampilan daftar nilai sesuai data login.
4.2.10 Info Terkini
Berupa pengumuman penting dari pihak sekolah. Dimaksudkan sebagai
pengganti papan pengumuman yang masih dituliskan secara manual.
4.2.11 Artikel Ilmiah
Berupa kumpulan artikel ilmiah yang sangat bermanfaat bagi para
pengunjung khususnya bagi para siswa.
4.3 Desain Input Output
Desain input output digunakan untuk mendapatkan suatu tampilan pada
layar komputer yang mudah dipahami dan mudah dimengerti oleh pemakai (user).
4.3.1. Desain Dialog Menu Utama
Pada menu utama ini terdapat dua bagian menu yang semuanya
dapat digunakan pada tampilan pertama website. Yaitu menu kiri dan
menu kanan. Untuk lebih jelasnya dapat dilihat pada Gambar 4.1
[Heading Web]
Menu
Menu
Menu
Menu
Menu
Artikel
Ilmiah
[home][admin][kontak]
SELAYANG PANDANG
[- Uraian -]
Date
INFO
Login
Guru
Link
Inside
Polling
[tulisan berjalan/marquee]
Gambar 4.1. Desain dialog menu utama
4.3.2. Desain Form Untuk Administrator
1. Form Login Admin
Form Login admin digunakan untuk masuk dalam menu administrator
yang didalamnya terdapat link-link pengaturan antara lain form
pengaturan password, pengaturan polling, info terkini, bukutamu,
artikel dan forum diskusi. Cara menjalankan form ini adalah dengan
memasukkan username dan password yang sesuai dengan yang
tersimpan didalam database USER.DBF, bila username atau password
tidak sesuai dengan database maka login gagal dan tidak berhasil
masuk ke menu administrator. Tampilan Form bisa dilihat pada
Gambar 4.2 sebagai berikut :
Nama File : login_admin.php
[Heading Web]
Menu
Menu
Menu
[home][admin][kontak]
LOGIN ADMINISTRATOR
Date
INFO
Menu
User Name
XXXXXXXXXXXX
Menu
Artikel
Ilmiah
Password
Login
XXXXXXXXXXXX
Batal
Login
Guru
Link
Inside
Polling
[tulisan berjalan/marquee]
Gambar 4.2. Desain Form Login Administrator
2. Form Menu Administrator
Pada form menu administrtor ini terdapat link-link pengaturan
antara lain form :
a. Pengaturan password yaitu Ganti password.
b. Pengaturan polling terdiri dari edit dan delete polling.
c. Pengaturan info terkini terdiri dari add dan delete info.
d. Pengaturan bukutamu yaitu hapus bukutamu
e. Pengaturan artikel terdiri dari tambah dan hapus artikel.
Tampilan Form bisa dilihat pada Gambar 4.3 sebagai berikut :
[Heading Web]
Menu
[home][log out][kontak]
MENU ADMINISTRATOR
Date
Menu
Menu
Menu
Menu
Artikel
Ilmiah
Polling
Administrator
Change Password
Polling
Edit Polling
Info Terkini
Add Info
Delete Info
Guestbook
Delete pesan
Artikel
Add Artikel
Delete Artikel
Guru
INFO
Login
Guru
Link
Inside
Input guru
[tulisan berjalan/marquee]
Gambar 4.3. Desain Form Menu Admin
Untuk lebih jelasnya akan penulis tampilkan desain form-form
pengaturan tersebut :
a. Desain Form Ganti Password
Pada form ini seorang admin dapat mengganti atau mengubah
password sesuai keinginannya yaitu dengan cara memasukkan
username dan password baru, kemudian password baru ditulis
ulang sekali lagi agar tidak terjadi kekeliruan didalam
memasukkan password, setelah itu klik menu Change. Form
bisa dilihat pada Gambar 4.4 berikut :
[Heading Web]
Menu
Menu
Menu
[home][log out][kontak]
GANTI PASSWORD ADMIN
Date
INFO
Menu
Username
XXXXXXXXXXXX
Menu
Artikel
Ilmiah
Password baru
Ulangi password
XXXXXXXXXXXX
XXXXXXXXXXXX
Login
Guru
Link
Inside
Polling
Change
Batal
[tulisan berjalan/marquee]
Gambar 4.4. Desain Form Ganti Password Admin
b. Desain Form edit menu polling
Form-form ini digunakan untuk mengisikan polling baru
ataupun menghapus menu polling yang sudah ada. Form bisa
dilihat pada Gambar 4.5 berikut :
[Heading Web]
Menu
Menu
Menu
Menu
Menu
Artikel
Ilmiah
Polling
[home][log out][kontak]
Edit Polling
Judul polling XXXXXXXXXXXX
Pilihan jawaban:
Pilihan1
Pilihan2
pilihan3
pilihan4
pilihan5
Ubah
Date
INFO
Login
Guru
Link
Inside
[tulisan berjalan/marquee]
Gambar 4.5. Desain Form Untuk mengubah menu polling
c. Desain Form add dan delete info
Form ini
diggunakan
untuk
mengisikan
info
ataupun
pengumuman baru dari pihak sekolah. Terdiri dari Form add
info untuk menambah info baru seperti Gambar 4.6 dan delete
info untuk menghapus info seperti Gambar 4.7.
[Heading Web]
Menu
Menu
Menu
Menu
Menu
Artikel
Ilmiah
Judul
Berita
[home][log out][kontak]
INFO TERBARU
XXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXX
Date
INFO
Login
Guru
Link
Inside
Polling
Kirim
Batal
[tulisan berjalan/marquee]
Gambar 4.6. Desain Form tambah info terbaru
[Heading Web]
Menu
Menu
Menu
Menu
Menu
Artikel
Ilmiah
[home][log out][kontak]
DELETE INFO
Pilih judul info yang akan dihapus :
* Ekstrakurikuler Bahasa inggris sudah
mulai.
* Pertandingan Basket antar sekolah
* Ujian sebentar lagi, belajar Yaaa
Date
INFO
Login
Guru
Link
Inside
Polling
Delete
Batal
[tulisan berjalan/marquee]
Gambar 4.7. Desain Form Hapus Info
d. Desain Form Hapus Bukutamu
Form ini digunakan untuk menghapus pesan/komentar beserta
komponen didalamnya seperti nama pengirim, alamat, email,dsb
yang ada pada form bukutamu. Admin cukup menuliskan id pesan
yang akan dihapus seperti tampak pada Gambar 4.8 berikut :
[Heading Web]
Menu
Menu
Menu
Menu
Menu
Artikel
Ilmiah
[home][log out][kontak]
Date
INFO
Login
Guru
Link
Inside
Polling
[tulisan berjalan/marquee]
Gambar 4.8. Desain Form Hapus Bukutamu
e. Desain Form Tambah dan Hapus artikel
Form ini digunakan untuk menambah artikel baru seperti
terlihat pada Gambar 4.9 dan untuk menghapus artikel yang
sudah ada seperti terlihat pada Gambar 4.10 berikut :
DELETE PESAN
Tanggal
Pengirim
Pesan
Proses
1 juni06
Alie
Test
aja.
Edit
Delete
2 juni06
Aa
Cobaaaaa
Edit
Delete
[Heading Web]
Menu
Menu
Menu
Judul
[home][log out][kontak]
ARTIKEL TERBARU
XXXXXXXXXXXXXXXXXXX
Date
INFO
Menu
Menu
Artikel
Ilmiah
Artikel
XXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXX
Login
Guru
Link
Inside
Polling
Kirim
Batal
[tulisan berjalan/marquee]
Gambar 4.9. Desain Form Tambah Artikel
[Heading Web]
Menu
Menu
Menu
Menu
Menu
Artikel
Ilmiah
[home][log out][kontak]
DELETE ARTIKEL
Pilih judul artikel yang akan dihapus :
* Ekstrakurikuler Bahasa inggris sudah
mulai.
* Pertandingan Basket antar sekolah
* Ujian sebentar lagi, belajar Yaaa
Date
INFO
Login
Guru
Link
Inside
Polling
Delete
Batal
[tulisan berjalan/marquee]
Gambar 4.10. Desain Form Hapus Artikel
f. Desain Form Input Data Guru
Form ini digunakan untuk menginputkan data guru. Terdapat
masukan NIP dan Password yang nantinya digunakan oleh
seorang guru untuk login dalam proses input nilai siswa. Di sini
juga terdapat masukkan kode pelajaran untuk menjaga
kemungkinan apabila terdapat satu pelajaran yang diampu oleh
lebih dari satu guru. Jadi 2 atau lebih orang guru boleh
memasukkan kode pelajaran yang sama. Desain form input
data guru seperti terlihat pada gambar 4.11 berikut :
[Heading Web]
Menu
Menu
Menu
NIP
[home][log out][kontak]
Input Data Guru
XXXXXXXXXXXXXXXXXXX
Date
INFO
Menu
Menu
Artikel
Ilmiah
XXXXXXXXXXXXXXXXXXX
XXXXXXXXXX
Login
Guru
Link
Password
XXXXXXXXXXXX
Inside
Polling
Kirim
Batal
[tulisan berjalan/marquee]
Gambar 4.11. Desain Form Input Guru
4.3.3. Desain Form Untuk Guru Dalam Memasukkan Nilai dan Data Siswa
1. Desain Input Data Siswa
Desain input data siswa SMA Negeri 1 Karanganom Klaten
menggunakan database SISWA.DBF. Tata letak dialog layar dapat
dilihat pada Gambar 4.12 berikut :
Nama
Kode Pelajaran
yang Diampu
Nama File
: input_siswa.php
INPUT DATA SISWA
Masukkan data siswa
NIS
Nama
Kelas
Alamat
Telp/HP
Password
Proses
XXXXXX
XXXXXXXXXXXXXXXXX
XXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXX
XXXXXXXXX
Batal
[menu]
[LOGOUT]
Gambar 4.12. Desain dialog input siswa
2. Desain Input Pelajaran
Desain
input
data
pelajaran
menggunakan
database
PELAJARAN.DBF. Tata letak dialog layar dapat dilihat pada Gambar
4.13 berikut :
Nama File : input_pelajaran.php
INPUT DATA PELAJARAN
Masukkan data pelajaran
Kode Pelajaran
Nama Pelajaran
Kelas
XXXXXX
XXXXXXXXXXXXXXXXX
XXXXXXXX
Proses
Batal
[menu]
[LOGOUT]
Gambar 4.13. Desain dialog input data pelajaran
3. Desain Input Jenis Ujian
Desain input data jenis ujian menggunakan database JENIS.DBF.
Tata letak dialog layar dapat dilihat pada Gambar 4.14 berikut :
Nama File : jenis_ujian.php
INPUT DATA JENIS UJIAN
Masukkan data jenis ujian
Kode Ujian
Nama Ujian
Proses
Batal
XXXXXX
XXXXXXXXXXXXXXXXX
[menu]
[LOGOUT]
Gambar 4.14. Desain input data jenis ujian
4. Desain Input Nilai
Desain input data nilai menggunakan database NILAI.DBF. Tata letak
dialog layar dapat dilihat pada Gambar 4.15 berikut.
Nama File : input_nilai.php
INPUT DATA NILAI SISWA
NIS
Pelajaran
Jenis Ujian
Nilai
Keterangan
XXXXXX
XXXXXX
XXXX
XXXX
Tanggal Remidi
Proses
XX-XX-XXXX
Batal
tempat
XXXXXXX
Gambar 4.15. Desain input data nilai siswa
5. Desain Output Data Siswa
Tata letak dialog layar output data siswa seperti pada Gambar 4.16
berikut :
Nama File
: siswa.php
[Heading Web]
Menu
Menu
Menu
Menu
Menu
Artikel
Ilmiah
[home][admin][kontak]
Date
INFO
Login
Guru
Link
Inside
Polling
[tulisan berjalan/marquee]
Gambar 4.16. Desain output data siswa SMA Negeri 1 Karanganom Klaten
6. Desain Output Daftar Mata Pelajaran
Tata letak dialog layar output daftar mata pelajaran seperti pada
Gambar 4.17 berikut :
DATA SISWA
NIS
Nama
Kelas
Alamat
Telp/HP
Nama File
: pelajaran.php
[Heading Web]
Menu
Menu
Menu
Menu
Menu
Artikel
Ilmiah
[home][admin][kontak]
Date
INFO
Login
Guru
Link
Inside
Polling
[tulisan berjalan/marquee]
Gambar 4.17. Desain Output data pelajaran SMA Negeri 1 Karanganom Klaten
7. Desain Output Lihat Nilai Semua Siswa Sesuai kode Pelajaran
Tata letak dialog layar output daftar nilai semua siswa sesuai kode
pelajaran atau dalam satu pelajaran, seperti pada Gambar 4.18 berikut :
DATA PELAJARAN
Kode
Pelajaran
Guru
Nama File : nilai_d_admin.php
[Heading Web]
Menu
Menu
Menu
Menu
Menu
Artikel
Ilmiah
[home][admin][kontak]
Daftar Nilai Pelajaran .
NIS Nama Nilai
Date
INFO
Login
Guru
Link
Inside
Polling
[tulisan berjalan/marquee]
Gambar 4.18. Desain Output lihat nilai semua siswa
4.3.4. Desain Form Untuk Lihat Nilai Oleh Siswa
1. Desain Login Siswa
Cara menjalankan form ini adalah dengan memasukkan NIS dijadikan
sebagai username dan password yang sesuai dengan yang tersimpan
didalam database USER.DBF, bila username atau password tidak
sesuai dengan database maka login gagal dan tidak berhasil masuk ke
form nilai. Dialog layar dapat dilihat pada Gambar 4.19 berikut.:
Nama File
: login_siswa.php
[Heading Web]
Menu
Menu
Menu
[home][admin][kontak]
LOGIN SISWA
Date
INFO
Menu
User Name
XXXXXXXXXX
Menu
Artikel
Ilmiah
Password
Login
XXXXXXXXXX
Batal
Login
Guru
Link
Inside
Polling
[tulisan berjalan/marquee]
Gambar 4.19. Desain login siswa untuk melihat nilai
2.
Desain Tampilan Form Nilai
Setelah siswa login dan berhasil maka akan muncul tampilan
form nilai yang terlihat seperti Dialog Layar Gambar 4.20
berikut :
Nama File : nilai.php
[Heading Web]
Menu
Menu
Menu
Menu
Menu
Artikel
Ilmiah
[home][admin][kontak]
Date
INFO
Login
Guru
Link
Inside
Polling
Gambar 4.20. Desain Tampilan Form Data Nilai Siswa
4.3.5. Desain Form Untuk Pengunjung Secara Umum
1. Desain Input Buku Tamu
Desain input data tamu SMA Negeri 1 Karanganom Klaten
menggunakan database BUKUTAMU.DBF. Tata letak dialog layar
dapat dilihat pada Gambar 4.21 berikut.:
DATA NILAI SISWA
NIS : __________
Nama : __________
Kelas : __________
Pelajaran
Ujian
Nilai
Ket.
Remidiasi :
Jam : Tempat : xxxxxx
[tulisan berjalan/marquee]
Tanggal : xx-xx-xx
Nama File : isi_bukutamu.php
[Heading Web]
Menu
Menu
Menu
Menu
Nama
Alamat
[home][admin][kontak]
Isi Buku Tamu
XXXXXXXXXXXXXXX
XXXXXXXXXXXXXXX
Date
INFO
Menu
Artikel
Ilmiah
Jenis Kelamin
Kementar
XXXXXXXXXXXXXXX
0 Laki-laki
0 Perempuan
XXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXX
Login
Guru
Link
Inside
Polling
Proses
Batal
[tulisan berjalan/marquee]
Gambar 4.21. Desain input buku tamu SMA Negeri 1 Karanganom Klaten
2. Desain Output Daftar Tamu
Desain output daftar tamu SMA Negeri 1 Karanganom Klaten
menggunakan database BUKUTAMU.DBF. Tata letak dialog
layar dapat dilihat pada Gambar 4.22 berikut.:
Nama File : bukutamu.php
[Heading Web]
Menu
Menu
Menu
Menu
Menu
Artikel
Ilmiah
[home][admin][kontak]
Date
INFO
Login
Guru
Link
Inside
Polling
[tulisan berjalan/marquee]
Gambar 4.22. Desain Ouput Daftar Buku Tamu
3. Desain Halaman Polling
Berfungsi
sebagai
ajang
jajak
pendapat,
dimana
seorang
pengunjung disuguhi tentang sebuah pertanyaan yang diajukan
oleh administrator. Adapun cara penggunaannya yaitu pengunjung
cukup meng-klik salah satu pilihan jawaban yang tersedia. Seperti
terlihat pada Gambar 4.23 berikut :
Polling
Judul Polling
Jawaban 1
Jawaban 2
Jawaban 3
Jawaban 4
Jawaban 5
O
O
O
O
O
Gambar 4.23. Halaman Polling
BUKU TAMU
Tanggal
Pengirim
Pesan
1 juni06
Alie
Test aja.
2 juni06
Aa
Cobaaaaa
4.
Desain Halaman Kontak Administrator
Halaman ini digunakan bagi pengunjung untuk menyampaikan
kritikan, saran dan komentar tentang SMU Negeri 1 karanganom
Klaten beserta pihak didalamnya ataupun tentang website ini.
Halaman ini bisa dilihat pada Gambar 4.24 berikut :
[Heading Web]
Menu
Menu
Menu
Menu
Menu
Artikel
Ilmiah
Nama
Subject
Pesan
[home][admin][kontak]
Kontak Admin
XXXXXXXXXXXXXXX
XXXXXXXXXXXXXXX
XXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXX
Date
INFO
Login
Guru
Link
Inside
Polling
Proses
Batal
[tulisan berjalan/marquee]
Gambar 4.24. Desain Halaman Kontak Admin
4.4 Pengaturan Software Server
Sistem informasi SMA Negeri 1 Karanganom Klaten berbasis internet
memerlukan sebuah server yang digunakan untuk menampung data-data dan
software-software pendukung. Data-data yang ditampung oleh komputer Server
SMA Negeri 1 Karanganom Klaten meliputi file-file database, file-file program
(HTML, PHP),
file-file gambar ang berekstention JPG dan file-file animasi
FLASH yang telah dipublish ke file HTML. Sedangkan sofware pendukung yang
ada pada komputer server SMA Negeri 1 Karanganom Klaten meliputi Apache
Web Server, MySQL, PHP yang ketiganya tergabung dalam PHPTriad,
CorelDraw, Macromedia Flash MX dan sebuah teks editor.
Apache Web Server berfungsi menyediakan informasi pelayanan dan
dukungan dari berbagai interface yang digunakan client yang mengakses dari
server yang menampung data-data. Apache juga menjalankan apliksi CGI (Comon
Gateway Interface) maupun script. Apache merupakan tool untuk pengaturan
pengaksesan yang dilakukan terhadap server oleh komputer client atau
workstation.
Untuk pengaturan software server menggunakan PHPTriad 2-2-11. Proses
instalasinya tinggal menjalankan file PHPTriad 2-2-11.exe sehingga setup
bekerja, maka secara otomatis Web Server Apache_1.3.27, database server
MySQL-32.23.53, PHP-4.2.3, PHPMyAdmin 2.2.3 telah terinstal di komputer
server.
Setelah proses instalasi PHPTriad 2-2-11 berhasil dilakukan maka
komputer server mempunyai default localhost dan data-data yang dibutuhkan oleh
komputer server disimpan pada direktori root default: C:\Apache.
4.4. Pedoman Menjalankan Program
4.4.1. Menjalankan Internet Explorer Pada sistem Operasi Windows
Cara menjalankan program software aplikasi internet explorer dalam sistem
operasi windows sebenarnya ada beberapa cara yang bisa digunakan,
adapun beberapa cara tersebut adalah sebagai berikut :
a. Klick tombol START kemudian pilih menu program setelah itu cari
submenu Internet Explorer, lalu klick.
b. Pada dekstop komputer pilihlah icon Internet Explorer kalaupun itu
tersedia, lalu klick dua kali
Iexplore.exe
Gambar 4.25. Icon Internet Explorer
4.4.2. Membuka Homepage SMA Negeri 1 Karanganom Klaten
Langkah pertama dalam membuka homepage SMA Negeri 1
Karanganom Klaten adalah dengan membuka aplikasi internet Explorer
terlebih dahulu, kemudian klik pada menu addres bar lalu ketikan alamat dari
website SMA Negeri 1 Karanganom Klaten yaitu www.smunsakranom.ac.id
lalu tekan enter ataupun klik menu Go padaa tools yang tersedia dalam
aplikasi Internet Explorer tersebut. Sehingga akan muncul rangkaian tampilan-
tampilan halaman sebagai berikut :
1. Halaman Utama
Pada tampilan awal website terdapat seluruh menu yang
dibutuhkan untuk mencari segala informasi yang ada di SMA Negeri 1
Karanganom Klaten. Menu tersebut dibagi 2 yaitu menu pada sisi kiri dan
menu pada sisi kanan. Website ini menggunakan frameset yang akan
memudahkan user menggunakan website ini. Setiap kali menu diaktifkan
akan muncul isi menu tersebut pada frame utama yaitu halaman yang
berada paling tengah.
Berikut adalah tampilan menu utama website SMU Negeri 1
Karanganom Klaten :
Gambar 4.26. Halaman Menu Utama
2. Halaman Sub Menu Lihat Nilai Siswa
a. Form Login Siswa
Website ini dilengkapi dengan fasilitas pencarian informasi nilai yang
tersedia di database nilai. Pencarian tersebut berdasarkan user name
berupa NIS masing-masing dan password yang telah diberikan kepada
setiap siswa. Adapun cara pencarian tersebut adalah :
1. Masukkan user name dan password.
2. Pastikan bahwa user name berupa NIS dan password yang
dimasukan persis seperti yang telah diberikan oleh administrator
SMA Negeri 1 Karanganom Klaten.
3. Klick Login
Gambar 4.27. Halaman login siswa
b. Form Nilai Siswa
Setelah login siswa berhasil maka akan muncul Form Nilai seperti
pada gambar 4.28 berikut :
Gambar 4.28. Halaman Daftar Nilai Siswa
3. Halaman Buku tamu
Halaman pengisian buku tamu ini adalah halaman yang
digunakan oleh setiap pengunjung website yang berkenan mengisinya.
Halaman inipun menjadi bahan masukan kepada pihak SMA Negeri 1
Karanganom Klaten untuk lebih aktif memperbaiki kualitas sekolah,
karena terdapat teks komentar pada input data tamu tersebut.
Gambar 4.29. Halaman pengisian buku tamu
4. Halaman Artikel
Berisi tentang artikel-artikel ilmiah yang sangat bermanfaat bagi para
pengunjung khususnya untuk para siswa. Halaman ini bisa dilihat pada
Gambar 4.30 berikut :
Gambar 4.30. Tampilan Halaman Artikel
5. Halaman Polling Pengunjung
Halaman ini disuguhkan kepada para pengunjung untuk menjawab
pertanyaan yang ada dengan pilihan jawaban yang tersedia. Tampilan
seperti Gambar 4.31 berikut :
Gambar 4.31. Tampilan Halaman Polling
6. Halaman Kontak Admin
Halaman kontak ini digunakan sebagai sarana pengunjung untuk
memberikan kritikan, saran ataupun pertanyaan kepada Administrator
yang sifatnya membangun demi kesempurnaan website SMU Negeri 1
Karanganom Klaten. Tampilan seperti terlihat pada Gambar 4.32 berikut :
Gambar 4.32. Halaman Kontak Administrator
7. Halaman Info Terkini
Halaman ini digunakan untuk menampilkan pengumuman-
pengumuman dari pihak sekolah kepada para siswa ataupun
pengunjung website dimaksudkan sebagai pengganti papan
pengumuman tertulis manual. Dilengkapi dengan tanggal kirim
info sehingga informasi bisa akurat. Tampilan seperti pada Gambar
4.33 berikut :
Gambar 4.33 Tampilan Halaman Info Terkini
8. Halaman Login dan Menu Pengaturan Admin
Halaman administrator adalah halaman yang digunakan untuk
pengolahan data pada website SMA Negeri 1 Karanganom Klaten.
Disini seorang admin yang akan mengaksesnya diminta untuk mengisi
username dan password.
Gambar 4.34. Tampilan login admin
Setelah berhasil login maka akan tampil semua menu pada
pengolahan data dan sebagai defaultnya halaman menu utama admin.
Selanjutnya petugas admin dapat melakukan tugasnya dengan
menggunakan menu-menu tersebut Tampilan menu admin terlihat
seperti Gambar 4.35 berikut :
Gambar 4.35. Halaman Pengaturan Sistem
8. Halaman Login dan Menu Pengaturan Nilai Siswa
Halaman menu pengaturan nilai siswa adalah halaman
yang digunakan untuk pengolahan data nilai siswa pada website
SMA Negeri 1 Karanganom Klaten. Disini seorang Guru yang
akan mengaksesnya diminta untuk mengisi NIP dan password.
Gambar 4.36. Tampilan login Guru
Setelah berhasil login maka akan tampil semua menu pada
pengolahan data nilai siswa. Selanjutnya seorang Guru dapat
menyampaikan nilai siswa dengan menggunakan menu-menu
tersebut. Tampilan menu admin terlihat seperti Gambar 4.37
berikut :
Gambar 4.37. Tampilan Halaman Menu Guru
9. Tampilan Counter Pengunjung
Halaman Counter Pengunjung digunakan untuk menampilkan
jumlah pengunjung yang telah mengakses website SMA Negeri 1
Karanganom Klaten. Tampilan seperti pada Gambar 4.38 berikut
Gambar 4.38. Tampilan Counter Pengunjung
4.6. Desain Teknologi
Desain tenologi digunakan untuk menentukan kebutuhan perangkat keras
(hardware) dan kebutuhan perangkat lunak (software) yang digunakan sebagai
penunjang dalam aplikasi sistem informasi SMA Negeri 1 Karanganom Klaten
berbasis internet. Karena dengan adanya desain teknologi ini akan mempermudah
dalam perencanaan dan penggunaan sistem informasi tersebut di SMA Negeri 1
Karanganom Klaten.
4.6.1. Desain Teknologi Perangkat Lunak Secara Umum
Desain teknologi perangkat lunak pada sistem informasi SMA
Negeri 1 Karanganom Klaten dapat dilihat pada tabel 4.1. berikut :
Tabel 4.1. Kebutuhan Perangkat Lunak
4.6.2. Kebutuhan Memori Database
Perkiraan hitungan penggunaan memori database per bulan,
panjang record diperoleh dari field-field tiap tabel database. Seperti
terlihat pada tabel 4.3 berikut:
No
Jenis
Jumlah
1
Sistem Operasi
~
2
Apache Web Server
1
3
MySQL
1
4
PHP
1
Tabel 4.2. Alokasi database per bulan
4.6.3. Kapasitas File Sistem Pendukung
Penghitungan besar kapasitas file sistem pendukung, seperti
terlihat pada tabel 4.3 berikut :
Tabel 4.3. Kapasitas File Sistem Pendukung
4.6.4. Kapasitas File Website
Penghitungan besar kapasitas file website diambil dari ukuran file
yang terlihat di Windows Explorer. Seperti terlihat pada tabel 4.4 berikut :
No
Nama File Database
Panjang Record
1
Siswa
711
2
User
466
3
Jenis
466
4
Pelajaran
785
5
Nilai
455
6
Bukutamu
460
7
Polling
466
8
Hasil
456
9
Artikel
510
10
Guru
466
No
Nama File
Kapasitas File (Byte)
1
Sistem Operasi Windows98 SE
631.233.179
2
Web Server Apache
24.351.647
3
MySQL
27.816.915
4
PHP
2.351.887
Total File Sistem
685.753.638
Tabel 4.4. Kapasitas File Program
No
Nama File
Kapasitas File (KB)
1
Document Scrap 'Personalia Struk...'
53
2
Gbpp1.php
40
3
Gbpp.php
39
4
Kurikulum1.php
36
5
Fasilitas.php
32
6
Mm_menu.css
31
7
Personalia.php
31
8
Gbpp2.php
27
9
Bukutamu.php
25
10
Nilai.php
25
11
Siswa.php
25
12
Hasil_polling.php
25
13
Login.php
25
14
Ekstra.php
25
15
Sejarah.php
25
16
Inputsiswa.php
24
17
Nilai_d_admin.php
24
18
Editsiswa.php
24
19
Login_guru.php
23
20
Kontak.php
23
21
Pelajaran.php
23
22
Inputnilai
23
23
Menu_admin.php
23
24
Hasil_bukutamu.php
23
25
Login_admin.php
23
26
Jenis.php
22
27
Visi.php
22
28
Inputpelajaran.php
21
29
Index.php
21
Desain teknologi di atas dapat dipakai sebagai pertimbangan dalam
menentukan jenis serta jumlah teknologi yang dibutuhkan. Kapasitas simpanan
dapat dihitung berdasarkan jumlah file database file program yang digunakan.
Adapun kapasitas simpanan luar yang dibutuhkan adalah sebagai berikut :
Kapasitas File sistem
Kapasitas File Website
Total
: 685.753.638
: 227.956
688.981.594 Byte
30
Inputjenis.php
21
31
Labbahasa.php
20
32
Labfisika.php
20
33
Labkomputer.php
20
34
Labbiologi.php
20
35
Labkimia
20
36
Change_password.php
20
37
Link.php
2