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

Halama n 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 InputOutput ............................................................. ... 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 Halama n 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 Halama n 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, perangkatperangkat 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 apaapa tanpa adanya perangkat lunak yang berupa instruksi-instruksi yang bisa ditangkap oleh komputer. Teknologi yang canggih dari perangkat keras akan berfungsi bila instruksiinstruksi 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 perintahperintah 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 keteranganketerangan 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

P 4

Pengadministrasian

P 8

Isi Buku tamu

P 5

Simpan Info dan Pengaturan

P 6

Akses Informasi

P 1

Input Nilai

P 2

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

Google

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).

N o 1 2 3 4 5 . Nama Item Data Penulisan * NIS Nama Kelas Alamat Telp Di Sistem NIS Nama Kelas Alamat Telp/HP C C C C C 6 40 5 40 12 Auto_increment Type Lebar Keterangan

6 .

Password

Password

12

Lebar antara 6 s/d 12 digit

N o 1 2

Nama Item Data Penulisan * Kode_jenis Nama Di Sistem Kode Ujian Nama Ujian

Type intege r C

Lebar 11 30

Keterangan Auto_increment 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).

N o Penulisan 1 2 3 . 4 NIS Kode_Pelajaran Kode_Jenis Nilai Di Sistem NIS Kode Pelajaran Kode Jenis Ujian Nilai C C integer Float 6 5 11 Nama Item Data Type Leba r Keterangan

. 5 . 6 . 7 . 8 . Ket Tglremidi Jam Tempat Keterangan Tanggal Remidi Jam Remidi Tempat Remidi Boolean Date C C 4 15 Lulus/Remidi/Gagal

N o 1 2 3

Nama Item Data Penulisan * Kode_pelajaran Nama Kelas Di Sistem Kode Pelajaran Nama Pelajaran Kelas

Type C C C

Lebar 5 40 8

Keterangan Auto_increment

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.
N o 1 2 3 4 5 . 6 . 7 . 8 . 9 . Nama Item Data Penulisan * id Nama Lokasi Jenis Email Jam Waktu Host Komentar Di Sistem id Nama Lokasi Jenis kelamin E-mail Jam Tanggal Host Komentar integer C C C C Time date C Long text 30 Type Leba r 3 30 30 6 30 Auto_increment Keterangan

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
N o 1 2 3 4 5 6 7 Nama Item Data Penulisan * id Nama Pilihan 1 Pilihan 2 Pilihan 3 Pilihan 4 Pilihan 5 Di Sistem intege r C C C C C C 11 60 12 12 12 12 12 Auto_increment Judul polling Pilihan 1 Pilihan 2 Pilihan 3 Pilihan 4 Pilihan 5 Type Lebar Keterangan

N o 1 2

Nama Item Data Penulisan * Username Password Di Sistem User/NIS/NIP Password

Type C C

Lebar 10 12

Keterangan Auto_increment 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).

N o 1 3 4 5 6 7 8 9 1 0 1 1 Nama Item Data Penulisan * id Jenis Tanggal Judul Kop isi pengirim gbr klik Gbr2 Di Sistem Jenis Tanggal berita Judul berita kop Isi berita pengirim gambar Bentuk gambar integer C Date C C Long Text C C Integer C 50 200 3 200 255 255 Type Leba r 4 255 Auto_increment Keterangan

N o 1 2 3 4

Nama Item Data Penulisan * NIP Kode_pelajaran nama Password Di Sistem NIP Kode pelajaran Nama Guru Password

Type intege r C C C

Lebar 11 5 30 12

Keterangan Auto_increment

Lebar antara 6 sampai 12 digit

3.5. Hubungan relasi antar tabel pada

sistem akses nilai oleh siswa

SISWA.DBF P E L A J A R A N . D B F

LOGIN SISWA.DBF

NILAI.DBF JENIS.DBF

Gambar 3.9.

Relasi anter tabel

pada sistem akses

nilai ujian siswa

I D 1 2 3 4

NIS 011 011 012 012

Kode_Ujian

Kode P A12345 6 P15678 9 A12345 6 P15678 9

Kode_Ujia n UJ12345 UJ67890 UJ12345 UJ67891

Nama

Nila i 9 8 6 10

Ket Lulus Remi di Lulus Gagal

UJ12345 UJ67890 UJ67891

Ulangan Harian 1 Tengah akhir semester Ujian akhir semester

Kode_Pelajara n A123456 P156789

NI S 01 1 01 2 Na ma Adi Ani Kel as 1 1

Nama Agama PPKn

Alamat Mojogedang Karangpand an

Kelas X XI
Telp 6345 67 6542 21 Passwor d Adi011 Ani012

Username(NI S) 011 012

Password Adi011 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 Insid e 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 Insid e 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 Insid e 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

Tangg al
1 juni06

Pengirim
Alie Alise@yahoo.com

Pesan Test aja.

Pro ses Edit Del

ete
2 juni06

Aa

Cobaaa aa

Edit Del ete

[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 I n si d e 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 I n si d e 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 NI S Nam a Kel as Alam at Telp/ HP

Nama File

: pelajaran.php

[Heading Web]

Menu Menu Menu Menu Menu

Artikel Ilmiah

[home][admin][kontak]

Date

INFO

Login Guru

Link I n si d e 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

Gur u

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 I n si d e 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 : __________

Pelajara n

Ujia n

Nila i

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

Email 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
Tangg al
1 juni06 2 juni06

Pengirim
Alie Alise@yahoo.com

Pesan Test aja. Cobaaaaa

Aa Aa@yahoo.co m

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 E-mail Subject Pesan

[home][admin][kontak]

Kontak Admin
XXXXXXXXXXXXXXX XXXXXXXXXXXXXXX XXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXX

Date

INFO

Login Guru

Link Insi de 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 tampilantampilan 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 pengumumanpengumuman 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:

N o 1 2 3 4 Jenis Sistem Operasi Apache Web Server MySQL PHP Jumlah ~ 1 1 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 :
N o 1 2 3 4 5 Nama File Database Siswa User Jenis Pelajaran Nilai Panjang Record 711 466 466 785 455

6 7 8 9 1 0
N o 1 2 3 4

Bukutamu Polling Hasil Artikel Guru

460 466 456 510 466

Nama File Sistem Operasi Windows98 SE Web Server Apache MySQL PHP Total File Sistem

Kapasitas File (Byte) 631.233.1 79 24.351.6 47 27.816.9 15 2.351.8 87 685.753.6 38

Tabel 4.4. Kapasitas File Program N Nama File o 1 Document Scrap 'Personalia Struk...' 2 3 4 5 Gbpp1.php Gbpp.php Kurikulum1.php Fasilitas.php

Kapasitas File (KB) 5 3 4 0 3 9 3 6 3 2

6 7 8 9 1 0 1 1 1 2 1 3 1 4 1 5 1 6 1 7 1 8 1 9 2 0 2 1 2 2 2 3 2 4 2 5 2 6 2 7 2 8

Mm_menu.css Personalia.php Gbpp2.php Bukutamu.php Nilai.php Siswa.php Hasil_polling.php Login.php Ekstra.php Sejarah.php Inputsiswa.php Nilai_d_admin.php Editsiswa.php Login_guru.php Kontak.php Pelajaran.php Inputnilai Menu_admin.php Hasil_bukutamu.php Login_admin.php Jenis.php Visi.php Inputpelajaran.php

3 1 3 1 2 7 2 5 2 5 2 5 2 5 2 5 2 5 2 5 2 4 2 4 2 4 2 3 2 3 2 3 2 3 2 3 2 3 2 3 2 2 2 2 2 1

2 9

Index.php

2 1

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 3 Inputjenis.php 0 3 Labbahasa.php 1 3 Labfisika.php 2 3 Labkomputer.php 3 3 Labbiologi.php 4 3 Labkimia 5 3 Change_password.php 6 3 Link.php 7 3 Css.css 8 3 Css(1).css 9 4 Galeri_foto.html 0 4 Nilai2.php 1 4 Db_function.php 2 4 Delete_gb.php 3 4 Confiq.php 4 4 session.inc.user.php 5 4 session.inc.admin.php 6 4 Logout.php 7 4 Logout_admin.php 8 4 Hitung.txt 9 5 Baru.dwt 0

2 1 2 0 2 0 2 0 2 0 2 0 2 0 2 2 2 3 0 1 1 1 1 1 1 1 1 1 2 2

Total File Program

22 8

BAB V PENUTUP

5.1 Kesimpulan Sistem informasi SMA Negeri 1 Karanganom Klaten berbasis internet yang penulis susun berupa website yang menyajikan informasi tentang SMA Negeri 1 Karanganom Klaten. Informasi yang dimaksud adalah : Informasi Profile Sekolah, Informasi Fasilitas, Informasi Kegiatan Ekstrakurikuler, Informasi Pendidikan, Buku tamu, Artikel Ilmiah., Galeri Foto, Info Terkini, dan Informasi Nilai Siswa. Informasi nilai siswayang penulis buat adalah informasi nilai selama 1 tahun atau dua semester. Maka setelah satu tahun berjalan akan mengalami pembaharuan. Selain itu sistem informasi juga dilengkapi dengan

sistem keamanan pengaksesan yang berfungsi untuk mencegah terjadinya pengaksesan data oleh orang-orang yang tidak bertanggung jawab. Untuk memasuki halaman nilai siswa harus memasukkan NIS dan password, jika guru ingin menginputkan nilai maka harus memasukkan NIP dan password, dan untuk memasuki halaman menu admin maka admin harus memasukkan username dan password.

5.2

Saran Dari berbagai pembahasan sistem yang telah diuraikan diatas, penulis menyarankan agar pemanfaatan teknologi informasi dapat dilakukan secara maksimal oleh pihak SMA Negeri 1 Karanganom Klaten. Seperti halnya website yang penulis buat diharapkan dapat menjadi salah satu inspirasi bagi SMA Negeri 1 Karanganom Klaten untuk melengkapi sistem informasi yang ada dan dapat dikembangkan menjadi salah satu sistem informasi yang handal serta dapat menjadi ispirasi bagi lembaga pendidikan yang lain. Fasilitas-fasilitas yang ada di website tersebut seperti buku tamu, polling, pengumuman, counter dan informasi nilai, dapat dijadikan dasar untuk menambah fasilitas yang lain seperti pendaftaran online. Demikian kesimpulan yang dapat penulis buat. Semoga dapat bermanfaat bagi semua pihak.

DAFTAR PUSTAKA

Agung, G. 1999. Membuat Homepage Interaktif dengan CGI/Perl. PT Elex Media Komputindo. Jakarta Badudu, J S dan Zain, S M. 1996. Kamus Bahasa Indonesia. Pustaka Suara Harapan. Jakarta Kristanto, Andri. 2003. Perancangan Sistem Informasi dan Aplikasinya. Gava Media. Yogyakarta Microsoft Pers. 1995. Step By Step Front Page. PT Elex Media Komputindo. Jakarta Mudidrik, R G dan Roos, J E dan Clogget, J R. 1993. Sistem Informasi Modern. Jakarta Nugroho, Bunafit. 2004. Aplikasi Pemrograman Web Dinamis dengan PHP dan MySQL. Gava Media. Yogyakarta Nugroho, Eko. 1997. Analisis Kebutuhan Database. Andy Offset. Yogyakarta Oetomo, B S. 2002. Perencanaan dan Pembangunan Sistem Informasi. AND. Yogyakarta Sunarfrihantono, Bimo. 2002. PHP dan MySQL untuk Web. ANDI. Yogyakarta Tanutama, Lukas. 1993. Pengantar Komunikasi data. PT Elex Media Komputindo. Jakarta Wilkinson, J W. 1993. Accounting Information System. Essential Concept and Application Wiley & Sons, Inc, New York, Chichester, Brisbane, Toronto, Singapore