laporan ta

76
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

Upload: laras2604

Post on 26-Jun-2015

191 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Laporan TA

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

Page 2: Laporan TA

TUGAS AKHIR

SISTEM INFORMASI SMA NEGERI 1 KARANGANOM KLATEN

BERBASIS INTERNET

Yang disusun oleh

ALI MURTADLO

NIM. M3203002

Dibimbing oleh

Pembimbing I, Pembimbing II

Drs. Syamsurizal Hartono, S.Si

NIP. 131 791 756 NIP. 500 127 069

Telah dipertahankan didepan Dewan Penguji

Pada hari Senin, tanggal 24 Juli 2006

Dan dinyatakan telah memenuhi syarat

Anggota Tim Penguji Tanda tangan

1. Umi Salamah, M. Kom 1.

2. Drs. Syamsurizal 2.

3. Hartono, S.Si 3.

Surakarta, .................

Disahkan oleh

Fakultas MIPA

Dekan, Ketua Program Studi DIII

Ilmu Komputer,

Drs. Marsusi, MS Irwan Susanto, DEA

NIP. 130 906 776 NIP. 123 134 694

Page 3: Laporan TA

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 do’a

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, Bi’ah )

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 MI’03 “Semoga Kita Akan Tetap Menjadi

Saudara”

Page 4: Laporan TA

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.

Page 5: Laporan TA

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

Page 6: Laporan TA

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

BAB II 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

Page 7: Laporan TA

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

Page 8: Laporan TA

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

Page 9: Laporan TA

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

Page 10: Laporan TA

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

Gambar 4.26. Halaman Menu Utama ....................................................... 52

Gambar 4.27. Halaman Login Siswa ....................................................... 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

Page 11: Laporan TA

DAFTAR TABEL

Halaman

Tabel.3.1 Kamus Data File Siswa................................................................. 24

Tabel.3.2 Kamus Data File Jenis Ujian ........................................................ 24

Tabel.3.3 Kamus Data File Pelajaran ........................................................... 25

Tabel.3.4 Kamus Data File Nilai ................................................................. 25

Tabel.3.5 Kamus Data File Buku Tamu ...................................................... 26

Tabel.3.6 Kamus Data File User ................................................................... 27

Tabel.3.7 Kamus Data File Polling............................................................... 27

Tabel.3.8 Kamus Data File Artikel .............................................................. 28

Tabel.3.9 Kamus Data File Guru ................................................................. 28

Tabel 4.1. Kebutuhan Perangkat Lunak.......................................................... 59

Tabel 4.2. Alokasi Database Perbulan ............................................................ 60

Tabel 4.3. Kapasitas File Sistem Pendukung ................................................. 60

Tabel 4.4. Kapasitas File Program ................................................................. 61

Page 12: Laporan TA

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:

Page 13: Laporan TA

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.

Page 14: Laporan TA

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) Mahasiswa dapat menerapkan langsung ilmu yang telah dipelajari di

meja kuliah perguruan tinggi.

b) Mahasiswa dapat menyusun dan membuat website sistem informasi

SMA Negeri 1 Karanganom Klaten berbasis internet.

c) Instansi dapat menggunakan sistem informasi tersebut untuk

meningkatkan efisiensi kerja.

1.4.2. Tujuan Umum

a) Membantu bagian sistem informasi manajemen dalam penyajian

informasi dengan berbasiskan internet.

b) Mahasiswa mendapat pengalaman baru yang selama ini belum pernah

didapat di meja perkuliahan.

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

Page 15: Laporan TA

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 Pendahuluan, meliputi latar belakang masalah, batasan masalah,

tujuan, manfaat penelitian, metode penelitian, analisis data, dan

sistematika pembahasan.

BAB II 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

Page 16: Laporan TA

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.

Page 17: Laporan TA

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.

Page 18: Laporan TA

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.

Page 19: Laporan TA

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

Page 20: Laporan TA

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 Perancangan Sistem

Perancangan sistem adalah perancangan secara lengkap mengenai

spesifikasi sistem pengolahan data yang akan dilaksanakan.

2.2.3 Program Aplikasi

Program aplikasi adalah mengubah sistem spesifikasi kedalam perintah-

perintah komputer atau bahasa komputer.

2.2.4 Pengetesan sistem

Pengetesan sistem ini berfungsi untuk menguji keberhasilan sistem,

apakah sudah dapat dioperasikan sesuai dengan kebutuhan yang telah

ditentukan.

2.2.5 Instalasi Sistem

Setelah sistem yang dibuat telah diuji, kemudian sistem yang baru tersebut

siap di operasikan.

Page 21: Laporan TA

2.2.6 Pemeliharaan Sistem

Membuat sedikit perubahan pada suatu sistem supaya sesuai dengan

kebutuhan yang ada.

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

Page 22: Laporan TA

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

Page 23: Laporan TA

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 :

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 :

E1Nama Entity

Page 24: Laporan TA

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

Page 25: Laporan TA

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

Page 26: Laporan TA

b. Perangkat Lunak

Perangkat lunak (software) yang digunakan dalam pembuatan aplikasi

adalah :

1. Sistem Operasi (OS) : Windows 2000 Professional Edition.

2. Software : Macromedia Dreamweaver MX.

3. Server Host : Apache Launcher.

4. Database : 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.

Page 27: Laporan TA

3.3.1 Konteks Diagram

Data Tamu Nilai Siwa

Login Login Informasi

(NIS + Password)

Login Lap. Nilai siswa

Nilai Siswa Informasi

Login

Informasi Pengaturan Sistem Uang Perawatan sistem

Data Tamu Informasi Pendaftaran

Informasi Sekolah, dll

Gambar 3.1 Struktur Konteks Diagram

Siswa Siswa

Sistem informasi SMA N 1

Karanganom online

Khalayak Khalayak

Guru Guru

Administrator Administrator

Page 28: Laporan TA

3.3.2 DFD Level 0

P1

Input Nilai

P3

Akses Nilai

P4

Pengadministrasian

P6

AksesInformasi

P7

TampilkanBuku tamu

P8

Isi Buku tamu

D4 File Nilai D1 File Siswa

D6 File Buku tamu

GURUE1

ADMINE2

SISWAE3

KhalayakE4

P2

SimpanDataNilai

P5

Simpan Info danPengaturan

Gambar 3.2. DFD Level 0

Page 29: Laporan TA

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 :

P1.7

Log out

GuruE1

P1.1

Input LoginGuru

P1.2

Cek LoginGuru

P1.4

Pengisian FormDaftar Nilai

P1.3

MenampilkanKembali Form

Login Guru

P1.5

MenyimpanData Nilai

P1.6

MenampilkanDaftar Nilai

D1 File Siswa

D2 File Pelajaran

D3 File Jenis

D4 File Nilai

D5 File User

Login

data login

Lap.LoginBerhasil

Data NilaiSiswa

Login gagalusername & Passw

belum terdaftar

Lap.Logingagal

Daftar NilaiSiswa

Data Nilai seluruh Siswa

UsernamePassword

Gambar 3.3. DFD Level 1 : Proses Input Nilai (oleh guru)

Page 30: Laporan TA

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 : P2.1

Input LoginSiswa

P2.2

Cek LoginSiswa

P2.4

Lihat danDownload

Nilai

P2.5

Log Out

P2.3

Menampilkankembali formlogin siswa

SiswaE3

D5 File User

D4 File Nilai

Login

Data Login

Lap. Login berhasil

Login gagalusername & Passw

belum terdaftar

Lap,Logingagal

Data Nilai Siswa

NISPassword

Gambar 3.4. DFD Level 1 : Proses Akses Nilai (oleh siswa)

Page 31: Laporan TA

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 :

AdminE2

P3.1

Input LoginAdmin

P3.2

Cek LoginAdmin

P3.3

Menampilkankembali formLogin admin

P3.5

InputInformasidanPengumuman

P3.4

Input danpengaturan

artikel

P3.6

PengaturanLogin dan

Sistem

P3.7

MenyimpanHasil Update

P3.8

Log Out

D5 File User

D9 File Artikel D10 File pengumuman D5 File user

UsernamePassword

Login admin

data login

Lap. LoginBerhasil

Login gagalusername & Passw

belum terdaftar

Lap. Logingagal

hasil updatelogin dan sistem

hasil updateartikel

hasil updateinf. dan

pengumuman

Gambar 3.5. DFD Level 1 : Proses Pengadministrasian

Page 32: Laporan TA

3.3.6 File Directory Untuk User

User Halaman Utama

Perpindahanhalaman

Link pada halamanutama

Polling

Counter

Polling.php

Counter.php

Home

index.php

Admin

admin.php

Kontak

kontak.php

Home

index.php

Profile

mm_menu.css

Fasilitas

fasilitas.php

index.php

Kurikulum

kurikulum.php

SejarahSingkat

sejarah.php

Visi dan Misi

visi.php

StrukturOrganisasi

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

UGM

www.ugm.ac.id

ITB

www.itb.ac.id

U I

www.ui.ac.id

Depdiknas

www.depdiknas.go.id

UNS

www.uns.ac.id

Google

www.google.com Gambar 3.6. Struktur File Directory untuk User

Page 33: Laporan TA

3.3.7 File Directory Untuk Administrator

Admin Login admin

Login login_admin.php

PerpindahanHalaman

Halaman UtamaAdmin Link menu Admin

Administrator

change password.php

Polling Info Terkini Bukutamu

edit_polling.php edit_info.php delete_GB.php

Artikel

edit_artikel.php

Forum Diskusi

add_topik.php del_topik.php buat_kategori.php hapus_kategori.php

berhasilmenu_admin.phpgagal

Gambar 3.7. Struktur File Directory untuk Administrator

Page 34: Laporan TA

3.3.8 Flow Chart 3. Akses Nilai Oleh Siswa

Mulai

Data LoginGuru

Input NIPdan Password

Cek Data LoginGuru

Input Nilai Siswa

Data Nilai Siswa

Simpan NilaiSiswa

Logout

Selesai

gagal

berhasil

Mulai

Data LoginSiswa

Input NISdan Password

Cek Data LoginSiswa

Lihat Nilai

Data Nilai

Logout

Selesai

gagal

berhasil

Download

2. Input Nilai Oleh Guru

Mulai

Data LoginAdmin

Input usernamedan Password

Cek Data LoginAdmin

Pengaturansistem

Hasil Updatesistem baru

Simpan updatesistem

Logout

Selesai

gagal

barhasil

1. Pengaturan Sistem Oleh Admin

Gambar 3.8. Flow Chart Sistem

Page 35: Laporan TA

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

Nama Item Data No

Penulisan Di Sistem Type Lebar Keterangan

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

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

Nama Item Data No

Penulisan Di Sistem Type Lebar Keterangan

1 * Kode_jenis Kode Ujian integer 11 Auto_increment

2 Nama Nama Ujian C 30 Keterangan ujian

Page 36: Laporan TA

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)

Nama Item Data No

Penulisan Di Sistem Type Lebar Keterangan

1 * Kode_pelajaran Kode Pelajaran C 5 Auto_increment

2 Nama Nama Pelajaran C 40

3 Kelas Kelas C 8

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

Nama Item Data No

Penulisan Di Sistem Type Lebar Keterangan

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

Page 37: Laporan TA

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

Nama Item Data No

Penulisan Di Sistem Type Lebar Keterangan

1 * id id integer 3 Auto_increment

2 Nama Nama C 30

3 Lokasi Lokasi C 30

4 Jenis Jenis kelamin C 6

5. Email E-mail C 30

6. Jam Jam Time

7. Waktu Tanggal date

8. Host Host C 30

9. Komentar Komentar Long text

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.

Page 38: Laporan TA

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

Nama Item Data No

Penulisan Di Sistem Type Lebar Keterangan

1 * Username User/NIS/NIP C 10 Auto_increment

2 Password Password C 12 Lebar antara 6 s/d 12 digit

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

Nama Item Data No

Penulisan Di Sistem Type Lebar Keterangan

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

8. File Artikel

Digunakan untuk menyimpan dan menampilkan data artikel ilmiah. Disini

terdapat field yang bernama isi bertype longtext yang memiliki karakter yang

Page 39: Laporan TA

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

Nama Item Data No

Penulisan Di Sistem Type Lebar Keterangan

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

Nama Item Data No

Penulisan Di Sistem Type Lebar Keterangan

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

Page 40: Laporan TA

3.5. Hubungan relasi antar tabel pada sistem akses nilai oleh siswa

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

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

SISWA.DBFPELAJARAN.DBF

LOGIN SISWA.DBF

NILAI.DBF

JENIS.DBF

Gambar 3.9. Relasi anter tabel pada sistem akses nilai ujian siswa

Page 41: Laporan TA

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

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

Page 42: Laporan TA

4. Data kelulusan dan prestasi SMA Negeri 1 Karanganom Klaten.

5. Data Personalia dan tugas masing-masing.

4.2.3 Fasilitas SMA Negeri 1 Karanganom Klaten

Berisi tentang daftar fasilitas pendidikan maupun fasilitas pendukungnya.

4.2.4 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 Kegiatan Ekstrakurikuler SMA Negeri 1 Karanganom Klaten

Daftar kegiatan ekstra kurikuler yang ada di SMA Negeri 1 Karanganom

Klaten secara lengkap dan terinci.

4.2.6 Galeri Foto SMA Negeri 1 Karanganom Klaten

Berisi foto-foto dokumentasi penting dalam setiap diadakannya sebuah

acara resmi.

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

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

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

Page 43: Laporan TA

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

Gambar 4.1. Desain dialog menu utama

[home][admin][kontak]

[tulisan berjalan/marquee]

[Heading Web]

Menu Date

INFO

Login Guru

Link Inside

Menu

Menu

Menu

Menu

Artikel Ilmiah

Polling

SELAYANG PANDANG

[- Uraian -]

Page 44: Laporan TA

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

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.

[home][admin][kontak]

[tulisan berjalan/marquee]

[Heading Web]

Menu Date

INFO

Login Guru

Link Inside

Menu

Menu

Menu

Menu

Artikel Ilmiah

Polling

LOGIN ADMINISTRATOR

User Name

Password

Login Batal

XXXXXXXXXXXX

XXXXXXXXXXXX

Page 45: Laporan TA

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 :

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 :

[home][log out][kontak]

[tulisan berjalan/marquee]

[Heading Web]

Menu Date

INFO

Login Guru

Link Inside

Menu

Menu

Menu

Menu

Artikel Ilmiah

Polling

MENU ADMINISTRATOR

• Administrator Change Password

• Polling Edit Polling

• Info Terkini Add Info Delete Info

• Guestbook Delete pesan

• Artikel Add Artikel Delete Artikel

• Guru Input guru

Page 46: Laporan TA

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 :

[home][log out][kontak]

[tulisan berjalan/marquee]

[Heading Web]

Menu Date

INFO

Login Guru

Link Inside

Menu

Menu

Menu

Menu

Artikel Ilmiah

Polling

GANTI PASSWORD ADMIN

Username Password baru Ulangi password

Change Batal

XXXXXXXXXXXX

XXXXXXXXXXXX

XXXXXXXXXXXX

Page 47: Laporan TA

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.

[home][log out][kontak]

[tulisan berjalan/marquee]

[Heading Web]

Menu Date

INFO

Login Guru

Link Inside

Menu

Menu

Menu

Menu

Artikel Ilmiah

Polling

Edit Polling

Judul polling Pilihan jawaban: Pilihan1 Pilihan2 pilihan3 pilihan4 pilihan5

Ubah

XXXXXXXXXXXX

Page 48: Laporan TA

Gambar 4.6. Desain Form tambah info terbaru

Gambar 4.7. Desain Form Hapus Info

[home][log out][kontak]

[tulisan berjalan/marquee]

[Heading Web]

Menu Date

INFO

Login Guru

Link Inside

Menu

Menu

Menu

Menu

Artikel Ilmiah

Polling

INFO TERBARU Judul Berita

Kirim Batal

XXXXXXXXXXXXXXXXXXX

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

[home][log out][kontak]

[tulisan berjalan/marquee]

[Heading Web]

Menu Date

INFO

Login Guru

Link Inside

Menu

Menu

Menu

Menu

Artikel Ilmiah

Polling

DELETE INFO Pilih judul info yang akan dihapus :

* Ekstrakurikuler Bahasa inggris sudah mulai.

* Pertandingan Basket antar sekolah * Ujian sebentar lagi, belajar Yaaa

Delete Batal

Page 49: Laporan TA

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 :

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 :

[home][log out][kontak]

[tulisan berjalan/marquee]

[Heading Web]

Menu Date

INFO

Login Guru

Link Inside

Menu

Menu

Menu

Menu

Artikel Ilmiah

Polling

DELETE PESAN Tanggal Pengirim Pesan Proses 1 juni’06 Alie

[email protected] Test aja….

Edit Delete

2 juni’06 Aa’ Cobaaaaa Edit Delete

Page 50: Laporan TA

Gambar 4.9. Desain Form Tambah Artikel

Gambar 4.10. Desain Form Hapus Artikel

[home][log out][kontak]

[tulisan berjalan/marquee]

[Heading Web]

Menu Date

INFO

Login Guru

Link Inside

Menu

Menu

Menu

Menu

Artikel Ilmiah

Polling

ARTIKEL TERBARU Judul Artikel

Kirim Batal

XXXXXXXXXXXXXXXXXXX

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

[home][log out][kontak]

[tulisan berjalan/marquee]

[Heading Web]

Menu Date

INFO

Login Guru

Link Inside

Menu

Menu

Menu

Menu

Artikel Ilmiah

Polling

DELETE ARTIKEL Pilih judul artikel yang akan dihapus :

* Ekstrakurikuler Bahasa inggris sudah mulai.

* Pertandingan Basket antar sekolah * Ujian sebentar lagi, belajar Yaaa

Delete Batal

Page 51: Laporan TA

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 :

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 :

[home][log out][kontak]

[tulisan berjalan/marquee]

[Heading Web]

Menu Date

INFO

Login Guru

Link Inside

Menu

Menu

Menu

Menu

Artikel Ilmiah

Polling

Input Data Guru NIP Nama Kode Pelajaran yang Diampu Password

Kirim Batal

XXXXXXXXXXXXXXXXXXX

XXXXXXXXXXXXXXXXXXX

XXXXXXXXXX

XXXXXXXXXXXX

Page 52: Laporan TA

Nama File : input_siswa.php

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

Gambar 4.13. Desain dialog input data pelajaran

INPUT DATA SISWA Masukkan data siswa

NIS

Nama

Kelas

Alamat

Telp/HP

Password

XXXXXX

XXXXXXXXXXXXXXXXX

XXXX

XXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Proses Batal

XXXXXXXXX

[menu] [LOGOUT]

XXXXXXXXX

INPUT DATA PELAJARAN Masukkan data pelajaran

Kode Pelajaran

Nama Pelajaran

Kelas

XXXXXX

XXXXXXXXXXXXXXXXX

Proses Batal

[menu] [LOGOUT]

XXXXXXXX

Page 53: Laporan TA

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

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

Gambar 4.15. Desain input data nilai siswa

INPUT DATA JENIS UJIAN Masukkan data jenis ujian

Kode Ujian

Nama Ujian XXXXXX

XXXXXXXXXXXXXXXXX

Proses Batal

[menu] [LOGOUT]

INPUT DATA NILAI SISWA NIS Pelajaran Jenis Ujian Nilai Keterangan Tanggal Remidi tempat

XXXXXX

XXXXXX

XXXX

Proses Batal

XXXX

XX-XX-XXXX XXXXXXX

Page 54: Laporan TA

5. Desain Output Data Siswa

Tata letak dialog layar output data siswa seperti pada Gambar 4.16

berikut :

Nama File : siswa.php

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 :

[home][admin][kontak]

[tulisan berjalan/marquee]

[Heading Web]

Menu Date

INFO

Login Guru

Link Inside

Menu

Menu

Menu

Menu

Artikel Ilmiah

Polling

DATA SISWA NIS Nama Kelas Alamat Telp/HP

Page 55: Laporan TA

Nama File : pelajaran.php

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 :

[home][admin][kontak]

[tulisan berjalan/marquee]

[Heading Web]

Menu Date

INFO

Login Guru

Link Inside

Menu

Menu

Menu

Menu

Artikel Ilmiah

Polling

DATA PELAJARAN

Kode Pelajaran Guru

Page 56: Laporan TA

Nama File : nilai_d_admin.php

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

[home][admin][kontak]

[tulisan berjalan/marquee]

[Heading Web]

Menu Date

INFO

Login Guru

Link Inside

Menu

Menu

Menu

Menu

Artikel Ilmiah

Polling

Daftar Nilai Pelajaran ………….

NIS Nama Nilai

Page 57: Laporan TA

Nama File : login_siswa.php

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 :

[home][admin][kontak]

[tulisan berjalan/marquee]

[Heading Web]

Menu Date

INFO

Login Guru

Link Inside

Menu

Menu

Menu

Menu

Artikel Ilmiah

Polling

LOGIN SISWA

User Name

Password

Login Batal

XXXXXXXXXX

XXXXXXXXXX

Page 58: Laporan TA

Nama File : nilai.php

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

[home][admin][kontak]

[tulisan berjalan/marquee]

[Heading Web]

Menu Date

INFO

Login Guru

Link Inside

Menu

Menu

Menu

Menu

Artikel Ilmiah

Polling

DATA NILAI SISWA

NIS : __________ Nama : __________ Kelas : __________

Pelajaran Ujian Nilai Ket.

Remidiasi :

Jam :Tanggal : xx-xx-xx

Tempat : xxxxxx

Page 59: Laporan TA

Nama File : isi_bukutamu.php

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

[home][admin][kontak]

[tulisan berjalan/marquee]

[Heading Web]

Menu Date

INFO

Login Guru

Link Inside

Menu

Menu

Menu

Menu

Artikel Ilmiah

Polling

Isi Buku Tamu

Nama

Alamat

Email

Jenis Kelamin 0 Laki-laki

0 Perempuan

Kementar

Proses Batal

XXXXXXXXXXXXXXX

XXXXXXXXXXXXXXX

XXXXXXXXXXXXXXX

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Page 60: Laporan TA

Nama File : bukutamu.php

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 O Jawaban 2 O Jawaban 3 O Jawaban 4 O Jawaban 5 O

Gambar 4.23. Halaman Polling

[home][admin][kontak]

[tulisan berjalan/marquee]

[Heading Web]

Menu Date

INFO

Login Guru

Link Inside

Menu

Menu

Menu

Menu

Artikel Ilmiah

Polling

BUKU TAMU Tanggal Pengirim Pesan 1 juni’06 Alie

[email protected] Test aja….

2 juni’06 Aa’ Aa’@yahoo.com

Cobaaaaa

Page 61: Laporan TA

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 :

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.

[home][admin][kontak]

[tulisan berjalan/marquee]

[Heading Web]

Menu Date

INFO

Login Guru

Link Inside

Menu

Menu

Menu

Menu

Artikel Ilmiah

Polling

Kontak Admin

Nama

E-mail

Subject

Pesan

Proses Batal

XXXXXXXXXXXXXXX

XXXXXXXXXXXXXXX

XXXXXXXXXXXXXXX

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Page 62: Laporan TA

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

Page 63: Laporan TA

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

Page 64: Laporan TA

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

Page 65: Laporan TA

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

Page 66: Laporan TA

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 :

Page 67: Laporan TA

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

Page 68: Laporan TA

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

Page 69: Laporan TA

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

Page 70: Laporan TA

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 No Jenis Jumlah

1 Sistem Operasi ~

2 Apache Web Server 1

3 MySQL 1

4 PHP 1

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:

Page 71: Laporan TA

Tabel 4.2. Alokasi database per bulan

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

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 No Nama File Kapasitas File (Byte)

1 Sistem Operasi Windows’98 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

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 :

Page 72: Laporan TA

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

Page 73: Laporan TA

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

38 Css.css 2

39 Css(1).css 2

40 Galeri_foto.html 30

41 Nilai2.php 1

42 Db_function.php 1

43 Delete_gb.php 1

44 Confiq.php 1

45 session.inc.user.php 1

46 session.inc.admin.php 1

47 Logout.php 1

48 Logout_admin.php 1

49 Hitung.txt 1

50 Baru.dwt 22

Total File Program 228

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 : 685.753.638

Kapasitas File Website : 227.956

Total 688.981.594 Byte

Page 74: Laporan TA

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.

Page 75: Laporan TA

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

Page 76: Laporan TA