432
SISTEM INFORMASI AKADEMIK BERBASIS WEB PADA SMP NEGERI 6 PURWODADI SKRIPSI Tugas Akhir disusun untuk memenuhi syarat mencapai gelar Kesarjanaan Komputer pada Program Studi Sistem Informasi Jenjang Program Strata-1 Oleh : Bambang Nurdiyansah 05.01.55.0025 FAKULTAS TEKNOLOGI INFORMASI UNIVERSITAS STIKUBANK (UNISBANK) SEMARANG 2009

SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Embed Size (px)

Citation preview

Page 1: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

SISTEM INFORMASI AKADEMIK BERBASIS WEB

PADA SMP NEGERI 6 PURWODADI

SKRIPSI

Tugas Akhir disusun untuk memenuhi syarat

mencapai gelar Kesarjanaan Komputer pada

Program Studi Sistem Informasi

Jenjang Program Strata-1

Oleh :

Bambang Nurdiyansah

05.01.55.0025

FAKULTAS TEKNOLOGI INFORMASI

UNIVERSITAS STIKUBANK (UNISBANK)

SEMARANG

2009

Page 2: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx
Page 3: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

PERNYATAAN KESIAPAN UJIAN TUGAS AKHIR

Saya, Bambang Nurdiyansah dengan ini menyatakan bahwa laporan tugas akhir

yang berjudul :

SISTEM INFORMASI AKADEMIK BERBASIS WEB

PADA SMP NEGERI 6 PURWODADI

adalah benar hasil karya kami dan belum pernah diajukan sebagai karya ilmiah,

sebagian atau seluruhnya, atas nama kami atau pihak lain.

Bambang Nurdiyansah

(………………………..)

NIM: 05.01.55.0025

Disetujui oleh Pembimbing

Kami setuju laporan tersebut diajukan untuk Ujian Tugas Akhir

Semarang, Juli 2009

( Edy Supriyanto, Drs, M.Kom )

Pembimbing I

Semarang, Juli 2009

( Arief Jananto, S.Kom )

Pembimbing II

Page 4: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

ii

Page 5: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

HALAMAN PENGESAHAN

SISTEM INFORMASI AKADEMIK BERBASIS WEB

PADA SMP NEGERI 6 PURWODADI

Telah dipertahankan di depan tim dosen penguji Tugas Akhir Fakultas Teknologi

Informasi UNIVERSITAS STIKUBANK (UNISBANK) Semarang dan diterima

sebagai salah satu syarat guna menyelesaikan Jenjang Strata 1, Program Studi

Sistem Informasi.

Semarang, 2009

Ketua

(Edy Supriyanto, Drs M.Kom)

Sekretaris

(Arief Jananto, S.Kom)

Anggota

(Herny Februariyanti, ST)

MENGETAHUI :

Page 6: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

UNIVERSITAS STIKUBANK (UNISBANK) SEMARANG

Fakultas Teknologi Informasi

Dekan

( DR. Drs. Yohanes Suhari, M.Msi )

iii

Page 7: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

MOTTO DAN PERSEMBAHAN

MOTTO

Setiap ibadah yang disertai niat bersih, maka akan membuahkan hasil yang

baik.

Carilah ilmu setinggi langit selama kita masih diberikan kesempatan oleh

Allah SWT.

Tangan di atas lebih mulia dari pada tangan di bawah.

Bekerjalah dengan disiplin dan etos kerja yang tinggi.

PERSEMBAHAN

Tuhan Yang Maha Esa.

Junjunganku Nabi Muhammad SAW.

Bapak, Ibuku Doa kalian tidak tertandingi oleh siapapun di dunia ini, terima

kasih untuk kesekpatan yang kalian berikan.

Page 8: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Kakakku yang memberikan kesempatan dan dorongan untuk melanjutkan

sekolah yang lebih tinggi.

Someone yang selalu aku sayangi yang selalu mengisi hari-hari terakhir

proses penyelesaian karya ini.

Seluruh Teman-Temanku yang telah membantu tercapainya skripsi ini hingga

berakhir

Semua pihak yang membaca Karya Ilmiah ini.

Page 9: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

FAKULTAS TEKNOLOGI INFORMASI

UNIVERSITAS STIKUBANK SEMARANG

Program Studi Sistem Informatika

Jenjang Program Strata 1

Skripsi Sarjana Komputer

SISTEM INFORMASI AKADEMIK BERBASIS WEB

PADA SMP NEGERI 6 PURWODADI

Bambang Nurdiyansah : 05.01.55.0025

Abstraksi

Seiring teknologi yang berkembang dengan pesat dan semakin canggih,

khususnya bidang informasi sudah banyak hasil yang telah dicapai manusia.

Informasi saat ini sudah menjadi bagian yang tidak terpisahkan lagi dari kehidupan

manusia. Dalam hal ini mengenai Sistem Informasi Akademik Berbasis Web Pada

SMP Negeri 6 Purwodadi, yang berfungsi sebagai informasi sekolah, informasi guru

dan siswa, informasi jadwal mengajar guru, informasi jadwal pelajaran siswa, tugas

siswa dan jadwal ujian siswa. Software yang digunakan untuk merancang dan

Page 10: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

mendesain Sistem Informasi Akademik Berbasis Web Pada SMP Negeri 6 Purwodadi

adalah bahasa pemrograman HTML, PHP, PhpMyAdmin sebagai sebuah tools untuk

membantu mengelola basis data MySQL, text editor Macromedia Dreamweaver MX

2004, AppServ-win32-2.5.4a , dan image editor Adobe Photoshop CS2.

Hadirnya Sistem Informasi Akademik Berbasis Web Pada SMP Negeri 6

Purwodadi yang nantinya dharapkan dapat memberikan sarana dan kemudahan

kepada masyarakat, guru dan siswa, untuk mengetahui jadwal mengajar, jadwal

pelajaran, tugas siswa, dan jadwal ujian siswa secara online dan memperoleh

informasi sekolah secara lengkap dengan cepat melalui website online ini.

Page 11: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Kata Kunci :

. Sistem Informasi Berbasis Web, Informasi Sekolah, Informasi Guru dan

Siswa, Informasi Jadwal Mengajar Guru, Informasi Jadwal Pelajaran Siswa, Tugas

Siswa dan Jadwal Ujian Siswa.

Pembimbing I Pembimbing II

( Edy Supriyanto, Drs, M.Kom ) ( Arief Jananto, S.Kom )

Page 12: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

KATA PENGANTAR

Assalamualaikum Wr. Wb.

Dengan memanjatkan puji syukur kehadirat Allah Subhanahu Wa Ta’ala

yang telah melimpahkan segenap Rahmat dan Hidayah-Nya sehingga penulis

dapat menyelesaikan tugas akhir ini dengan judul “Sistem Informasi Akademik

Pada SMP Negeri 6 Purwodadi”.

Penyusunan Tugas Akhir ini merupakan salah satu syarat untuk

menyelesaikan program studi Sistem Informasi S-1 pada Fakultas Teknologi

Informasi Universitas Semarang.

Atas tersusunnya Laporan Tugas Akhir ini, penulis mengucapkan terima

kasih yang sebesar-besarnya kepada :

1.

Bapak Prof. DR. Y. Sutomo, M.M selaku Rektor Universitas Stikubank

Semarang.

2.

Page 13: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Bapak Dr. Drs. Yohanes Suhari, M.MSi selaku Dekan Fakultas Teknologi

Informasi.

3.

Ibu Dra. Sulastri, M.Kom, selaku Ketua Program Studi Sistem Informasi

Universitas Stikubank Semarang.

4.

Bapak Edy Supriyanto, Drs, M.Kom dan Arief Jananto, S.Kom, selaku

pembimbing yang telah memberikan pengarahan dan bimbingan kepada

penulis dalam penyusunan Laporan Tugas Akhir ini hingga selesai.

5.

Bapak/Ibu Dosen di Fakultas Teknologi Informasi Universitas Stikubank

Semarang yang telah memberikan bekal ilmu pengetahuan kepada penulis.

6.

Semua Guru dan Staf Pihak SMP Negeri 6 Purwodadi dimana tempat saya

mengadakan kegiatan penelitian dan observasi dalam pembuatan Laporan

Tugas akhir ini.

vii

Page 14: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

7.

Ayah, Ibu, Kakak, serta seluruh Keluargaku tercinta terima kasih atas

dukungan materi maupun doa, waktu dan kasih sayang mereka yang tidak

pernah putus..

8.

Teman-teman ”KjC” senasib-seperjuangan; Blacky, Okto, El, Atenk, Aris,

dr. Rejo, Ian BE, Singgih, Jack, Rozi, Bagus, yang sudah menemani hari-hari

penulis dalam suka dan duka.

9.

Teman-teman ”Ranger FC” semuanya yang selalu siap sedia buat diajak main

Futsal untuk ngilangin penat dan stress.

10. Semua

pihak yang tidak bisa penulis sebutkan satu persatu, yang telah

mendukung baik secara langsung maupun tidak langsung atas terlaksananya

Tugas Akhir ini.

Penulis menyadari sepenuhnya bahwa dalam penyusunan Tugas Akhir ini

masih jauh dari sempurna. Untuk itu kritik dan saran yang bersifat membangun

guna perbaikan dimasa mendatang akan penulis terima dengan senang hati beserta

ucapan terima kasih.

Wassalamualaikum Wr. Wb

Semarang,

2009

Page 15: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Penulis

viii

Page 16: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

DAFTAR ISI

Halaman

HALAMAN JUDUL ........................................................................................... i

HALAMAN PERSETUJUAN ............................................................................ ii

HALAMAN PENGESAHAN.............................................................................. iii

HALAMAN MOTTO DAN PERSEMBAHAN ................................................ iv

ABSTRAKSI ........................................................................................................ v

KATA PENGANTAR.......................................................................................... vii

DAFTAR ISI......................................................................................................... ix

DAFTAR GAMBAR............................................................................................ xv

DAFTAR TABEL ................................................................................................ xvi

BAB I : PENDAHULUAN

1.1. Latar Belakang ............................................................................ 1

1.2. Perumusan Masalah .................................................................... 3

1.3. Batasan Masalah.......................................................................... 4

Page 17: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

1.4. Tujuan Dan Manfaat Penelitian .................................................. 4

1.4.1. Tujuan Penelitian ............................................................ 4

1.4.2. Manfaat Penelitian .......................................................... 4

1.5. Metodologi Penelitian ................................................................. 5

1.5.1. Studi Pustaka................................................................... 5

1.5.2. Metodologi Observasi ..................................................... 6

1.5.3. Metode Pengembangan Sistem ....................................... 6

1.6. Sistematika Penulisan ................................................................. 7

Page 18: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

BAB II : LANDASAN TEORI

2.1. Konsep Dasar Sistem .................................................................. 9

2.1.1. Pengertian Sistem............................................................ 9

ix

Page 19: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

2.1.2. Elemen-Elemen Sistem .................................................. 10

2.2. Konsep Dasar Informasi ............................................................. 12

2.2.1. Pengertian Informasi ...................................................... 12

2.2.2. Kualitas Informasi .......................................................... 13

2.2.3. Siklus Informasi ............................................................. 13

2.3. Analisa Sistem ............................................................................ 14

2.3.1. Pengertian Analisa Sistem ............................................. 14

2.3.2. Alat Analis Yang Dipakai .............................................. 15

2.4. Desain Sistem ............................................................................. 17

Page 20: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

2.4.1. Tahap-Tahap Desain Sistem .......................................... 17

2.4.2. Alat Bantu Desai Sistem ................................................ 19

2.4.3. Spesifikasi Proses (Propses Spesification) ..................... 21

2.4.4. Kamus Data (Data Dictionary)....................................... 22

2.4.5. Entity Relationship Data (ERD) .................................... 22

2.5. Internet dan HTML .................................................................... 23

2.5.1. Pengertian Internet ......................................................... 23

2.5.2. Pengertian HTML ............................................................ 24

Page 21: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

2.5.3. Struktur Data HTML ...................................................... 24

2.5.4. Tag HTML ...................................................................... 26

2.6. Macromedia Dreamweaver MX ................................................. 28

2.6.1. Script .............................................................................. 29

2.6.2. Konsep Dasar MySql Database ....................................... 29

2.7. PHP ............................................................................................. 30

2.7.1. Pengertian PHP............................................................... 30

2.7.2. Keunggulan PHP ............................................................ 32

Page 22: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

2.8. Pengertian Sistem Informasi Akademik ..................................... 33

2.8.1. Definisi Sistem Informais Akademik.............................. 33

2.8.2. Hal-hal yang Berhubungan Dengan Informasi On-line .. 33

x

Page 23: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

2.9. Konsep Dasar Pendidikan ........................................................... 35

2.9.1. Pengertian Pendidikan..................................................... 35

2.9.2. Unsur-unsur Pendidikan.................................................. 35

BAB III : ANALISA SISTEM YANG BERJALAN

3.1. Analisa Masalah .......................................................................... 37

3.1.1. Sejarah Sisngkat SMP Negeri 6 ..................................... 37

3.1.1. Kondisi Sekolah .............................................................. 38

3.1.2. Visi, Misi dan Tujuan ..................................................... 39

3.1.3. Struktur Organisasi dan Diskripsi Jabatan ...................... 40

Page 24: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

3.2. Analisa Sistem............................................................................. 47

3.2.1. Identifikasi Masalah dan Sumber Masalah ..................... 47

3.2.2. Kendala Yang Terjadi pada Sistem Yang Ada ............... 48

3.2.3. Tahap-tahap Analisa Sistem............................................ 48

3.2.4. Sistem Yang Diusulkan................................................... 49

3.2.5. Sofware Yang Dibutuhkan.............................................. 49

3.2.6. Bagian Aliran Dokumen Sistem Lama ........................... 50

3.2.7. Kebutuhan Data dan Informasi ....................................... 52

Page 25: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

3.3. Analisa Sofware ......................................................................... 53

3.3.1. Prinsip-prinsip Analisa ( Analisa Principles ) ............... 53

3.3.2. Domain Informasi ( The Informasi Domain ) ................. 53

3.3.3. Pembagian ....................................................................... 54

3.3.4. Permodelan...................................................................... 55

3.3.5. Esensial dan Implementasi.............................................. 56

3.4. Analisa Brainware ...................................................................... 57

3.4.1. Analisa Sistem................................................................. 57

3.4.2. Programmer..................................................................... 57

Page 26: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

3.4.3. Teknisi............................................................................. 58

3.4.4. Operator........................................................................... 58

xi

Page 27: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

3.5. Analisa Cost and Benefit............................................................. 58

3.5.1. Komponen Biaya............................................................. 58

3.5.2. Komponen Manfaat......................................................... 61

BAB IV : DESAIN SISTEM BARU

4.1. Gambaran Kerja Sistem Baru...................................................... 63

4.2. Contex Diagram Sistem Informasi Akademik ............................ 64

4.3. Decomposisi................................................................................ 67

4.4. Tingkatan DFD ........................................................................... 68

4.4.1. Data Flow Diagram Level 0 ........................................... 68

Page 28: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

4.4.2. Data Flow Diagram Level 1 ........................................... 71

4.5. Perancangan Data Base............................................................... 73

4.6. Analisa Normalisasi .................................................................... 74

4.7. Relationship Tabel ..................................................................... 77

4.8. Desain File Data Base ................................................................. 78

4.8.1. Tabel Guru ...................................................................... 78

4.8.2. Tabel Siswa ..................................................................... 79

4.8.3. Tabel Mata Pelajaran....................................................... 79

Page 29: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

4.8.4. Tabel Jadwal Mengajar Guru.......................................... 80

4.8.5. Tabel Jadwal Pelajaran Siswa ......................................... 80

4.9. Desain Halaman Utama............................................................... 81

4.10. Desain Input dan Output ............................................................. 82

4.10.1. Desain Input .................................................................... 82

4.10.2. Desain Output ................................................................. 86

4.11. Struktur Flowchart ...................................................................... 89

4.11.1. Flowchart Menu Index SMP Negeri 6 Purwodadi.......... 89

4.11.2. Sub Modul Login Guru ................................................... 91

Page 30: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

4.11.3. Sub Modul Login Siswa.................................................. 92

4.11.4. Sub Modul Login Admin ................................................ 93

xii

Page 31: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

4.11.5. Sub Modul Informasi Guru ............................................. 94

4.11.6 Sub Modul Informasi Siswa............................................ 96

4.11.7. Sub Modul Informasi Admin .......................................... 98

BAB V : RENCANA IMPLEMENTASI

5.1. Tampilan Menu Program ............................................................ 102

5.2. Tampilan Profile.......................................................................... 103

5.3. Tampilan Menu Informasi .......................................................... 104

5.3.1. Tampilan Fasilitas ............................................................. 104

5.3.2. Tampilan Prestasi.............................................................. 105

Page 32: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

5.3.3. Tampilan Kontak............................................................... 106

5.4. Tampilan Desain Input................................................................ 107

5.4.1. Pendataan Guru ................................................................. 107

5.4.2. Pendataan Siswa................................................................ 108

5.4.3. Pendataan Jadwal Mengajar Guru..................................... 109

5.4.4. Pendataan Jadwal Pelajaran Siswa.................................... 110

5.5. Tampilan Desain Output ............................................................. 111

5.5.1. Informasi Guru.................................................................. 111

Page 33: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

5.5.2. Informasi Siswa................................................................. 112

5.5.3. Informasi Kalender Sekolah.............................................. 113

5.6. Tampilan Informasi Login .......................................................... 114

5.7. Tampilan konfirmasi Login ........................................................ 114

5.8. Tampilan Menu Log Out............................................................. 114

5.9. Tampilan News ........................................................................... 115

5.10. Cetak Jadwal Mengajar Guru...................................................... 116

5.11. Cetak Jadwal Pelajaran Siswa..................................................... 116

5.12. Cetak Jadwal Ujian Siswa........................................................... 117

Page 34: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

5.13. Testing Program.......................................................................... 118

5.13.1. Testing Flowchart ........................................................... 118

xiii

Page 35: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

5.13.2. Testing Flowgraph .......................................................... 120

5.13.3. Cyclomatic comptexity ................................................... 122

5.13.4. Deriving Test Case.......................................................... 122

BAB VI : PENUTUP

6.1. Kesimpulan ................................................................................. 124

6.2. Saran............................................................................................ 125

DAFTAR PUSTAKA

LAMPIRAN

Listing Program

Surat Riset

Lembar Bimbingan

xiv

Page 36: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

DAFTAR GAMBAR

Gambar 1.1. : Pintu Gerbang SMP Negeri 6 Purwodadi ............................. 2

Gambar 1.2. : Ruang Kelas SMP Negeri 6 Purwodadi................................. 3

Gambar 2.1. : Siklus Informasi ..................................................................... 12

Gambar 2.2. : Siklus Pengolahan Data ......................................................... 14

Gambar 2.3. : Contoh HTML ........................................................................ 26

Gambar 2.4. : Software Dreamweaver MX 2004 ......................................... 29

Gambar 2.5. : Logo PHP............................................................................... 31

Gambar 2.6. : Konsep PHP ........................................................................... 32

Gambar 3.1. : Struktur Organisasi SMP Negeri 6 Purwodadi ...................... 41

Gambar 3.2. : Flow of Document Sistem Penjadwalan ................................ 51

Gambar 3.3. : Domain Informasi .................................................................. 54

Gambar 3.4. : Sistem Informasi Web pembagian fungsional secara

horizontal................................................................................ 55

Gambar 3.5. : Sistem Informasi Web Permodelan ....................................... 56

Gambar 3.6. : Kelas / Objek.......................................................................... 57

Gambar 4.1. : Context Diagram Sistem Informasi Akademik pada

SMP Negeri 6 Purwodadi ...................................................... 65

Gambar 4.2. : Decomposisi Sistem Informasi Akademik pada

SMP Negeri 6 Purwodadi ...................................................... 67

Page 37: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Gambar 4.3. : DFD Level 0 .......................................................................... 68

Gambar 4.4. : DFD Level 1 .......................................................................... 71

Gambar 4.5. : Entity Relayionship Diagram................................................. 73

Gambar 4.6. : Relationship Tabel ................................................................. 77

Gambar 4.7. : Desain Halaman Utama SIA.................................................. 81

Gambar 4.8. : Desain Pendataan Guru.......................................................... 82

Gambar 4.9. : Desain Pendataan Siswa......................................................... 83

Gambar 4.10. : Desain Pendataan jadwal Mengajar Guru.............................. 84

Gambar 4.11. : Desain Pendataan Jadwal Pelajaran Siswa............................. 84

Gambar 4.12. : Desain Input Jadwal Ujian Semester ..................................... 85

xv

Page 38: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Gambar 4.13. : Desain Output Informasi Guru............................................... 86

Gambar 4.14. : Desain Output Informasi Siswa ............................................. 86

Gambar 4.15. : Desain Output Informasi Jadwal Mengajar Guru .................. 87

Gambar 4.16. : Desain Output Informasi Jadwal Pelajaran Siswa ................. 87

Gambar 4.17. : Desain Output Informasi Jadwal Ujian Siswa ....................... 88

Gambar 4.18. : Flowchart Halaman Index SMP N 6 Purwodadi.................... 89

Gambar 4.19. : Flowchart Halaman Informasi dan Login .............................. 91

Gambar 4.20. : Flowchart Halaman Login Siswa........................................... 92

Gambar 4.21. : Flowchart Halaman Login Admin ......................................... 93

Gambar 4.22. : Flowchart Halaman Informasi Guru ...................................... 94

Gambar 4.23. : Flowchart Halaman Informasi Siswa..................................... 96

Gambar 4.24. : Flowchart Halaman Informasi Admin ................................... 99

Gambar 5.1. : Halaman Default ( Menu Utama ).......................................... 102

Gambar 5.2. : Tampilan Profile Sekolah....................................................... 103

Gambar 5.3. : Tampilan Halaman Fasilitas .................................................. 104

Gambar 5.4. : Tamilan Halaman Prestasi ..................................................... 105

Gambar 5.5. : Tampilan Halaman Kontak .................................................... 106

Gambar 5.6. : Tampilan Pendatan Guru ....................................................... 107

Gambar 5.7. : Tampilan Pendataan Siswa .................................................... 108

Gambar 5.8. : Tampilan Pendataan Jadwal Mengajar Guru ......................... 109

Gambar 5.9. : Tampilan Pendataan Jadwal Mengajar Siswa........................ 110

Gambar 5.10. : Tampilan Halaman Informasi Guru ....................................... 111

Gambar 5.11. : Informasi Profile Siswa.......................................................... 112

Gambar 5.12. : Informasi Halaman Kalender Sekolah ................................... 113

Gambar 5.13. : Menu Informasi Login ........................................................... 114

Page 39: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Gambar 5.14. : Menu Konfirmasi Login......................................................... 114

Gambar 5.15. : Tampilan Menu Logout ......................................................... 114

Gambar 5.16. : Tampilan Menu News............................................................ 115

Gambar 5.17. : Cetak Jadwal Mengajar Guru................................................. 116

Gambar 5.18. : Cetak Jadwal Pelajaran Siswa................................................ 116

Gambar 5.19. : Cetak Jadwal Ujian Siswa...................................................... 117

xvi

Page 40: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Gambar 5.20. : Testing Flowchart .................................................................. 119

Gambar 5.21. : Testing Flowgraph ................................................................. 121

xvii

Page 41: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

DAFTAR TABEL

Tabel 2.1. : Simbol-simbol Diagram Alir Dokumen (Flow of Document) .... 16

Tabel 2.2. : Simbol Data Flow Diagram (DFD) ............................................ 20

Tabel 2.3. : Simbol Block Chart..................................................................... 21

Tabel 2.4. : Simbol Kamus Data .................................................................... 22

Tabel 2.5. : Simbol-simbol ERD.................................................................... 23

Tabel 2.6. : Daftar Tag HTML yang umum digunakan ................................. 27

Tabel 3.1. : Biaya Pengadaan......................................................................... 59

Tabel 3.2. : Biaya Persiapan Operasional ...................................................... 59

Tabel 3.3. : Biaya Proyek............................................................................... 60

Tabel 3.4. : Biaya Operasi dan Biaya Perawatan ........................................... 60

Tabel 3.5. : Total Biaya.................................................................................. 61

Tabel 3.6. : Biaya Skripsi Saat ini.................................................................. 61

Tabel 4.1. : Bentuk fisik tabel Guru............................................................... 78

Tabel 4.2. : Bentuk fisik tabel Siswa.............................................................. 79

Tabel 4.3. : Bentuk fisik tabel Mata Pelajaran ............................................... 79

Tabel 4.4 : Bentuk fisik tabel Mengajar Guru............................................... 80

Tabel 4.5 : Bentuk fisik tabel Jadwal Pelajaran ........................................... 80

xvi

Page 42: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

BAB I

PENDAHULUAN

1.1. Latar Belakang

Dalam perkembangan teknologi informasi yang sangat pesat ini telah

membawa kita memasuki sebuah dunia baru, dunia dimana komunikasi

memegang peranan penting dalam kehidupan. Berbagai macam fasilitas

disediakan guna memenuhi semua kebutuhan akan komunikasi. Penggunaan

fasilitas Internet beserta aplikasi-aplikasinya, sudah tidak asing lagi di

masyarakat. Karena kemampuannya dalam menyajikan informasi secara

cepat dan akurat tidak diragukan lagi. Salah satu aplikasi internet yang

sekarang marak digunakan adalah Website . Website ini selain berfungsi

sebagai penyedia informasi juga sebagai pengelola data. Sehingga webite

selain tampilannya menarik juga menyajikan informasi yang interaktif dan

komunikatif.

Dengan perkembangan teknologi informasi yang sangat pesat,

teknologi informasi sekarang telah merambah di berbagai aspek kehidupan,

tidak terkecuali pada dunia pendidikan. Saat ini bisa dijumpai hampir semua

sekolah mulai SLTP hingga perguruan tinggi telah memiliki website sekolah

masing-masing, yang digunakan untuk memperkenalkan profil sekolah

tersebut. Dengan adanya website tersebut, sekarang masyarakat dapat lebih

mudah mendapatkan informasi tentang sekolah yang mereka minati dengan

cepat dan efisien dengan menggunakan teknologi Internet yang kini sudah

Page 43: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

1

Page 44: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

tidak asing lagi di masyarakat. Website merupakan salah satu aplikasi dari

Internet yang berfungsi menyajikan informasi secara akurat dan cepat.

Selain itu, website juga berfungsi sebagai pengelola data (basis data)

berbasis web. Sehingga selain tampilan yang menarik juga menyajikan

informasi yang interaktif dan komuni-katif.

Hakikatnya dibuatlah web sekolah SMP Negeri 6 Purwodadi untuk

menyampaikan informasi ke masyarakat tentang Profile Sekolahan,

Pendidikan Sekolah, Fasilitas Sekolah, Organisasi Sekolah dan lain-lain.

Dengan itu masyarakat tidak perlu datang langsung ke sekolahan. dan

Informasinya diharapkan masyarakat tertarik sehingga ingin menyekolahkan

anaknya ke SMP Negeri 6 Purwodadi.

Gambar 1.1. Pintu Gerbang SMP N 6 Purwodadi

2

Page 45: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Gambar 1.2. Ruang Kelas SMP Negeri 6 Purwodadi

Dengan pertimbangan dan pemikiran tersebut, maka penulis sangat

tertarik membuat proyek tugas akhir dengan mengangkat judul “SISTEM

INFORMASI AKADEMIK BERBASIS WEB PADA SMP NEGERI 6

PURWODADI”.

1.2. Perumusan Masalah

Dari gambaran latar belakang yang dikemukakan di atas, penulis

ingin mengemukakan permasalahan tentang bagaimana merancang sekaligus

membagun aplikasi web sekolah yang online kepada masyarakat melalui

media website dengan tampilan yang menarik serta penyajian informasi

yang mudah, dan sederhana.

3

Page 46: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

1.3. Batasan Masalah

Mengingat terbatasnya kemampuan dan waktu yang tersedia serta

luasnya ruang lingkup sistem akademik yang begitu banyak dan kompleks,

maka penulis memberikan pembatasan masalah yaitu pemberian informasi

berupa informasi guru dan karyawan, siswa, penjadwalan mengajar guru,

penjadwalan pelajaran siswa, penjadwalan ujian siswa, data tugas siswa

serta menu data informasi mengenai fasilitas yang ada di sekolah tersebut.

1.4. Tujuan dan Manfaat Penelitian

1.4.1. Tujuan Penelitian

a.

Sistem Informasi Akademik berbasis Web yang dapat

memberikan informasi yang up to date kepada siswa ataupun

orang tua siswa pada khususnya serta masyarakat pada

umumnya.

b.

Menghasilhkan sistem informasi dengan Data Flow Diagram

untuk databasenya. Dan menggunakan ERD untuk

menggambarkan struktur dan hubungan datanya.

1.4.2. Manfaat Penelitian

a.

Bagi Penulis

Akan menambah pengetahuan tentang bagaimana membuat suatu

sistem online, melalui ilmu yang didapat baik dari bangku kuliah

ataupun dari luar. Dan memenuhi salah satu syarat untuk

Page 47: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

menyeleseikan Tugas Akhir pada jurusan Sistem Informasi

4

Page 48: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Fakultas Teknologi Informasi di Universitas Stikubank

Semarang.

b. Bagi Jenjang SMP N 6 Purwodadi

Sebagai bahan masukan rancangan sistem informasi yang

berbasiskan komputer melalui sistem online sehingga mampu

memberikan efesiensi serta efektifitas pekerjaan yang berkaitan

dengan pengolahan data akademik.

c.

Bagi Pembaca

Untuk menambah pengetahuan bagi pembaca yang bisa

digunakan untuk sumber informasi bagi penelitian lebih lanjut

dengan pokok persoalan yang menyangkut masalah teknologi

online.

d.

Bagi Akademis

Sebagai sarana untuk mengukur sampai sejauh mana pemahaman

dan penguasaan mahasiswa terhadap ilmu yang diberikan dan

sebagai bahan evaluasi akademik.

1.5. Metodologi Penelitian

1.5.1. Studi Pustaka

Studi pustaka adalah suatu teknik atau cara pengumpulan

data atau informasi yang dilakukan dengan cara membaca buku–

buku, laporan–laporan dan sebagainya yang berhubungan dengan

Page 49: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

permasalahan terkait.

5

Page 50: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

1.5.2. Metodologi observasi

Metodelogi Observasi adalah suatu teknik pengumpulan data

atau informasi yang dilakukan dengan cara mengadakan pengamatan

langsung pada obyek permasalahan dan kemudian dari pengamatan

tersebut diambil suatu kesimpulan. Adapun metode pengumpulan

yang dipakai oleh penyusun adalah sebagai berikut :

a.

Interview/Wawancara

Yaitu metode pengumpulan data yang dilakukan dengan cara

tanya jawab secara langsung dengan Kepala Sekolah tentang

data-data yang berhubungan dengan informasi akademik SMP

tersebut.

b.

Literature

Yaitu metode pengumpulan data yang dilakukan penyusun

dengan cara membaca dan mencatat serta mempelajari dokumendokumen

atau buku-buku yang bersangkutan dengan masalah

yang sedang diteliti pada SMP tersebut.

1.5.3. Metode Pengembangan Sistem

Metode pengembangan perangkat lunak dalam penulisan

skripsi ini adalah metode prototipe menurut Tavri D. Mahyuzir

(Pengantar Analisis dan Perancangan Perangkat Lunak.1991).

Proses yang terjadi pada metode prototipe dapat dijelaskan sebagai

berikut :

Page 51: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

6

Page 52: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

a.

Analisa

-Menganalisis sistem di SMP N 6 Purwodadi.

-Menganalisis permasalahan.

-Memberikan analisa terhadap sistem baru.

b.

Desain

Tahap desain merupakan tahap merancang desain struktur

diagram dan merancang database.

c.

Prototipe

-Perancangan model interface (I/O).

-Menentukan tipe dan menentukan perangkat keras yang akan

digunakan.

d.

Evaluasi dan perbaikan

Pada tahap ini yang akan dilakukan adalah pengetesan dan hasil

evaluasi.

e.

Hasil

Pada tahap ini yang dilakukan adalah penerapan rancangan

interface (I/O) yang dibangun pada keadaan yang sebenarnya dan

siap untuk digunakan atau dapat dikatakan bagaimana

mempublikasikan informasi.

Page 53: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

1.6. Sistematika Penulisan

Untuk mendapatkan gambaran yang jelas dan terperinci mengenai

skripsi ini maka penulis menguraikan sistematikanya sebagi berikut:

7

Page 54: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

BAB I : PENDAHULUAN

Dalam bab ini dijelaskan tentang latar belakang, perumusan

masalah, pembatasan masalah, tujuan dan manfaat penelitian,

metode penelitian, serta sistematika penulisan.

BAB II : LANDASAN TEORI

Pada bab ini dapat dijelaskan teori-teori yang berkaitan dengan

sistem informasi serta dimasukkan definisi singkat dari istilahistilah

yang berhubungan dengan web.

BAB III : ANALISIS SISTEM YANG BERJALAN

Pada bab ini menjelaskan tentang analisa sistem dan

pemecahan masalah yang ditentukan.

BAB IV : DESAIN SISTEM BARU

Pada bab ini menjelaskan tentang desain

perbaikan dalam pembuatan program.

BAB V : IMPLEMENTASI SISTEM

sistem baru dan

Bab ini menjelaskan tentang penerapan program hasil dari

desain yang telah dibuat dimana telah disetujui oleh pemakai

Page 55: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

dan siap untuk dioperasikan.

BAB VI : PENUTUP

Bab ini menyajikan beberapa kesimpulan mengenai rancangan

website yang disusun dan juga saran-saran untuk

mengembangkan rancangan website ini lebih lanjut dimasa

mendatang.

8

Page 56: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

BAB II

LANDASAN TEORI

Pada bab ini akan dibahas tentang landasan teori yang berhubungan dan

mendukung dalam penyusunan skripsi yang ditulis secara urut dan lengkap, sejalan

dengan permasalahan yang dihadapi. Tujuan dari landasan teori ini adalah sebagai

dasar untuk memahami dalam meneliti sebuah sistem yang berjalan dan

menggambarkan sebuah sistem baru yang akan dibuat. Disamping itu digunakan

untuk pedoman dalan perancangan program yang digunakan dengan menggunakan

bahasa pemrograman Macromedia Dreamweaver MX 2004.

Dalam landasa teori ini meliputi : Konsep Dasar Sistem, Konsep Dasar

Informasi, Analisa Sistem, Desain Sistem, Internet dan HTML, MACROMEDIA

DREAMWEAVER MX, PHP, Pengertian Sistem Informasi Akademik, Konsep

Dasar Pendidikan.

2.1. Konsep Dasar Sistem

2.1.1. Pengertian Sistem

Secara umum arti sistem adalah suatu kesatuan atau kelompok

dari bagian-bagian tertentu yang saling berhubungan dengan mencapai

tujuan tertentu.

9

Page 57: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx
Page 58: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Menurut Andri Kristanto (2003) “Suatu sistem adalah jaringan

kerja dari prosedur-prosedur yang saling berhubungan, berkumpul

bersama-sama untuk melakukan suatu kegiayan atau menyelesaikan

suatu sasaran tertentu”. Suatu sistem yang baik harus mempunyai tujuan

dan sasaran yang tepat karena hal ini akan samgat menentukan dalam

mendefinisikan masukan yang dibutuhkan sistem dan juga keluaran

yang dihasilkan menurut Andri Kristanto (Perancangan Sistem

Informasi dan Aplikasinya. 2003)

2.1.2. Elemen-elemen Sistem

Sistem mempunyai elemen-elemen yang mendukung sebuah

sistem itu sendiri berupa :

a.

Tujuan Sistem

Tujuan sistem merupakan tujuan dari sistem tersebut disebut. Tujuan

sistem dapat berguna tujuan organisasi, kebutuhan organisasi,

permasalahan yang ada dalam suatu organisasi maupun urutan

prosedur untuk mencapai tujuan organisasi.

b.

Batasan Sistem

Batasan sistem merupakan sesuatu yang membatasi sistem dalam

mencapai tujuan sistem. Batasan sistem dapat berupa peraturanperaturan

yang ada dalam suatu organisasi, biaya-biaya yang

10

Page 59: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx
Page 60: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

dikeluarkan, orang-orang yang ada dalam organisasi, fasilitas baik

itu sarana dan prasarana maupun batasan yang lain.

c.

Kontrol Sistem

Kontrol atau pengawasan sistem merupakan pengawasan terhadap

pelaksanaan pencapaian tujuan dari sistem tersebut. Kontrol sistem

dapat berupa kontrol terhadap pemasukan data (input), kontrol

terhadap keluaran data (output), kontrol terhadap pengolahan data,

kontrol terhadap umpan balik dan sebagainya.

d.

Input

Input merupakan elemen dari sistem yang bertugas untuk menerima

seluruh masukan data, dimana masukan tersebut dapat berupa jenis

data, frekuensi pemasukan data dan sebagainya.

e.

Proses

Proses merupakan elemen dari sistem yang bertugas untuk mengolah

atau memproses seluruh masukan data menjadi suatu yang lebih

berguna. Misalkan sistem produksi akan mengolah bahan baku yang

berupa bahan mentah menjadi bahan jadi yang siap untuk digunakan.

f.

Output

Output merupakan hasil dari inout yang telah diproses oleh bagian

pengolah dan merupakan tuijuan akhir sistem. Output ini bisa berupa

Page 61: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

laporan grafik, diagram batang dan sebagainya.

11

Page 62: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

g.

Umpan Balik

Umpan balik merupakan elemen dalam sistem yang bertugas

mengevaluasi bagian dari output yang dikeluarkan, dimana elemen

ini sangat penting demi kemajuan sebuah sistem. Umpan balik ini

dapat merupakan perbaikan sistem, pemeliharaan sisten dan

sebagainya.

UMPAN BALIK

TUJUAN

BATASAN

KONTROL

INPUT OUTPUT PROSES

Sumber : Andri Kristanto, Perancangan Sistem Informasi dan Aplikasinya, 2003

Gambar 2.1. Siklus Informasi

2.2. Konsep Dasar Informasi

2.2.1. Pengertian Informasi

Informasi adalah kumpulan data yang diolah menjadi bentuk

yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi

yang menerimanya. (Andri Kristanto, 2003).

12

Page 63: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx
Page 64: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

2.1.2. Kualitas informasi

Dari segi kualitas, infomasi harus mempunyai syarat sebagai

berikut:

1.

Relevan, berarti informasi harus mempunyai manfaat untuk

pemakai. Informasi dikatakan bernilai bila manfaat lebih efektif

dibanding dengan biaya mendapatkannya. Suatu informasi tidak

dapat ditaksir keuntungannya dengan nilai uang tetapi dapat ditaksir

dengan efektifitasnya.

2.

Akurat, bebas dari kesalahan dan tidak bisa atau menyebabkan

kesalahan karena dari sumber informasi sampai ke penerima banyak

gangguan yang dapat merubah informasi tersebut.

3.

Lengkap, tidak menghilangkan data penting yang dibutuhkan oleh

para pemakai.

4.

Tepat waktu, informasi tidak boleh terlambat dan disajikan pada saat

yang tepat karena mempengaruhi proses pembuatan keputusan.

Informasi yang usang tidak mempunyai nilai lagi karena informasi

merupakan landasan di dalam pengambilan keputusan.

5.

Mudah dipahami, disajikan dalam format yang mudah dimengerti.

2.2.3. Siklus informasi

Page 65: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Data yang merupakan suatu kejadian yang menggambarkan

kenyataan yang terjadi dimasukan melalui elemen input kemudian data

13

Page 66: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

tersebut akan diolah dan diproses menjadi suatu outptu dan output

pemakai atau penerima, kemudian penerima akan memberikan umpan

balik yang berupa evaluasi terhadap informasi tersebut dan hasil umpan

balik tersebut akan menjadi data yang akan dimasukan menjadi input

kembali dan seterusnya hingga menjadi siklus informasi atau disebut

juga siklus pengolahan data. Siklus informasi dapat digambarkan

sebagai berikut :

UMPAN BALIK DATA

OUTPUT

PENERIMA

PROSES INPUT

Sumber: Andri Kristanto, Perancangan Sistem Informasi dan Aplikasinya, 2003

Gambar 2.2. Siklus Pengolahan Data

2.3. Analisa Sistem

2.3.1. Pengertian analisa sistem

Analisis sistem adalah penguraian dari suatu sistem informasi

yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk

mengidentifikasikan dan mengevaluasi permasalahan-permasalahan,

14

Page 67: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx
Page 68: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

kesempatan-kesempatan, hambatan-hambatan yang terjadi dan

kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan

perbaikan-perbaikannya. ( Jogiyanto, HM, 2001 ).

2.3.2 Alat Analisis Yang Dipakai

Alat analisis yang dipakai adalah Diagram Alir Dokumen

(Flow of Document). Bagan alir dokumen menggambarkan model dari

sistem informasi secara fisik yang melibatkan beberapa departemen di

perusahaan tersebut. Tujuan bagan alir dokumen yaitu:

1.

Sebagai alat bantu untuk mendefenisikan kegiatan

2.

Sebagai dokumentasi

Dalam pembuatan bagan alir dokumen yang perlu dilakukan

adalah mengumpulkan dokumen sumber, kemudian di analisa setelah itu

baru membuat gambar alir dokumen. Pedoman membuat bagan alir

dokumen adalah sebagai berikut:

1.

Digambar dari atas kebawah

2.

Kegiatan didalam bagan alir harus jelas

3.

Harus ditunjukkan dari mana kegiatan akan dimulai dan dimana

Page 69: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

akan berakhir.

4.

Kegiatan yang terpotong akan disambung ketempat yang lain

menggunakan simbol penghubung.

15

Page 70: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Tabel 2.1. Simbol-simbol Diagram Alir Dokumen (Flow of Document)

Simbol dokumen

Simbol kegiatan manual

Simbol simpanan offline

N

C

D

Simbol proses

Simbol hard disk

Menunjukan dokumen input dan output

baik untuk proses manual, mekanik atau

komputer

Page 71: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Menunjukan pekerjaan manual

Menunjukan file non komputer

Diarsip urut angka (numerik)

Menunjukan file non komputer

Diarsip urut huruf (character)

Menunjukan file non komputer

Diarsip urut tanggal (date)

Menunjukan kegiatan proses dari operasi

program komputer

Menggunakan input / output menggunakan

hard disk

Simbol penjelasan Menunjukan penjelasan dari suatu proses

Menunjukan penghubung ke halaman yang

masih sama ke halaman lain

Simbol garis alir Menunjukan arus dari proses

Simbol penghubung

Page 72: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Sumber: Analisis dan Desain Sistem Informasi, Jogiyanto HM.

16

Page 73: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

2.4. Desain Sistem

Desain sistem adalah suatu fase dimana diperlukan suatu keahlian

perencanaan untuk elemen-elemen komputer yang akan menggunakan sistem

baru. (Andri Kristanto, 2003)

Untuk melakukan perbaikan terhadap sistem informasi, terlebih dahulu

harus dipahami dengan jelas kondisi sistem yang ada sekarang dan yang

dihadapi, setelah itu sasaran dan kebutuhan sistem di masa yang akan datang.

2.4.1. Tahap-tahap Desain Sistem

Tahap desain sistem dibagi menjadi :

1.

Desain sistem secara garis besar

Berdasarkan informasi yang diperoleh dalam tahap analisis sistem,

analisis sistem kemudian menawarkan berbagai alternatif desain

secara garis besar sistem informasi untuk menghasilkan informasi

yang diperlukan oleh pemakai. Penyajian desain sistem informasi

secara garis besar memberi kesempatan kepada pemakai informasi

melihat dengan berbagai macam cara untuk memenuhi kebutuhan

informasi, sehingga desain yang baiklah yang nantinya akan

diimplementasikan.

2.

Penyusunan usulan desain sistem secara garis besar

Usulan desain sistem secara garis besar disusun untuk

mengakomodasikan secara tertulis kepada pemakai informasi

Page 74: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

17

Page 75: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

bagaimana sistem informasi yang dirancang secara garis besar

memenuhi kebutuhan akan informasi. Isi usulan desain sistem secara

garis besar adalah :

a.

Pernyataan kembali alasan dilakukannya pekerjaan

pengembangan sistem informasi dan kebutuhan pemakaian

informasi.

b.

Sumber daya yang diperlukan untuk mengimplementasikan dan

mempertahankan masing-masing alternatif desain sistem.

c.

Asumsi-asumsi kritis atau masalah-masalah yang belum

terpecahkan yang mungkin berdampak terhadap desain final

sistem informasi.

3.

Evaluasi sistem

Dalam tahap evaluasi sistem analilsis sistem menentukan

persyaratan yang harus dipenuhi dalam menjalankan sistem

informasi yang dirancang dan memilih teknologi yang memiliki

kemampuan untuk memenuhi persyaratan yang dituntut oleh sistem

informasi.

4.

Penyusunan laporan final desain sistem secara garis besar

Berdasarkan hasil antara pemakai informasi dengan analisis sistem

Page 76: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

dalam penyajian usulan desain secara garis besar dan evaluasi

18

Page 77: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

sistem, analisis sistem kemudian membuat “laporan final desain

sistem secara garis besar”.

5.

Desain sistem secara rinci

Dalam tahap ini, analisis sistem melakukan desain rinci masingmasing

sistem informasi menjadi sistem informasi yang mampu

memenuhi kebutuhan informasi para pemakai.

6.

Penyusunan laporan final desain sistem secara rinci

Hasil desain rinci sistem informasi ini disajikan oleh analisis sistem

dalam dokumen tertulis yang disebut “laporan final desain sistem

secara rinci”.

2.4.2. Alat Bantu Dalam Desain Sistem

1.

Data Flow Diagram (DFD)

DFD adalah suatu model logika data natau proses yang

dubuat untuk menggam barkan darimana asal data dan kemana

tujuan data yang keluar dari sistem, dimana data disimpan, proses

apa yang menghasilkan data tersebut dan interaksi antara data yang

tersimpan dan proses yang dikenakan pada data tersebut. DFD

menunjukkan hubungan antara data pada sistem dan proses pada

sistem.

19

Page 78: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx
Page 79: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Simbol-simbol yang digunakan dalam DFD antara lain :

Tabel 2.2. Simbol Data Flow Diagram (DFD)

Simbol

Keterangan

Kesatuan luar yang berupa orang atau sistem yang akan

memberi input dan menerima output dari sistem

Proses atau kegiatan atau kerja yang dilakukan oleh orang,

mesin atau komputer

Arus data yang mengalir diantara proses, simpanan data,

dan kesatuan luar

Simpanan yang berupa file, arsip, dan lain-lain

Sumber: Andri Kristanto, Perancangan Sistem Informasi dan Aplikasinya, 2003

Diagaram arus data itu sendiri dibagi menjadi 2 bagian yaitu :

1.

Page 80: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

DFD Context

Diagram Context adalah sebuah diagram sederhana yang

menggambarkan hubungan antara entity luar atau sistem pertama

kali secara garis besar, masukan dan keluaran dari sistem.

2.

DFD Level

Setelah context diagram dirancang kemudian akan digambar

dengan lebih terinci lagi disebut over view diagram (level 0).

Tiap-tiap proses di over view diagram digambar lebih terinci lagi

dan disebut dengan level 1, dan diteruskan ke level berikutnya

sampai tiap-tiap proses tidak dapat digambar lagi lebih terinci.

20

Page 81: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

2.4.3. Spesifikasi Proses (Process Spesification)

Spesifikasi proses adalah suatu pendeskripsian proses yang

terjadi pada level paling dasar dalam DFD. Selain itu dalam

spesifikasi proses ada bagian yang harus dilakukan ketika masukan

diubah menjadi keluaran.

Table 2.3. Simbol Block Chart

Simbol

Keterangan

Menandakan dokumen bentuk surat, buku atau cetakan

Multi dokumen

Proses manual

Proses yang dilakukan oleh komputer

Menendakan dokumen yang diarsipkan

Data penyimpanan

Proses yang tidak terdefinisi termasuk aktifitas fisik

Page 82: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Penunjuk penghubung yang sama atau halaman lain

Menunjukkan pita I/O menggunakan pita magnetik

Terminasi menendakan awal dan akhir dari suatu aliran

Pengambilan keputusan

Layar peraga

Pemasukan data secara manual

Sumber: Andri Kristanto, Perancangan Sistem Informasi dan Aplikasinya, 2003

21

Page 83: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

2.4.4. Kamus Data (Data Dictionary)

Kamus data adalah kumpulan elemen-elemen atau symbolsimbol

yang digunakan untuk membentu dalam penggambaran atau

pengidentasian setiap field atau fiel di dalam sistem.

Table 2.4. Simbol Kamus Data

Simbol Keterangan

= Artinya adalah terdiri atas

+ Artinya adalah dan

() Artinya adalah opsional

[] Artinya adalah memilih salah satu alternatif

** Artinya adalah komentar

@ Artinya adalah identifikasi atribut kunci

Artinya adalahpemisah alternative symbol []

Sumber : Andri Kristanto, Perancangan Sistem Informasi dan Aplikasinya, 2003

2.4.3. Entity Relationship Data (ERD)

ERD (Model Entity Relation) berisi komponene-komponen

himpunan Entitas dan himpunana Relasi yang masing-masing dilengkapi

dengan atribut-atribut yang mempresentasikan seluruh fakta dari ‘dunia

nyata‘ yang kita tinjau. ERD menggunakan sejumlah notasi dan simbol

untuk menggambarkan struktur dan hubungan antar data. Simbol-simbol

yang digunakan:

Page 84: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

22

Page 85: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Tabel 2.5 Simbol-simbol ERD

Symbol Keterangan

Entity

Suatu obyek yang dapat diidentifikasikan dalam lingkungan

pemakai, suatu yang penting bagi user dalam konteks sistem yang

dibuat, disimbulkan dengan segi empat.

Atribut

Entity mempunyai elemen yang disebut atribut dan berfungsi

mendeskripsikan karakter entity, symbol dengan lingkaran lonjong.

Garis/link

Sebagai penghubung antara himpunan entitas dan himpunan entitas

dengan atributnya.

Hubungan

Page 86: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Menggambarkan relasi antar entitas

Sumber : Basis Data, Fathansyah Ir, 2004

2.5. Internet dan HTML

2.5.1. Pengertian Internet

Internet adalah sebuah jaringan komputer global, yang terdiri

dari jutaan komputer yang saling terhubung dengan menggunakan

protokol yang sama untuk berbagi secara bersama informasi. Jadi intenet

merupakan kumpulan atau penggabungan jaringan secara fisik komputer

lokal atau LAN menjadi jaringan komputer global atau WAN. (Andri

Kristanto, 2003)

23

Page 87: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Salah satu layanan internet adalah World Wide Web (WWW)

adalah sebuah koleksi keterhubungan dokumen-dokumen yang disimpan

di internet dan diakses menggunakan protocol (HTTP/HyperText

Transfer Protocol). Pemakai dapat melompat antara dokumen dengan

menggunakan link untuk melihat text, grafik, video dan media lainnya.

(Andri Kristanto, 2003)

2.5.2. Pengertian HTML

HyperText Markup Language (HTML) digunakan untuk

membangun suatu halaman web. Dengan adanya HTML mulai dari teks,

gambar, suara, serta link dapat digabungkan menjadi satu, HTML

sebenarnya sama sekali bukan merupakan bahasa pemrograman, karena

seperti tercermin dari namanya, HTML adalah sebuah bahasa mark up

(penandaan) terhadap sebuah dokumen teks yaitu dengan tanda “ <..>

dan </..> “.

2.5.3. Struktur Dasar HTML

Sebuah file HTML merupakan file teks biasa yang mengandung

tag-tag HTML. Untuk itu HTML dapat dibuat dengan menggunakan

teks editor yang sederhana seperti notepad pada Windows. Dapat juga

Page 88: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

dibuat dengan menggunakan HTML editor yang bersifat visual seperti

Frontpage, HotMetal, Netscape Composer, dan lain-lain.

24

Page 89: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

File yang disimpan dengan ekstensi file .html. Tag <HTML>

harus diletakkan pada bagian paling awal dan tag </HTML> harus

diletakkan pada bagian paling akhir. Secara lengkap, file HTML

biasanya mempunyai bagian head dan bagian body. Sehingga struktur

secara lengkap dari file HTML adalah sebagai berikut :

<HTML>

<HEAD>

………………diisi untuk menerangkan tentang dokumen.

</HEAD>

<BODY>

………………diisi untuk menerangkan isi dari homepage.

</HTML>

</BODY>

Di dalam bagian head berisi informasi mengenai halaman

tersebut, seperti judul dokumen, versi HTML dan informasi lainnya.

Pada bagian body berisi layout atau desain halaman web.

25

Page 90: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<HTML>

<HEAD></HEAD>

<BODY BGCOLOR=”WHITE”>

<FONT SIZE=15 COLOR=”BLACK”>

<CENTER><H1>SELAMAT DATANG DI WEBSITE</CENTER><H1>

<CENTER><H1>SMP NEGERI 06 PURWODADI</CENTER><H1>

</FONT>

</BODY></HTML>

Gambar 2.3. Contoh HTML

2.5.4. Tag HTML

Sewaktu browser menampilkan suatu halaman Web, browser

tersebut akan membaca teks-teks pada dokumen HTML, dan mencari

suatu kode kusus yang disebut Tag. Tag ini dinyatakan dengan tanda

lebih kecil (<) dan tanda lebih besar (>). Tag ini biasanya merupakan

suatu pasangan yang disebut Tag Awal dan Tag Akhir. Tag awal

dinyatakan dalam bentuk <nama tag>, sedangkan tag akhir dalam

bentuk </nama tag>. Format umum tag berpasangan adalah : <nama

tag>, tag yang ditampilakan </nama tag>.

26

Page 91: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx
Page 92: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Tabel 2.6. Daftar Tag HTML yang umum digunakan

Tag Keterangan

<HTML>...</HTML> Mendeklarasi Halaman Web Dalam HTML

<HEAD>...</HEAD> Menbatasi Kepala Halaman

<TITLE>...</TITLE> Mendefinisi Titel (Tidak tampilakan di Halaman)

<BODY>...</BODY> Membatasi Badan Halaman

<Hn>...</Hn> Membatasi Tingkatan Heading N

<B>...</B> Mencetak Tebal

<I>...</I> Mencetak Miring

<UL>...</UL> Membatasi List Tidak Berurut (Daftar Butir)

<OL>...</OL> Membatasi List Berurut

<MENU>...</MENU> Membatasi Menu Item-Item <LI>

<LI> Mengawali Item List (Tidak Terdapat </LI>)

<BR> Memindah Baris

<p> Mengawali Sebuah Paragraf

<HR> Garis Horizontal

<PRE>...</PRE> Membuat Teks Dengan Ukuran Huruf Yang Sama

<IMG SRC>”...” Memuat Gambar

Sumber: Andri Kristanto, Perancangan Sistem Informasi dan Aplikasinya, 2003

27

Page 93: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx
Page 94: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

2.6. Macromedia Dreamweaver MX

Macromedia Dreanweaver adalah sebuah HTML editor professional

untuk mendesain secara visual dan mengelola situs web. Dreamweaver juga

dilengkapi kemampuan manajemen situs.

Fasilitas-fasilitas yang terdapat pada Dreamweaver antara lain :

1.

Fasilitas edit kode yang canggih

Kita dapat mengedit script secara langsung dalam tampilan kode dan kita

berganti mode tampilan desain tampilan kode, maupun keduanya.

2.

Desain halaman web yang lebih mudah.

Tampilan layout mempercepat kita dalam mendesain web dengan

menggambar kotak dimana kita akan menambah isi atau objek kedalamnya.

3.

Integrasi yang lebih canggih.

Integrasi dengan fireworks yang lebih mempermudah pekerjaan dalam

mengolah image.

4.

Interface untuk user yang lebih baik.

Shortcut keyboard mempunyai interface baru dimana kita dapat mengedit

maupun membuat shortcut baru untuk item menu dan menghapus yang tidak

kita inginkan.

5.

Cara kerja yang lebih mudah.

Page 95: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Asset panel merupakan fasilitas untuk mengatur semua asset dalam situs

kita.

28

Page 96: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Gambar 2.4. Softaware Dreamweaver MX 2004

2.6.1. Script

Script adalah spesifikasi proses (program) yang ditulis

dengan suatu bahasa pemrograman yang lazimnya dijalankan dengan

interpreter. Script yang akan mengontrol aliran program, pencarian

data, pengecekan keamanan, dan manajemen transaksi harus

ditangani oleh server, kemudian kumpulan hasil dari server dapat

dikembalikan kepada client.

Menghubungkan ke basis data, secara tidak langsung akan

melalui arsitektur three-tier yang dewasa ini sebagai pengganti dari

sebuah web client server sederhana telah terdapat server basis data

yang mempunyai kemampuan yang lebih baik.

2.6.2. Konsep Dasar MySql Database

MySQL adalah multiuser database yang menggunakan

bahasa Structrured Query Language (SQL). MySQL dalam operasi

29

Page 97: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

client-server melibatkan server daemon MySQL disisi server dan

berbagai macam program serta library yang berjalan disisi client.

MySQL dapat menangani data yang cukup besar. Perusahaan yang

mengembangkan MySQL yaitu TcX, mengaku mampu menyimpan

data lebih dari 40 database, 10.000 tabel dan sekitar 7 juta baris,

totalnya kurang lebih 100 Gigabate data. Informasi selengkapnya

ada di www.mysql.com

SQL adalah bahasa standar yang digunakan untuk mengakses

database server. Bahasa ini awalnya dikembangkan oleh IBM,

namun telah diadobsi dan digunakan sebagai standar industri.

Dengan menggunakan SQL, proses akses database menjadi lebih

user-friendly dibanding dengan menggunakan dBASE atau Clipper

yang masih menggunakan perintah-perintah pemrograman.

2.7. PHP

2.7.1. Pengertian PHP

PHP adalah bahasa scripting yang bersifat open source dan

menyatu dengan HTML (What is PHP?, 2001-2007). PHP digunakan

untuk membuat halaman web menjadi dinamis dan menarik. PHP

termasuk server-side scripting artinya semua perintah PHP dieksekusi

oleh server bukan oleh browser. Tujuan dari PHP adalah untuk membuat

30

Page 98: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx
Page 99: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

aplikasi yang dijalankan pada teknologi web. Jadi seluruh aplikasi yang

berbasiskan web dapat dibuat dengan menggunakan PHP.

Sumber : http://www.php.net

Gambar 2.5. Logo PHP

Versi pertama PHP dibuat oleh Rasmus Lerdorf pada tahun

1995. Versi pertama ini berupa sekumpulan script Perl yang digunakan

oleh Rasmus Lerdorf untuk membuat halaman web yang dinamis pada

homepage pribadinya. Resmus menulis ulang script-script Perl tersebut

menggunakan bahasa C, kemudian menambahkan fasilitas untuk form

HTML, koneksi MySQL dan muncullah PHP versi kedua yang diberi

nama PHP/F1 pada tahun 1996.

PHP versi terakhir PHP 5.0 dirilis bulan maret 2004. Perubahan

mendasar pada PHP 5.0 adalah Integrasi Zend Engine 2. Zend dibuat

oleh Zeef Suraski dan Andi Gutmans yang merupakan penyempurnaan

dari PHP 3 Scripting Engine. Hal ini adalah built in HTTP Session, tidak

lagi menggunakan library tambahan seperti pada PHP 3.

31

Page 100: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx
Page 101: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Sumber : http://www.ilmukomputer.com

Gambar 2.6. Konsep PHP

2.7.2.

Keunggulan PHP

Keunggulan atau kelebihan yang dimiliki oleh PHP antara lain sebagai

berikut :

1.

Dapat bekerja di berbagai sistem operasi seperti windows 98/NT,

UNIX/LINUX, solaris maupun macintosh.

2.

Merupakan software yang open source yang dapat di-download

secara gratis dari situs resminya http://www.php.net ataupun dari

situs-situs yang menyediakan software tersebut di

ftp://gerbang.che.itb.ac.id.

3.

Merupakan bahasa pemograman yang dapat dikembangkan sendiri

seperti menambah fungsi-fungsi baru.

4.

PHP juga mendukung komunikasi dengan layanan seperti protocol

IMAP, SNMP, NNTP, POP3 bahkan HTTP.

32

Page 102: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx
Page 103: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

5.

Autentikasi http menggunakan PHP dengan fungsi header() yang

ada dalam modul apache PHP.

6.

Pembuatan file GIF menggunakan library GD yang dikompilasi saat

menginstall php.

7.

PHP dapat menerima metoda upload file.

8.

Mendukung penggunaan cookie.

9.

Mendukung integrasi dengan database.

10. Penanganan kesalahan berdasarkan tingkatan kesalahan.

2.8. Pengertian Sistem Informasi Akademik

2.8.1. Definisi Sistem Informasi Akademik

Sistem Informasi Akademik, merupakan layanan akademik yang

diperuntukkan bagi siswa dalam mengakses informasi yang berkaitan

dengan catatan akademik selama proses belajar. Informasi guru dan

siswa yang disampaikan meliputi informasi jadwal mengajar guru dan

informasi jadwal pelajaran siswa.

2.8.2. Hal -hal yang Berhubungan Dengan Informasi On-line

1.

Edukasi online

Aktifitas yang sering disebut dengan e-learning ini memanfaatkan

Page 104: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

internet sebagai wahana belajar mengajar. Beberapa di antaranya

adalah situs berita iptek (http://beritaiptek.com) yang memuat berita

33

Page 105: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

ilmu pengetahuan dan teknologi dalam bahasa Indonesia, situs

ilmukomputer.com yang mendapat penghargaan internasional WSIS

award dari PBB, dan situs-situs lain yang belakangan ini semakin

menjamur.

2.

Digital Library

Salah satu contoh adalah http://www.greendigitalpress.com. Usaha

ini dirintis oleh Arief Budi Witarto dan Romi Satria Wahono,

keduanya peneliti di LIPI. Ide awal proyek ini berasal dari keinginan

mewujudkan perpustakaan digital Indonesia, yang dapat diakses

online di internet. Contoh dari situs serupa di dunia adalah situs

PubMed (http://www.pubmed.com) di bidang biomedik, atau situs

CiteSeer.IST (http://citeseer.ist.psu.edu) di bidang komputer, yang

menyediakan ribuan artikel ilmiah dalam format elektronik (format

PDF) kontribusi dari seluruh dunia. Situs digital library Indonesia ini

memuat abstrak publikasi khusus di Indonesia (paper & paten). Hal

ini akan memberikan kemudahan akses bagi peneliti lain dan

mempercepat proses komunikasi komunitas ilmiah Indonesia.

3.

Diskusi ilmiah lewat mailing list (disingkat milis)

Mailing list adalah forum diskusi yang berlangsung lewat electronic

mail. Beberapa komunitas ilmiah seperti IECI (Indonesian Society

on Electrical, Electronics, Comunication & Information), HFI

34

Page 106: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx
Page 107: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

(Himpunan Fisika Indonesia), Biotek-indonesia.net telah memiliki

forum diskusi sendiri. Pada milis yang aktif, secara reguler diadakan

seminar online. Salah satu peserta mempresentasikan penelitiannya,

dan peserta yang lain mengajukan pertanyaan atau memberikan

masukan, lewat email. Selain presentasi penelitian, konsultasi

masalah, kegiatan lain misalnya resensi paper penelitian yang

terbaru.

2.9. Konsep Dasar Pendidikan

2.9.1. Pengertian Pendidikan

Menurut UU No. 20 tahun 2003 tentang sistem pendidikan

nasional, pendidikan adalah usaha sadar terencana untuk mewujudkan

suasana belajar dan proses pembelajaran agar peserta didik secara aktif

mengembangkan potensi dirinya untuk memiliki kekuatan spiritual,

keagamaan, pengendalian diri, kepribadian, kecerdasan, akhlak mulia

serta ketrampilan yang diperlukan dirinya didalam kehidupan

masyarakat, bangsa dan Negara

2.9.2. Unsur -unsur Pendidikan

Unsur-unsir pendidikan merupakan satu kesatuan sistem yang

mempunyai kaitan harminis serta sejalan, diantaranya sebagai berikut :

35

Page 108: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx
Page 109: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

a.

Pendidik ( guru )

Adalah orang yang memberikan sebagian pengetahuannya dan orang

yang mengupayakan secara optimal pengembangan dan kemampuan

yang hakiki, penuh keluhuran dan bertanggung jawab.

b.

Siswa

Adalah peserta didik dalam rangka belajar mengajar.

c.

Tujuan pendidika sebagai tujuan yang diharapkan dari suatu proses

pendidikan, tujuan disesuaikan berdasarkan sistem pendidikan yang

diterapkan.

36

Page 110: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

BAB III

ANALISIS SISTEM YANG BERJALAN

Tujuan dari penulisan Bab III ini adalah untuk mengetahui dan mendalami

sistem yang sekarang sedang berjalan pada SMP Negeri 6 Purwodadi. Dengan

menganalisa permasalahan yang ada pada sistem tersebut, sehingga penulis dapat

memberikan solusi yang efektif dan efisien untuk sebuah sistem informasi yang

dibutuhkan oleh SMP Negeri 6 Purwodadi. Ini dapat memberikan informasi

secara online dan langsung dapat dinikmati oleh guru, siswa dan orang tua

siswa/wali. Salah satu sistem informasi yang dibutuhkan adalah Sistem Informasi

Akademik yang akan dijelaskan lebih lanjut dalam pembahasan selanjutnya.

Untuk menerapkan teori yang sudah dijabarkan pada Bab II Landasan

Teori, maka dalam Bab ini akan dibahas tentang Analisa masalah, Analisa sistem,

Analisa software serta Analisa Brainware dan Analisa cost dan benefit.

3.1. Analisa Masalah

3.1.1. Sejarah Singkat SMP Negeri 6

SMP Negeri 6 Purwodadi adalah lembaga pendidikan yang

berada di bawah Pemerintahan Republik Indonesia. Seiring dengan

perkembangan zaman badan hukum ini mengalami beberapa kali

perubahan. Sedangkan yang terakhir dengan Akta Notaris RM.

Soetomo No. 8 tanggal 13 Oktober 1980. Dalam akta tersebut

diantaranya menyebutkan bahwa SMP Negeri 6 Purwodadi bertujuan

Page 111: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

37

Page 112: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

menyebarkan pendidikan dan berlandaskan Pancasila dan UUD

1945.

Pada tanggal 2 Januari 1966 SMP Negeri 6 Purwodadi

didirikan dengan lokasi gedung di Jalan PA. Tendean 31. Pada

awalnya SMP ini hanya tujuh unit gedung. Kemudian secara

berangsur-angsur gedung diperbaharuai dan ditambah hingga dua

lantai dan menjadi dua puluh satu unit serta satu unit kantin dan

mushola. Sejak awal berdirinya hingga tahun pelajaran 2008/2009,

SMP Negeri 6 Purwodadi telah dipimpin oleh kepala sekolah yaitu :

1.

Bapak Iswoyo, S.Pd (1966 -1970)

2.

Ibu Hj. Hudahaniem, B.Sc. (1970 -1997)

3.

Bapak Dadi Basuki, S.Pd (1997 -2002)

4.

Bapak Sutrisno, S.Pd (2003 -2006)

5.

Bapak Pardjimin, S.Pd (2006 -2009)

3.1.2. Kondisi Sekolah

1.

Letak Sekolah

Gedung SMP Negeri 6 Purwodadi terletak di Jl. PA. Tendean 31

Page 113: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Purwodadi. SMP ini terdiri atas ruang-ruang kelas, koperasi,

studio musik, ruang OSIS/Pramuka dan Mushola. Selain itu, juga

terdapat tempat parkir siswa, lapangan olah raga, tempat upacara,

ruang guru, ruang BK, ruang perpustakaan dan sebelas ruang

kelas baru. Di sebelah selatan berdiri gedung berlantai dua terdiri

atas ruang-ruang kelas, ruang Kepala Sekolah, ruang guru, dapur.

38

Page 114: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Di bagian belakangnya berupa gedung terpadu yang digunakan

untuk laboratorium kimia, laboratorium fisika, laboratorium

biologi, laboratorium komputer, ruang UKS, ruang audio visual

dan tempat parkir kendaraan guru.

2.

Fasilitas Sekolah

a.

Laboratorium Komputer

b.

Perpustakaan yang memuat berbagai jenis buku bacaan dan

buku paket pelajaran.

c.

Koperasi guru “Wahana Sejahtera”

d.

Mushola

e.

Studio Musik

f.

Ruang Aula

g.

Kantin

h.

Halaman Parkir yang luas dan rindang

i.

Page 115: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Lapangan Basket dan volly

3.1.3. Visi, Misi dan Tujuan

1.

Visi

Sebagai Lembaga Pendidikan Menengah Pertama terkemuka

dalam penanaman nilai-nilai yang baik untuk menghasilkan

kader pemimpin yang bijaksana, berakhlak mulia, serta

menguasai dasar-dasar ilmu pengetahuan yang tinggi.

39

Page 116: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

2.

Misi

a)

Mengembangkan kualitas bahan pendidikan dan bahan ajar

sejalan dengan nilai-nilai dan perkembangan mutakhir ilmu

pengetahuan dan teknologi.

b)

Mengembangkan kualitas sistem dan teknologi pendidikan

nilai-nilai dan penguasaan iptek, sejarah dengan

perkembangan teknologi pendidikan secara berkelanjutan.

c)

Membangun kualitas guru sebagai pendidik profesional.

d)

Menyelenggarakan sarana dan prasarana pendidikan sejalan

dengan pendidikan sebagai pusat orientasi dan tujuan yang

paling diutamakan dalam semua kegiatan.

e)

Meningkatkan penguasaan iptek agar siswa berprestasi secara

kompetitif dengan menumbuhkan budaya yang baik,

sehingga terbentuk kader pemimpin umat yang berilmu,

beriman dan berakhlak mulia.

Page 117: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

3.1.4. Struktur Organisasi dan Diskripsi Jabatan

Agar memudahkan mencapai tujuan yang telah dicapai dan

direncanakan dalam lingkup pendidikan maka disusunlah suatu

struktur organisasi. Struktur organisasi adalah suatu bagian yang

menunjukkan suatu aktifitas dan batas-batas kekuasaan, tanggung

jawab dan wewenang masing-masing bagian yang ada dalam

organisasi. Adapun struktur organisasi SMP Negeri 6 Purwodadi

adalah sebagai berikut :

40

Page 118: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

WALI

KELAS

Perpustakaan

Ratna SD Amd

SISWA / SISWI

KOMITE

SEKOLAH

Garis Koordinasi

Garis Komando

Keterangan :

Koord Sarpra

Endri, S.Pd

K.TU

Muliawati

Waka Kesiswaan

T. Altrima, S.Pd

Waka Kurikulum

Partiwi, S.Pd

KEPALA SEKOLAH

Pardjimin, S.Pd

GURU

MAPEL

BK

Drs. A

Budi p

Page 119: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

WALI

KELAS

Perpustakaan

Ratna SD Amd

SISWA / SISWI

KOMITE

SEKOLAH

Garis Koordinasi

Garis Komando

Keterangan :

Koord Sarpra

Endri, S.Pd

K.TU

Muliawati

Waka Kesiswaan

T. Altrima, S.Pd

Waka Kurikulum

Partiwi, S.Pd

KEPALA SEKOLAH

Pardjimin, S.Pd

GURU

MAPEL

BK

Drs. A

Budi p

Page 120: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Sumber: Data yang diteliti setelah diolah

Gambar 3.1. Struktur Organisasi SMP Negeri 6 Purwodadi

41

Page 121: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Dari skema Struktur Organisasi tersebut, maka dapat

dijelaskan tugas dan tanggung jawab dari masing-masing bagian.

Adapun tugas dan wewenang masing-masing bagian tersebut adalah

sebagai berikut :

1.

Kepala Sekolah

Kepala Sekolah sebagai pimpinan di sekolah, bertanggung jawab

atas segala hal yang terjadi dalam lingkungan sekolah baik urusan

administrasi, personalia dan sasaran belajar.

2.

Komite Sekolah

a.

Membantu dan mengkoordinasi dalam penyelenggaraan

pendidikan.

b.

Membantu sekolah dalam pengembangan kualitas pendidikan.

3.

Tata Usaha

a.

Mengawasi dan mengurusi tentang penerimaan siswa baru.

b.

Mengadakan pencatatan tentang data siswa.

c.

Mengadakan pengelolaan data buku induk.

Page 122: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

d.

Membuat laporan bulanan.

e.

Mengadakan panggilan siswa dan orang tua murid.

f.

Membuat surat keterangan yang diperlukan siswa.

g.

Mengurusi arsip sekolah

h.

Mengagenda surat.

i.

Mengurusi legalisasi ijazah

j.

Mengurusi perpustakaan sekolah.

42

Page 123: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

k.

Mengurusi laporan bulanan sekolah.

l.

Membuat rencana dan melaksanakan pengadaan

perlengkapan sekolah.

m.

Menerima dan membukukan barang kekayaan sekolah ke

dalam buku inventaris.

n.

Mengadakan sarana pendidikan dan pengajaran.

o.

Mengurusi buku-buku, perlengkapan, perpustakaan, peralatan

pengajaran di kelas, alat olah raga dan kesenian.

p.

Merencanakan administrasi penerimaan dan penggunaan

barang.

q.

Merencanakan dan melaksanakan perbaikan gedung, mebel,

peralatan inventaris, dan lain-lain.

4.

Wakil Kepala Sekolah Bidang Kurikulum

Tanggung jawab meliputi :

a.

Melaksanakan pengelolaan sistem kredit, program inti dan

pengembangan program sosial.

Page 124: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

b.

Mengadakan pembagian kelas.

c.

Mengenai kegiatan belajar mengajar.

d.

Mengenai evaluasi.

e.

Menangani program satuan pelajaran

f.

Menangani kegiatan laboratorium, meliputi laboratorium

fisika, laboratorium kimia, laboratorium biologi,

laboratorium bahasa, laboratorium komputer.

43

Page 125: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

g.

Menangani kookulikuler.

h.

Menangani kegiatan perpustakaan.

5.

Wakil Kepala Bidang Kesiswaan

Tanggung jawabnya antara lain :

a.

Merencanakan pelaksanaan dan penerimaan murid baru.

b.

Menyelenggarakan pembinaan olah raga dan kesenian.

c.

Menyelenggarakan pembinaan OSIS.

d.

Menegakkan tata tertib sekolah.

e.

Mengadakan pembinaan kegiatan ekstra kurikuler.

6.

Wakil Kepala Sekolah Bidang Sarana dan Prasarana

Dalam melaksanakan tugasnya wakil kepala sekolah bidang

sarana dan prasarana ini mengadakan kerja sama dengan tata

usaha dan tanggung jawab terhadap tugas-tugas antara lain :

a.

Mengadakan inventaris sarana dan prasarana.

b.

Page 126: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Mendayagunakan sarana dan prasarana yang ada.

c.

Memelihara sarana dan prasarana sekolah.

d.

Mengadakan kelengkapan format kerja.

7.

Perpustakaan

Menyediakan buku panduan dalam kegiatan belajar siswa.

8.

Guru bertanggung jawab kepada kepala sekolah dan mempunyai

tugas dan melaksanakan proses belajar mengajar secara efektif

dan efisien.

44

Page 127: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Tugas dan tanggung jawab guru meliputi :

a.

Membuat program pengajaran

-Analisa Materi Pelajaran (AMP)

-Program Tahunan atau Cawu

-Program Satuan Pelajaran (Satpel)

-Program Mingguan Guru

-Lembar Kegiatan Siswa (LKS)

b.

Melaksanakan kegiatan pembelajaran siswa

c.

Menyusun dan melaksanakan program perbaikan dan

pengayaan.

d.

Melaksanakan kegiatan membimbing guru dalam kegiatan

proses belajar mengajar.

e.

Membuat alat pelajaran atau alat peraga.

f.

Menciptakan karya seni.

g.

Mengikuti kegiatan pengembangan dan pemasyarakatan

kurikulum.

h. Melaksanakan tugas tertentu di sekolah.

Page 128: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

i. Mengadakan pengembangan bidang pengajaran yang menjadi

tanggung jawab.

j. Mengatur kebersihan ruang kelas dan ruang praktikum.

9. Koordinator BK membantu Kepala Sekolah dalam kegiatan :

a. Menyusun program pelaksanaan bimbingan dan konseling.

45

Page 129: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

b.

Melakukan koordinasi dengan wali kelas dalam rangka

mengatasi masalah-masalah yang dihadapi oleh siswa tentang

kesulitan belajar.

c.

Memberikan layanan siswa agar lebih berprestasi dalam

kegiatan belajar.

d.

Memberikan saran dan pertimbangan kepada siswa dan

memperoleh gambaran tentang lanjutan pendidikan dan

lapangan pekerjaan yang sesuai.

e.

Melaksanakan kegiatan analisis evaluasi belajar.

f.

Menyusun dan melaksanakan program tindak lanjut

bimbingan dan konseling.

g.

Menyusun laporan pelaksanaan bimbingan dan konseling.

10. Wali kelas membantu kepala sekolah dalam beberapa kegiatankegiatan

:

a.

Pengelolaan kelas

b.

Menyelenggarakan administrasi kelas melalui :

-Denah tempat duduk siswa

Page 130: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

-Buku absen siswa

-Papan absen siswa

-Buku kegiatan pembelajaran

-Daftar pelajaran kelas.

-Tata tertib kelas.

-Piket kelas.

46

Page 131: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

c.

Menyusun atau pembatasan statistik bulanan siswa.

d.

Pembuatan catatan khusus tentang siswa.

11. Siswa / Siswi

Tugas dan tanggung jawab siswa / siswi meliputi :

a.

Peserta didik yang menerima pelayanan pelajaran, latihan dan

bimbingan dan komseling di sekolah.

b.

Wajib mematuhi guru dan peraturan sekolah.

c.

Melaksanakan kegiatan sekolah.

3.2. Analisa Sistem

3.2.1. Identifikasi Masalah dan Sumber Masalah

Sebagaimana yang telah dijelaskan pada BAB I tentang latar

belakang bahwa sistem yang selama ini berjalan di SMP Negeri 6 ini

masih menggunakan sistem tradisional. Sistem informasi yang

berjalan saat ini adalah dalam proses penyampaian informasi jadwal

mengajar guru, informasi jadwal pelajaran siswa serta informasi

jadwal ujian siswa dari sumber informasi melalui media tertentu

kepada penerima informasi yang selama ini proses informasi jadwal

dilakukan secara manual. Penggunaan teknologi informasi masih

belum maksimal dimanfaatkan, seperti google search, wikipedia, dan

sebagainya. Pemanfaatan teknologi informasi sebagai media

Page 132: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

pembelajaran dapat melalui pemanfaatan internet dalam e-learning

maupun penggunaan komputer sebagai media interaktif. Diharapkan

47

Page 133: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

dengan pemanfaatan media ini dapat merangsang pikiran, perasaan,

minat, serta perhatian siswa sedemikan rupa sehingga proses

pembelajaran dapat terjadi.

3.2.2. Kendala Yang Terjadi pada Sistem Yang Ada

Adapun kendala yang dimucul pada sistem yang sedang

berjalan adalah:

1.

Panjangnya prosedur yang harus dilalui untuk memberikan

informasi penjadwalan siswa dan guru.

2.

Pengarsipan yang kurang terawat.

3.

Butuh waktu lama untuk mencari informasi data siswa dan data

guru jika sewaktu-waktu dibutuhkan.

3.2.3. Tahap-tahap Analisa Sistem

Tahap-tahap yang dapat dilakukan dalam melakukan analisa

sistem (Jogiyanto H.M, Analisa dan Sistem Informasi, 2002), antara

Page 134: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

lain:

1.

Identity, yaitu mengidentifikasi masalah-masalah yang sudah

dikumpulkan dan masalah-masalah yang dapat didefinisikan

sebagai suatu pertanyaan yang diinginkan untuk dipecahkan.

2.

Understand, yaitu mempelajari secara rinci bagaimana sistem

yang sudah ada beroperasi. Untuk mempelajari operasi dari

sistem yang berjalan diperlukan data yang diperoleh dengan cara

melakukan penelitian, analisa sistem, pengumpulan data,

observasi, dan studi pustaka.

3.

Analisys, yaitu melakukan analisa terhadap data-data yang

diperoleh dari sumber yang di teliti.

4.

Report, yaitu pembuatan laporan tentang hasil penelitian.

48

Page 135: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

3.2.4. Sistem Yang Diusulkan

Sistem baru yang akan diterapkan di SMP Negeri 6

Purwodadi adalah sistem dengan pemanfaatan teknologi informasi.

Sistem informasi akademik berbasis web ini adalah penyempurnaan

dari sistem tradisional yang selama ini diterapkan di sekolah

tersebut. Pemanfaatan teknologi dalam sistem menggunakan fasilitas

internet dan membangun sebuah situs informasi akademik. Fungsi

utama dari situs ini selain sebagai sarana untuk memanfaatkan

teknologi internet untuk meng-online-kan informasi dalam dunia

pendidikan, selain itu juga dapat digunakan sebagai media promosi

yang efektif.

3.2.5. Software Yang Dibutuhkan

1.

Sistem Operasi komputer meggunakan Wndows XP

2.

Program Aplikasi : Dreamweaver untuk mendesain tampilan

(output) website, Microsoft Office, Anti virus.

3.

MySql database untuk mendesain database dan tabel

penyimpanan data.

49

Page 136: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

3.2.6.

Bagian Aliran Dokumen Sistem Lama

Flow of Document (FOD) Sistem Penjadwalan pada SMP Negeri

6 Purwodadi.

Narasi Sistem Penjadwalan pada SMP Negeri Purwodadi sebagai

berikut :

1.

Jadwal mata pelajaran rangkap dua dan jadwal guru rangkap dua

yang dibuat TU diserahkan ke Wakasek kurikulum untuk di acc.

2.

Setelah jadwal mata pelajaran dan jadwal guru di acc oleh

Wakasek kurikulum kemudian diberikan lagi ke TU untuk

diarsip.

3.

Kemudian TU mengarsip lembar ke dua dari jadwal mata

pelajaran dan jadwal guru, sedangkan lembar pertama diberikan

kepada guru.

4.

Jadwal guru lembar pertama diarsip oleh guru pengampu mata

pelajaran tersebut, sedangkan jadwal mata pelajaran diberikan

kepada siswa melalui guru wali kelas masing-masing.

5.

Kemudian siswa mengarsip jadwal mata pelajaran tersebut.

50

Page 137: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx
Page 138: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Adapun Flow of Document Sistem Penjadwalan (jadwal mata

pelajaran dan jadwal mengajar guru) pada SMP Negeri 6 Purwodadi

sebagaimana berikut:

B

Jadwal mata

pelajaran

2

Jadwal guru

2

A

Jadwal mata

pelajaran

2

Jadwal guru

2

C

N

A

ACC Jadwal

Jadwal mata

pelajaran

2

Jadwal guru

2

Page 139: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

B

D

1

Jadwal mata

pelajaran

1

Jadwal guru

C

N

1

Jadwal mata

pelajaran

D

D

TU Wakasek kurikulum Guru Siswa

Sumber: Data setelah diolah

Gambar 3.2. Flow of Document Sistem Penjadwalan

51

Page 140: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

3.2.7. Kebutuhan Data dan Informasi

Data yang dibutuhkan untuk membangun sistem ini adalah

sebagai berikut:

1. Kebutuhan data

a. Data Guru

b. Data Murid

c. Data Mata Pelajaran

d. Data Tugas Siswa

2. Kebutuhan informasi

a. Informasi Guru

b. Informasi Siswa

c. Informasi Jadwal Pelajaran

d. Informasi Jadwal Mengajar

e. Informasi Jadwal Ujian

f. Informasi Tugas Siswa

g. Informasi Daftar mata pelajaran

52

Page 141: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

3.3. Analisa Software

3.3.1. Prinsip – prinsip Analisa ( Analisa Principles )

Prinsip analisa digunakan untuk mengidentifikasi masalah

masalah analisis dan penyebab penyebabnya. Serta mengembangkan

berbagai notasi permodelan dan serangkaian penelitian yang sesuai

menanggulanginya. ( Roger S.Pressman. 1997:329 ).

3.3.2. Domain Informasi ( The Informasi Domain )

Domain informasi berisi tiga pandangan yang berbeda dari

data dan kontrol ketika masing – masing diproses program komputer

yaitu :

1.

Muatan dan hubungan informasi

Mewakili data dan obyek control individu yang terdiri dari

beberapa kumpulan informasi yang lebih besar yang

ditransformasikan oleh perangkat lunak.

2.

Aliran informasi

Mewakili cara dimana data control berubah pada saat masing –

masing bergerak melalui sebuah sistem.

3.

Struktur informasi

Page 142: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Mewakili organisasi internal dari berbagai jenis data dan kntrol.

53

Page 143: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Transformasi 2

Output Data

Penyimpanan Data

Selesai

Transformasi 1

Mulai

Input Data

Transformasi 2

Output Data

Penyimpanan Data

Selesai

Transformasi 1

Mulai

Input Data

Sumber : Diambil dari rekayasa perangkat lunak ( Roger S .Pressman, 2002:365 )

Gambar 3.3. Domain Informasi

Ketetangan Domain Informasi:

Input ( data siswa ) di transformasikan ke informasi dan lebih jauh

lagi ditransformasikan ke output ( data siswa ).

3.3.3. Pembagian

Permasalahan akan selau menjadi semakin luas dan rumit

untuk dipahamin sebagai satu kesatuan. Karena itulah dilakukan

pembagian menjadi beberapa bagian agar mempermudah

pemahaman kemudian membagi bagian tersebut, sehingga seluruh

Page 144: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

fungsional analisis operasional keempat menyatakan bahwa

dominasi informasi, fungsional, dan tingkah laku perangkat lunak

dapat dibagi – bagi.

54

Page 145: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Secara mendasar pembagian mendekomposisikan suatu

masalah ke dalam bagian konstituennya. Secara konseptual, kita

membangun sebuah representasi hirarki dari informasi atau fungsi

dan kemudian membagi elemen bagian paling atas dengan

mengekspos penambahan secara detail dengan bergerak secara

vertikal dalam hirarki, dan mendekomposisikan masalah dengan

bergerak secara horizontal dalam hirarki.

Sistem Informasi Web Sekolah SMP N 6 Purwodadi

Jadwal Mengajar Jadwal Pelajaran Jadwal Tugas

Guru dan Siswa

Pembagian Horizontal

Sumber: Diambil dari Rekayasa Perangkat Lunak ( Roger S. Presman, 2002:335 )

Gambar 3.4. Sistem Informasi Web pembagian fungsional secara horizontal

3.3.4. Permodelan

Kita menciptakan model untuk memperoleh sebuah

pamahaman yang lebih baik mengenai entitas aktual yang akan

dibangun. Model yang dibangun memodelkan informasi yang

transformasikan oleh perangkat lunak. Fungsi yang mungkin

transformasikan terjadi dan tingkah laku sistem ada saat transformasi

terjadi.

Page 146: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

55

Page 147: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

M

11

1

Guru Mata Pelajaran

Siswa

Mengajar

Tugas

Guru Mata Pelajaran

Siswa

Mengajar

Tugas

Sumber : Diambil dari Rekayasa Perangkat Lunak ( Roger S. Presman, 2002:335 )

Gambar 3.5. Sistem Informasi Web permodelan

3.3.5. Esensial dan Implementasi

Pandangan esensial persyaratan perangkat lunak

menyajikan manifesta dunia nyata dari pemrosesan fungsi – fungsi

dan struktur informasi dalam berbagai kasus representasi fisik

dikembangkan informasi dalam berbagai kasus representasi fisik

dikembangkan sebagai langkah pertama dalam mendesain perangkat

lunak. Tetapi kebanyakan sistem berbasis komputer ditentukan

dalam cara yang mengutip akomodasi–akomodasi detail

implementasi tertentu.

56

Page 148: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx
Page 149: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Siswa

Tugas Login

Mata Pelajaran User dan Password

Siswa

Tugas Login

Mata Pelajaran User dan Password

Sumber: Diambil dari Rekayasa Perangkat Lunak ( Roger S. Presman, 2002:335 )

Gambar 3.6. Kelas/Objek

3.4. Analisa Brainware

Analisa brainware atau pelaksana analisa adalah orang yang

melaksanakan pengolahan data yang meliputi :

3.4.1. Analisa sistem

Analisa sistem bertugas merancang sistem agar dapat berjalan

dengan yang dikehendaki oleh perusahaan. Untuk posisi ini

diperlukan satu orang yang mempunyai pengalaman merancang

sistem website.

3.4.2. Programmer

Programmer bertugas untuk mengimplementasikan hasil dari

apa yang dirancang oleh seorang analis sistem dengan berbagai

bahasa pemrograman / aplikasi Software, dan yang dibutuhkan

antara lain : Php dan Mysql, Macromedia Dreamweaver dan Desain

Grafis Photoshop Cs2.

Page 150: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

57

Page 151: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

3.4.3. Teknisi

Teknisi bertugas menyiapkan perangkat keras dari server

sampai computer clien sehingga terbentuk jaringan atau network baik

jaringan lokal maupun jaringan internet.

3.4.4. Operator

Operator memiliki tugas memasukkan data yang ada di

perusahaan serta mampu mengoperasikan internet.

3.5. Analisa Cost and Benefit

Menurut Jogiyanto dalam bukunya Analisis dan Desain Sistem

Informasi merupakan suatu investasi yang berarti dikeluarkannya sumber

daya untuk mendapatkan manfaat dimasa mendatang. Investasi untuk

mengembangkan sistem informasi juga membutuhkan sumber daya. Sebagai

hasilnya, sistem informasi akan memberikan manfaat-manfaat yang baru.

Oleh karena itu sebelum sistem informasi dikembangkan, maka perlu

menilai terlebih dahulu, yang disebut dengan analisa cost benefit.

3.5.1. Komponen Biaya

Menurut Jogiyanto dalam buku analisa desain sistem

informasi ( 1990:664 ) mendefinisikan bahwa biaya yang

berhubungan dengan sistem informasi dapat diklasifikasikan

kedalam empat kategori :

Page 152: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

58

Page 153: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

1.

Analisis Pengadaan

Biaya pengadaan termasuk semua biaya yang terjadi sehubungan

dengan memperoleh perangkat keras. Biaya pengadaan dalam

pengembangan sistem baru pada sistem informasi web secara

online pada SMP Negeri 6 Purwodadi adalah sebagai berikut :

Tabel 3.1. Biaya Pengadaan

BIAYA PENGADAAN

No Nama Keterangan Biaya

1 Komputer Pentium IV 1 Set Rp. 3.000.000,00

2 Printer 1Unit Rp. 450.000,00

3 Modem 1 Set Rp 150.000,00

Jumlah Rp. 3.600.000,00

2.

Biaya Persiapan Operasional

Biaya persiapan operasi ( star up cost ) berhubungan dengan semua

biaya untuk membuat sistem dioperasikan. Biaya persiapan operasi

dalam pengembangan sistem baru pada Website SMP Negeri 6

Purwodadi Secara Online adalah sebagai berikut:

Tabel 3.2. Biaya Persiapan Operasional

BIAYA PERSIAPAN OPERASIONAL

No Nama Keterangan Biaya

Page 154: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

1 Softaware Macromedia

Dreamweaver MX 2004

Beli Rp. 800.000,00

2 Windows Xp Service pack 2 Beli Rp. 1.100.000,00

3 Mysql AppServ Beli Rp. 400.000,00

4 Adobe Photoshop Cs2 Beli Rp. 500.000,00

Jumlah Rp. 2.900.000,00

59

Page 155: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

3.

Biaya Proyek.

Biaya proyek ( project related cost ) berhubungan dengan biayabiaya

untuk mengembangkan proyek sistem termasuk

penerapannya. Biaya proyek dalam pengembangan sistem

informasi web secara online adalah sebagai berikut:

Tabel 3.3. Biaya Proyek

BIAYA PROYEK

No Nama Keterangan Biaya

1 Dokumentasi FotoCopy, Kertas Rp. 60.000,00

2 Analisis Sistem 1 Orang Rp. 100.000,00

3 Disian Sistem 1 Orang Rp. 300.000,00

4 Biaya Pemasangan /

Hosting / Upload

/ Tahun

Rp. 350.000,00

5 Pelatihan Personel Operator Rp. 120.000,00

Jumlah Rp. 930.000,00

4.

Biaya Operasi dan Biaya Perawatan

Biaya operasi ( on going cost ) adalah biaya-biaya yang

dikeluarkan untuk mengoperasikan sistem supaya sistem dapat

beroperasi. Sedangkan biaya perawatan ( maint cost ) adalah biaya

Page 156: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

yang dikeluarkan untuk merawat sistem dalam masa operasi. Biaya

operasi perawatan dalam pengembangan adalah sebagai berikut:

Tabel 3.4. Biaya Operasi dan Biaya Perawatan

BIAYA OPERASI DAN BIAYA PERAWATAN

No. Nama Keterangan Biaya

1 Operasi 1 oarang Rp. 50.000,00

2 Listrik /Bulan Rp. 70.000,00

3 Perawatan Perangkat

Lunak

1 orang/Bulan Rp. 60.000,00

4 Perawatan Perangkat Keras Services Rp. 50.000,00

Jumlah Rp. 230.000,00

60

Page 157: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Total Biaya yang dikeluarkan dalam pengembangan sistem baru

pada Sistem informasi Web secara Online di SMP Negeri 6

Purwodadi adalah sebagai berikut :

Tabel 3.5. Total Biaya

No Keterangan Biaya Biaya

1 Biaya Pengadaan Rp. 3.600.000,00

2 Biaya Operasional Rp. 20.000,00

3 Biaya Proyek Rp. 1.100.000,00

4 Biaya Operasi dan Perawatan Rp. 230.000,00

Jumlah Rp. 4.950.000,00

Total biaya yang dikeluarkan dalam pengembangan sistem baru

pada Skripsi sampai saat ini :

Tabel 3.6. Biaya Skripsi Saat ini

No Keterangan Biaya Biaya

1 Biaya Tinta Printer Rp. 60.000,00

2. Biaya Beli Kertas A4 Rp. 35.000,00

4 Warnet Rp. 30.000,00

Total Biaya Rp 125.000,00

3.5.2. Komponen Manfaat

Page 158: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Manfaat dari sistem informasi dapat juga diklasifikasikan

dalam bentuk keuntungan berwujud, merupakan keuntungan yang

berupa penghematan-penghematan atau peningkatan didalam

perusahaan yang diukur secara kuantitas yang diukur dalam bentuk

suatu nilai uang, (Jogiyanto H.M, Analisa dan Sistem Informasi,

2002). Keuntungan-keuntungan dari komponen manfaat yang

diantaranya adalah :

61

Page 159: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

1.

Meningkatkan pelayanan lebih baik

2.

Peningkatan kepuasan kerja

Dalam pengembangan sistem baru pada sistem informasi

sekolah berbasis web secara online ini, maka manfaat yang dapat

diperoleh adalah :

a.

Memudahkan proses pencarian data lebih cepat, tepat dan akurat

karena dibantu dengan komputer yang juga memperhatikan

kemudahan dalam pengoperasian.

b.

Keamanan data lebih terjamin karena hanya dapat diakses oleh

orang tertentu saja.

c.

Kepuasan kerja, produktifitas, efisiensi serta efektifitas kerja yang

semakin meningkat.

d.

Memperkenalkan sistem informasi baru berbasis web pada

masyarakat umunya.

62

Page 160: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

BAB IV

DESAIN SISTEM BARU

Setelah melakukan analisa sistem lama pada Bab III, untuk memperbaiki

kekurangan yang ada, maka pada Bab IV ini dijelaskan perancangan sistem yang

baru. Perancangan sistem baru untuk menjelaskan gambaran kerja sitem baru dan

mengimplementasikan model yang diinginkan pemakai.

Pada bab ini untuk lebih mudah dalam melakukan proses akademik yang

dibutuhkan pada SMP Negeri 6 Purwodadi. Perancangan sistem baru berisi tentang

gambaran kerja sistem baru, Context Diagram, DFD (Data Flow Diagram), ERD

(Entity Relationship Diagram), Normalisasi, Relationship tabel, Desain file data base,

Kamus data, Desain input dan output yang dihasilkan serta struktur flowchart.

4.1. Gambaran Kerja Sistem Baru

Seiring dengan makin berkembangnya teknologi saat ini, serta sumber

dari sistem informasi atau laporan yang telah ada pada SMP Negeri 6

Purwodadi maka dapat disusun suatu perancangan sistem informasi guru dan

karyawan, informasi siswa, informasi jadwal pelajaran siswa dan jadwal

mengajar guru serta menu data informasi mengenai fasilitas yang ada di sekolah

tersebut melalui web. Adapun tujuan yang mendorong untuk dilakukannya

perancangan sistem informasi tersebut, yaitu :

63

Page 161: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx
Page 162: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

1. Untuk Siswa : Mengetahui informasi jadwal pelajaran dan

informasi jadwal ujian semester serta informasi

tugas dari guru mata pelajaran.

2. Untuk Guru : Mengetahui informasi jadwal mengajar tiap

guru

3. Untuk Masyarakat : Mengetahiu informasi umum tentang sekolah.

4.2. Context Diagram Sistem Informasi Akademik

Model proses dari perangkat lunak sistem informasi digambarkan dalam

bentuk context diagram yang menggambarkan aliran data, penyimpanan, dan

dari informasi mengenai sistem yang dikembangkan di SMP Negeri 6

Purwodadi. Context diagram merupakan langkah awal dari analisa sistem yang

terstrukur.

Context diagram dibangun sedemikian rupa untuk nenunjukkan level

yang paling tinggi dari sistem. Context diagram juga merupakan gambaran

paling umum dari suatu sistem. Context diagram ini digunakan untuk

memperlihatkan ruang lingkup atau batasan – batasan dari sistem. Adapun

context diagram tentang sistem informasi akademik tersebut dapat dilihat pada

gambar berikut ini.

64

Page 163: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx
Page 164: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Sumber: Data baru yang diolah

Gambar 4.1. Context Diagram Sistem Informasi Akademik pada SMP Negeri 6

Purwodadi

65

Page 165: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Penjelasan context diagram :

Lingkungan luar dari sistem informasi akademik adalah bagian admin,

guru, siswa dan pengunjung yang masing-masing memiliki hubungan dengan

aktifitas sistem informasi akademik. Pada data alir guru yang berupa user

name dan password, data tugas siswa. Pada siswa meliputi user name dan

password, info tugas serta jadwal pelajaran. Bagian admin yang berupa user

name dan password, data guru, data siswa, jadwal mata pelajaran serta jadwal

ujian. Kemudian info sekolah yang akan diinformasikan kepada pengunjung.

66

Page 166: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

4.3. Decomposisi

Decomposisi Sistem Informasi Akademik pada SMP Negeri 6 Purwodadi

sebagaimana berikut:

Sumber: Datan baru yang diolah

Gambar 4.2. Decomposisi Sistem Informasi Akademik pada SMP Negeri 6

Purwodadi

67

Page 167: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

4.4. Tingkatan DFD

4.4.1. Data Flow Diagram Level 0

Adapun Data Flow Diagram (DFD) Level 0 adalah sebagai berikut:

Sumber : Data baru yang diolah

Gambar 4.3. DFD Level 0

68

Page 168: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

69

Page 169: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Penjelasan DFD level 0 :

Sistem informasi akademik memiliki turunan sistem yang berupa

hak akses, pendataan, laporan, informasi SMP N 06. Sistem terbentuk

dari lingkungan luar sistem yaitu Bagian admin, guru, siswa, dan

pengunjung. Data alir siswa terdiri dari login nama dan password. Dari

data alir guru yang memiliki login nama password. Pendataan

melakukan pendataan guru, siswa, jadwal mengajar dan jadwal

pelajaran, jadwal tugas dan jadwal ujian. Sedangkan pengunjung hanya

bisa mendapatkan informasi-informasi sekolah.

70

Page 170: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

4.4.2. Data Flow Diagram Level 1

Adapun Data Flow Diagram (DFD) Level 1 adalah sebagai berikut:

Sumber : Data baru yang diolah

Gambar 4.4. DFD Level 1

71

Page 171: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Penjelasan DFD level 1 :

Pada bagian informasi meliputi informasi siswa yang terdiri dari

jadwal pelajan, jadwal ujian dan menghasilkan informasi jadwal pelajaran

siswa, informasi dan jadwal ujian siswa. Informasi guru meliputi jadwal

mengajar, jadwal tugas dan informasi jadwal ujian. Sedang laporan info

sekolah menghasilkan info sekolah yang akan diinformasikan kepada

pengunjung.

72

Page 172: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

4.5 Perancangan Data Base

Dalam perancangan database ini penulis menggunakan Entity

Relationship Diagram (ERD), Normalization, Relationship Tabel, Desain File

Data Base.

Sumber: Data baru yang diolah

Gambar 4.5. Entity Relationship Diagram

73

Page 173: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

4.6. Analisis Normalisasi

1. Tabel Guru

kd_guru nama alamat telpon tmpt_lhr tgl_lhr email agama kd_mapel foto

Tabel Guru telah memenuhi bentuk normal dalam normalisasi karena tabel

Guru mempunyai atribut yang bernilai tunggal.

Atribut Tabel Guru :

kd_guru, nama, alamat, telpon, tmpt_lhr, tgl_lhr, email, agama, kd_mapel,

foto, user.

2. Tabel Mengajar

kd_guru hari jam kd_kelas Id_mengajar

Tabel Mengajar telah memenuhi bentuk normal dalam normalisasi karena

tabel mengajar mempunyai atribut yang bernilai tunggal.

Atribut Tabel Mengajar :

kd_guru, hari, jam, kd_kelas, Id_mengajar.

74

Page 174: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx
Page 175: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

3. Tabel Siswa

nis kd_kelas nama tmpt_lahir tgl_lhr agama jns_kel alamat telpon ayah ibu pekrj_ortu foto

Tabel Siswa telah memenuhi bentuk normal dalam normalisasi karena tabel

Murid mempunyai atribut yang bernilai tunggal.

Atribut Tabel Siswa :

nis, kd_kelas, nama, tmpt_lahir, tgl_lhr, agama, jns_kel, alamat, telpon, ,

ibu, pekrj_ortu, foto

4. Tabel Mata Pelajaran

id_mapel kd_mapel nama_mapel

Tabel mata pelajaran telah memenuhi bentuk normal dalam normalisasi

karena tabel mata pelajaran mempunyai atribut yang bernilai tunggal.

Atribut Tabel Mata Pelajaran :

Id_mapel, kd_mapel, nama_mapel.

5. Tabel Kelas

kd_kelas kelas

Page 176: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

75

Page 177: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Tabel Kelas telah memenuhi bentuk normal dalam normalisasi karena tabel

mata pelajaran mempunyai atribut yang bernilai tunggal.

Atribut Tabel Kelas :

kd_kelas, kelas

6. Tabel Jadwal Pelajaran

id nis hari jam kd_mapel

Tabel Jadwal Pelajaran telah memenuhi bentuk normal dalam normalisasi

karena tabel Jadwal mempunyai atribut yang bernilai tunggal.

Atribut Tabel Jadwal Pelajaran :

id, nis, hari, jam, kd_mapel.

76

Page 178: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

4.7. Relationship Tabel

Relasi antara tabel dalam sistem basis data ini adalah sebagai berikut:

Sumber: Data baru diolah

Gambar 4.6. Relationship Tabel

77

Page 179: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

4.8. Desain File Data Base

Desain File Data base secara terinci digunakan untuk menjelaskan isi

atau struktur dari tiap – tiap file yang akan digunakan, struktur data base yang

akan digunakan dalam sistem informasi akademik sebagai

4.8.1 Tabel Guru

Field kunci : Kd_guru

Tabel 4.1. : Bentuk fisik tabel Guru

No Nama Fields Tipe Lebar Keterangan

1

2

3

4

5

6

7

8

9

10

Kd_guru

Nama

Alamat

Telpon

Tmp_lhr

Page 180: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Tgl_lhr

Email

Agama

Kd_mapel

Foto

Int

Varchar

Text

Varchar

Varchar

Date

Text

Varchar

Varchar

Varchar

20

35

40

15

15

30

30

20

25

20

Page 181: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Nomer Induk Komulatif

Nama guru

Alamat Guru

Nomor Telepon

Tempat lahir

Tanggal lahir

Alamat email

Agama

Kode mata pelajaran

Foto

78

Page 182: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

4.8.2 Tabel Siswa

Field kunci : NIS

Tabel 4.2. : Bentuk fisik tabel Siswa

No Nama Fields Tipe Lebar Keterangan

1 NIS Int 12 Nomor Induk Siswa

2 Kd_kelas Char 6 Kode kelas

3 Nama Varchar 30 Nama Siswa

4 Tmp_lhr Varchar 20 Tempat lahir siswa

5 Tgl_lhr Date 35 Tanggal Lahir Siswa

6 Agama Varchar 10 Agama

7 Jns_kel Varchar 12 Jenis kelamin

8 Alamat Text 45 Alamat siswa

9 Telpon Varchar 25 Nomor telpon

10 Ayah Varchar 25 Nama ayah

11 Ibu Varchar 25 Nama ibu

12 Pekrj Ayah Text 30 Pekerjaan Ayah

13 Pekrj Ibu Text 30 Pekerjaan Ibu

14 Foto Set 25 Foto

4.8.3 Tabel Mata Pelajaran

Field kunci : Kd_mapel

Tabel 4.3. : Bentuk fisik tabel Mata Pelajaran

No Nama Fields Tipe Lebar Keterangan

Page 183: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

1

2

3

Id_mapel

Kd_mapel

Nama_mapel

int

Varchar

Varchar

12

25

50

Urutan mata pelajaran

Kode Mata Pelajaran

Mata Pelajaran

79

Page 184: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

4.8.5 Tabel Jadwal Mengajar Guru

Field kunci : Kd_mapel

Tabel 4.4. : Bentuk fisik tabel Mengajar Guru

No Nama Fields Tipe Lebar Keterangan

1

2

3

4

Kd_guru

Hari

Jam

Kd_kelas

Varchar

DateTime

Time

Char

20

15

15

6

Kode guru

Hari

Jam

Kode kelas

Page 185: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

4.8.6 Tabel Jadwal Pelajaran Siswa

Field kunci : NIS

Tabel 4.5. : Bentuk fisik tabel Jadwal Pelajaran

No Nama Fields Tipe Lebar Keterangan

1

2

3

4

5

Id_mapel

NIS

Kd_mapel

Hari

Jam

Int

Int

Varchar

DateTime

Time

12

12

25

15

Page 186: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

15

Urutan mata pelajaran

Nomer Induk Siswa

Kode mata pelajaran

Hari

Jam

80

Page 187: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

4.9. Desain Halaman Utama SIA

GAMBAR BANNER

SMP

Home

MENU UTAMA

· Profile Siswa

· Profile Guru

· Kalender Sekolah

· News

INFORMASI

· Login User

Copyright © 2009 SMP Negeri 6 Purwodadi. All Rights Reserved.

Design by bam_nn

Email : [email protected]

Counter

Halaman Utama

Profile Sekolah Fasilitas Prestasi Guru Kontak

Sumber: Data baru yang diolah

Gambar 4.7. Desain Halaman Utama

Penjelasan Desain halaman utama :

Pada halaman utama sistem informasi akademik SMP N 6 Purwodadi

terdiri dari home, profile sekolah, fasilitas, prestasi, guru, kontak, menu utama,

81

Page 188: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx
Page 189: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

dan informasi siswa. Pada menu utama meliputi, profile siswa, guru, kalender

sekolah dan news. Pada menu informasi terdiri dari login user.

4.10. Desain Input dan Output

4.10.1. Desain Input

1. Desain Pendataan Data Guru

Pendataan Guru

Kode Guru :

Nama :

Tempat, Tgl Lhr :

Alamat Sekarang :

Telpon :

Email :

Agama :

Foto :

Mengajar :

User Name :

Password :

Simpan Data Guru

Sumber: Data baru yang diolah

Gambar 4.8. Desain Input Pendataan Guru

Penjelasan pendataan data guru :

Pandataan guru dilakukan oleh admin yang meliputi pendataan

kode guru, nama, tempat dan tgl lahir, alamat sekarang, telpon,

Page 190: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

email, agama, foto, mengajar, user name serta password.

82

Page 191: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

2. Desain Pendataan Data Siswa

Pendataan Siswa

NIS :

Nama Siswa :

Tempat, Tgl Lhr :

Agama :

Jenis Kelamin :

Alamat :

Nomor Telpon/Hp :

Kelas :

Nama Ayah :

Nama Ibu :

Pakerjaan Ayah :

Pekerjaan Ibu :

PIN [ Siswa ] :

Simpan Data Siswa

Sumber: Data baru yang diolah

Gambar 4.9. Desain Input Pendataan Siswa

Penjelasan pendataan siswa :

Pada desain pendataan nilai dilakukan olaeh admin yang meliputi

NIS, Nama siswa, tempat dan tgl lahir, Agama, Jenis kelamin,

Alamat , nomor telpon, kelas, nama ayah, nama ibu,pekerjaan

ayah, pekerjaan ibu, serta PIN siswa.

Page 192: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

83

Page 193: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

3. Desain Pendataan Jadwal Mengajar Guru

Nama Guru :

Kode Guru :

Entry Jadwal Mengajar Guru

Simpan Data

Add Row Remover Row

Hari Jam Kelas

Sumber: Data baru yang diolah

Gambar 4.10. Desain Pendataan Jadwal Mengajar Guru

Penjelasan desain pendataan penjadwalan mengajar guru :

Pendataan jadwal mengajar guru dilakukan oleh admin yang terdiri

dari inputan hari, jam, serta kelas kemudian disimpan.

4. Desain Pendataan Jadwal Pelajaran

Nama Siswa :

NIS :

Entry Jadwal Pelajaran Siswa

Simpan Data

Add Row Remover Row

Hari Jam Mata Pelajaran

Sumber: Data baru yang diolah

Page 194: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Gambar 4.11. Desain Pendataan Jadwal Pelajaran Siswa

84

Page 195: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Penjelasan desain pendataan penjadwalan pelajaran siswa :

Pendataan jadwal pelajaran siswa dilakukan oleh admin yang

terdiri dari inputan hari, jam, serta nama mata pelajaran kemudian

disimpan.

5. Desain Pendataan Jadwal Ujian

Entry Jadwal Ujian Siswa

Nama Siswa :

NIS :

Simpan Data

Nama Mapel Tanggal Jam No.Kursi

Sumber: Data baru yang diolah

Gambar 4.12. Desain Input Jadwal Ujian Semester

Penjelasan input Jadwal Ujian Semester :

Dalam Jadwal Ujian Semester terdiri dari nama siswa, NIS,

tanggal, jam,nomor kursi, nama mata pelajaran.

85

Page 196: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

4.10.2 Desain Output

1. Informasi Guru

Sumber: Data baru yang diolah

Informasi Data Guru

Kode Guru : G-001

Nama : Antok, S.Pd

Tempat, Tgl Lhr : Grobogan, 1-Januari-1960

Alamat Sekarang : Perum Ayudia no. 34

Telpon : 0292 424267

Email : [email protected]

Agama : Islam

Foto : foto

Gambar 4.13. Desain Output Informasi Guru

Penjelasan laporan dari data guru :

Laporan data guru meliputi, kode guru, nama guru, tempat dan

tanggal lahir, alamat sekarang, nomor telpon, email, agama, serta

foto guru. Data ini diinformasikan kepada guru.

2. Informasi Siswa

NIS : N-0001

Nama Siswa : Anton Darmawan

Tempat, Tgl Lhr : Grobogan, 6-januari-1987

Agama : Kristen

Jenis Kelamin : Laki-laki

Alamat : Purwodadi

Page 197: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Nomor Telpon/Hp : 081235263799

Kelas : XI

Nama Ayah : Jasmo

Nama Ibu : Yanti

Pakerjaan Ayah : Swasta

Pekerjaan Ibu : Pedagang

Foto :

Biodata Siswa

Sumber: Data baru yang diolahGambar 4.14. Desain Output Informasi Siswa

86

Page 198: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Penjelasan informasi siswa :

Informasi siswa terdiri dari no, kode, nis, nama siswa, tanggal

lahir, kelas dan nama orang tua. Dalam informasi ini di data dan

dilakukan oleh petugas admin.

3. Informasi Jadwal Mengajar Guru

Entry Jadwal Mengajar Guru

Nama Guru : Antok, S.Pd

Kode Guru : G-001

Hari Jam Kelas

Selasa 07:00-08:30 X

Rabu 07:00-08:30 XI

Kamis 07:00-08:30 XII

Sumber: Data baru yang diolah

Gambar 4.15. Desain Output Informasi Jadwal Mengajar Guru

Penjelasan informasi jadwal mengajar guru :

Informasi data jadwal mengajar guru terdiri inputan hari, jam, serta

kelas.

4. Informasi Jadwal Pelajaran Siswa

Sumber: Data yang diteliti setelah diolah

Page 199: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Nama Siswa : Anton Darmawan

NIS : N-001

Info Jadwal Mata Pelajaran Siswa

Add Row

Fisika

Sejarah

Matematika

Mata Pelajaran

Senin 07:00-08:30

Selasa

Rabu

07:00-08:30

07:00-08:30

Hari Jam

Remover Row

Gambar 4.16. Desain Output Informasi Jadwal Pelajaran Siswa

87

Page 200: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Penjelasan informasi mata pelajaran siswa :

Informasi data jadwal mata pelajaran terdiri dari inputan hari, jam

dan nama mata pelajaran.

5. Informasi Jadwal Ujian

Nama Siswa : Anton Darmawan

NIS : N-0001

Entry Jadwal Ujian Siswa

Tanggal Jam No.Kursi Nama Mapel

12-08-2009 07:00-08:30 5 Sejarah

13-08-2009 07:00-08:30 2 Fisika

14-08-2009 07:00-08:30 3 Matematika

Sumber: Data baru yang diolah

Gambar 4.17. Desain Output Informasi Jadwal Ujian Siswa

Penjelasan informasi dari data jadwal ujian :

Informasi data jadwal ujian meliputi nama siswa, NIS, tanggal,

jam, nomor kursi serta nama mata pelajaran. Informasi ini didata

dan dilakukan oeh petugas admin dan diinformasikan pada

member atau anggota SIA SMP N 6 Purwodadi.

88

Page 201: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx
Page 202: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

4.11. Struktur Flowchart

4.11.1. Flowchart Menu Index SMP Negeri 6 Purwodadi

Y

Y

Y

Y

Y

Y

Y

T

Y

Y

T

T

T

T

T

T

T

T

Email

Prestasi Akademik

Fasilitas dan Layanan

Home

Guru

Page 203: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Halaman Depan

Profile Guru-guru

Profile visi dan

misi

Start

Menu Utama

Z

Profile Sekolah

Fasilitas

Prestasi

End

Kalender Sekolah Kalender Sekolah

News News

Informasi Login User

Kontak

Gambar 4.18. flowchart Halaman Index SMP N 6 Purwodadi

89

Page 204: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Keterangan :

Y : Ya

T : Tidak

Dalam desain program sistem informasi akademik SMP Negeri

6 ini menggunakan sebuah flowchart index dari sistem informasi

tersebut. Sistem flowchart ini digunakan untuk mengetahui secara

detail tentang sistem yang berjalan dalam desain program ini yang

diantaranya tediri dari start, tampilan halaman utama atau default,

home yang meliputi tampilan dari halaman depan, fasilitas profile

yang meliputi profile sekolah serta visi dan misi, prestasi meliputi

prestasi akademin, guru meliputi profile guru-guru, kontak meliputi

email, kalender sekolah meliputi kalender sekolah, news meliputi

berita atau informasi terbaru yang ada dalam objek tersebut. Informasi

meliputi login user.

90

Page 205: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

4.11.2 Sub Modul Login Guru

Y

End

T

Y

Start

Input Login

Guru

Login

benar ?

Informasi

Guru

T

Login

Guru

Gambar 4.19. Flowchart halaman Informasi dan login

Keterangan :

Y : Ya

T : Tidak

Langkah program menu informasi login guru yang ada dalam

sistem infornasi akademik tersebut terdiri dari beberapa alur yaitu

dimulai dari start lalu login guru. Dilanjutkan input login guru jika

benar muncul informasi tentang guru. Seterusnya akan kembali ke

menu utama.

Page 206: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

91

Page 207: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

4.11.3 Sub Modul Login Siswa

End

T

Y

Start

Input Login

Siswa

Login

benar ?

Informasi

Siswa

T

Login

Siswa

Y

Gambar 4.20. Flowchart halaman login siswa

Keterangan :

Y : Ya

T : Tidak

Langkah program menu informasi login siswa yang ada dalam

sistem infornasi akademik tersebut terdiri dari beberapa alur yaitu

dimulai dari start lalu login siswa. Dilanjutkan input login siswa jika

benar muncul informasi tentang siswa. Seterusnya akan kembali ke

menu utama.

Page 208: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

92

Page 209: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

4.11.4. Sub Modul Login Admin

End

T

Y

Start

Input Login

Admin

Login

benar ?

Informasi

Admin

T

Login

Admin

Y

Gambar 4.21. Flowchart halaman login admin

Keterangan :

Y : Ya

T : Tidak

Langkah program menu informasi login admin yang ada dalam

sistem infornasi akademik tersebut terdiri dari beberapa alur yaitu

dimulai dari start lalu login admin. Dilanjutkan input login admin jika

benar muncul informasi tentang admin. Seterusnya akan kembali ke

menu utama.

Page 210: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

93

Page 211: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

4.11.5. Sub Modul Informasi Guru

Y

Y

T

T

Tampilan

Informasi Guru

Start

Info

Mengajar

Tampilan Jadwal

Mengajar

Y

Simpan Password

Simpan Tugas

Anda telah

Logout

End

Input Data

Tugas

Ganti

Password

LogOut

Input Data Tugas Siswa

New password

Page 212: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

dan Re-enter new

Password

Y

Y

T

T

Y

T

Gambar 4.22. Flowchart Halaman Informasi Guru

94

Page 213: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Keterangan :

Y : Ya

T : Tidak

Dari gambar flowchart informasi guru tersebut dapat dijelaskan

diantaranya dimulai dari start guru muncul tampilan informasi guru,

info mengajar meliputi tampilan info mengajar, input data tugas

meliputi input data tugas siswa, dan simpan tugas. Ganti password

yang meliputi new password dan re-enter new password dan simpan

password. Logout sistem akan muncul anda telah keluar dari sistem

ini.

95

Page 214: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

4.11.6 Sub Modul Informasi Siswa

T

T

Tampilan

Informasi Siswa

Start

Y Simpan Password

Download

Y

Anda telah

Logout

End

Ganti

Password

Info

Tugas

LogOut

New password dan Re-

enter new Password

Tampilan Info

Tugas

Y

Y

T

T

Page 215: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Y

T

Info

Pelajaran

Tampilan Jadwal

Pelajaran

Y

Gambar 4.23. Flowchart Halaman Informasi Siswa

96

Page 216: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Keterangan :

Y : Ya

T : Tidak

Dalam menu file informasi siswa yang ada dalam sistem

infornasi akademik tersebut terdiri dari beberapa alur yaitu dimulai

dari start yang dilakukan oleh user yang yang telah terdaftar dalam

sistem informasi ini. Setelah membuka sistem informasi siswa muncul

tampilan informasi siswa dilanjutkan informasi jadwal pelajaran siswa

tampilan informasi jadwal pelajaran. Ganti password meliputi new

password dan re-enter new password dilanjutkan menyimpan

password tersebut. Logout sistem kemudian akan muncul anda telah

keluar dari sistem ini.

97

Page 217: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

4.11.7 Sub Modul Informasi Admin

Y

Y

T

Y

T

T

T

T

T

Y

YPilih Jadwal

Pelajaran

L

Z

Tampilan

Informasi Admin

Pilih

Guru

Pilih

Siswa

Start

Pilih Jadwal

Ujian

Input Jadwal

Page 218: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Pelajaran

Input Data

Guru

Input Data

Siswa

Input Data

Mengajar

Simpan, Edit

dan Hapus

Simpan, Edit

dan hapus

Simpan, Edit

dan Hapus

Input Jadwal

Ujian Hapus Data

Pilih Jadwal

Mengajar

Simpan, Edit

dan Hapus

98

Page 219: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Sub Modul Admin ( Lanjutan )

Input News

L

T

News

LogOut Anda telah

Logout

Hapus dan

Simpan Data

End

T

T

Y

Y

Z

Gambar 4.24. Flowchart Halaman Informasi Admin

Keterangan :

Y : Ya

T : Tidak

L : Lanjutan

Penjelasan flowchart informasi admin :

Dari gambar flowchart informasi admin tersebut dapat dijelaskan

babwa admin melakukan start lalu muncul tampilan informasi admin.

Page 220: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Dilanjutkan memilih guru yang meliputi inputan, edit dan hapus data

99

Page 221: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

guru dan dilakukan penyimpanan. Alur selanjutnya memilih siswa yang

meliputi inputan, edit, dan hapus data siswa yang kemudian dilakukan

penyimpanan. Alur pilih jadwal mengajar meliputi input data mengajar,

simpan, edit dan hapus. Alur pilih jadwal pelajaran meliputi input

jadwal pelajaran, simpan, edit dan hapus, Pilih jadwal ujian meliputi

input jadwal ujian, simpan, edit dan hapus. Dan alur selanjutnya input

news yang meliputi input, simpan, edit dan hapus data news kemudian

dilakukan penyimpanan. Alur yang terakhir adalah melakukan logout

kemudian muncul anda telah logout atau keluar dari sistem ini.

100

Page 222: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

selesai

4.10.6 Sub Modul Guru

Profile

Guru

Tampilan

Profile Guru

Start

T

Y

Page 223: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

T

Gambar 4.23 Flowchart Menu Guru

4.10.7 Sub Modul Siswa

Program

Kesiswaan

Halaman Program

Kesiswaan

Start

Y

T

Page 224: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Gambar 4.20 Flowchart Menu Siswa

4.10.8 Sub Modul News

103

Pilih

Next

Halaman

Selanjutnya

Tampilan

News

Start

Y

Page 225: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Gambar 4.21 Flowchart Menu News

4.5 Analisis Normalisasi

4 Tabel Guru

Kd_guru Nama Alamat Telpon Tmpt_lhr Tgl_lhr Email Agama Foto User

104

Page 226: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

a.

Bentuk Normal Pertama (1st NF)

Tabel Guru telah memenuhi bentuk normal pertama dalam normalisasi

karena tabel Guru mempunyai atribut yang bernilai tunggal. Atribut Tabel

Guru :

Kd_guru, nama, alamat, telpon, tmpt_lhr, tgl_lhr, email, agama, foto, user.

b.

Bentuk Normal Kedua (2rd NF)

Tabel Guru juga telah memenuhi bentuk normal ketiga karena telah

memenuhi bentuk normal kedua (2nd NF) dan juga tidak ada atribut bukan

kunci utama tergantung secara transitif pada kunci utama.

Bukti:

Kd_guru

nama, alamat, telpon, tmpt_lhr, tgl_lhr, email, agama,

foto, user.

Nama

NIK, Alm_guru, No_telp, Guru_mapel, Kd_user.

Alm_guru

NIK, Nm_guru, No_telp, Guru_mapel, Kd_user.

No_telp

Page 227: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

NIK, Nm_guru, Alm_guru, Guru_mapel, Kd_user.

Guru_mapel

NIK, Nm_guru, Alm_guru, No_telp, Kd_user.

Kd_user

NIK,Nama_guru, Alm_guru, No_telp, Guru_mapel.

5 Tabel Mata Pelajaran

Kd_mapel Nama_mapel Jam_mapel tgl_jadwal

a. Bentuk Normal Pertama (1st NF)

105

Page 228: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Tabel mata pelajaran telah memenuhi bentuk normal pertama dalam

normalisasi karena tabel mata pelajaran mempunyai atribut yang bernilai

tunggal.

Atribut Tabel Jadwal :

Kd_mapel, nama_mapel, Jam_mapel, tgl_jadwal.

b.

Bentuk Normal Kedua (2rd NF)

Tabel mata pelajaran juga telah memenuhi bentuk normal kedua karena

telah memenuhi bentuk normal pertama (1nd NF) dan juga tidak ada

atribut bukan kunci utama tergantung secara transitif pada kunci utama.

Bukti:

Kd_mapel

Nama_mapel, Jam_mapel, tgl_jadwal.

Nama_mapel

Kd_mapel, Jam_mapel, tgl_jadwal.

Jam_mapel

Kd_mapel, nama_mapel, tgl_jadwal.

tgl_jadwal

Kd_mapel, nama_mapel, Jam_mapel.

Page 229: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

6

Tabel Siswa

NIS Nm_siswa Alm_siswa Tgl_lahir kelas Nm_ortu Alm_ortu No_telp Foto Kd_user

106

Page 230: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

a.

Bentuk Normal Pertama (1st NF)

Tabel Murid telah memenuhi bentuk normal pertama dalam normalisasi

karena tabel Murid mempunyai atribut yang bernilai tunggal.

Atribut Tabel Murid :

NIS, Nm_siswa, Alm_siswa, Tgl_lahir, kelas, Nm_ortu, Alm_ortu,

No_telp, Foto, Kd_user.

b.

Bentuk Normal Kedua (2nd NF)

Tabel Murid juga telah memenuhi bentuk normal kedua karena telah

memenuhi bentuk normal pertama (1nd NF) dan juga tidak ada atribut

bukan kunci utama tergantung secara transitif pada kunci utama.

Bukti:

NIS Nm_siswa, Alm_siswa, Tgl_lahir, Kelas, Nm_ortu,

Alm_ortu, No_telp, foto, Kd_user.

Nm_siswa NIS, Alm_siswa, Tgl_lahir, kelas, Nm_ortu, Alm_ortu,

No_telp, foto, Kd_user.

Alm_siswa NIS, Nm_siswa, Tgl_lahir, kelas, Nm_ortu, Alm_ortu,

No_telp, foto, Kd_user.

Tgl_lahir NIS, Nm_siswa, Alm_siswa, kelas, Nm_ortu,

Alm_ortu, No_telp, foto, Kd_user.

Kelas NIS, Nm_siswa, Alm_siswa, Tgl_lahir, Nm_ortu,

Alm_ortu, No_telp, foto, Kd_user.

Page 231: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

107

Page 232: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Nm_ortu NIS, Nm_siswa, Alm_siswa, Tgl_lahir, Kelas,

Alm_ortu, No_telp, foto, Kd_user.

Alm_ortu NIS, Nm_siswa, Alm_siswa, Tgl_lahir, Kelas,

Nm_ortu, No_telp, foto, Kd_user.

No_telp NIS, Nm_siswa, Alm_siswa, Tgl_lahir, Kelas,

Nm_ortu, Alm_ortu, foto, Kd_user.

Foto NIS, Nm_siswa, Alm_siswa, Tgl_lahir, Kelas,

Nm_ortu, Alm_ortu, No_telp, Kd_user.

Kd_user NIS, Nm_siswa, Alm_siswa, Tgl_lahir, Kelas,

Nm_ortu, Alm_ortu, No_telp, foto.

7 Tabel User

Kd_user Nama_user Status Password

a.

Bentuk Normal Pertama (1st NF)

Tabel User telah memenuhi bentuk normal pertama dalam normalisasi

karena tabel User mempunyai atribut yang bernilai tunggal.

Atribut Tabel User :

Kd_user, Nama_user, Status, Password.

b.

Bentuk Normal Kedua (2nd NF)

108

Page 233: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx
Page 234: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Tabel User memenuhi bentuk normal kedua karena telah memenuhi

bentuk normal kesatu (1st NF) dan juga tidak ada atribut bukan kunci

utama tergantung secara transitif pada kunci utama.

Bukti:

Nama_user

Status, Password.

Status

Nama_user, Password.

Password

Nama_user, Status.

8 Tabel Penjadwalan

NIS NIK Kd_mapel Kd_jadwal Tgl_jadwal Jam_jadwal

a.

Bentuk Normal Pertama (1st NF)

Tabel Jadwal telah memenuhi bentuk normal pertama dalam normalisasi

karena tabel Jadwal mempunyai atribut yang bernilai tunggal.

Atribut Tabel Jadwal :

NIS, NIK, Kd_mapel, Kd_jadwal, Tgl_jadwal, Jam_jadwal.

b.

Bentuk Normal Kedua (2rd NF)

Page 235: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

109

Page 236: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Tabel Jadwal juga telah memenuhi bentuk normal ketiga karena telah

memenuhi bentuk normal pertama (1nd NF) dan juga tidak ada atribut

bukan kunci utama tergantung secara transitif pada kunci utama.

Bukti:

NIS NIK, Kd_mapel, Kd_jadwal, Tgl_jadwal, Jam_jadwal.

NIK NIS, Kd_mapel, Kd_jadwal, Tgl_jadwal, Jam_jadwal.

Kd_mapel NIS, NIK, Kd_jadwal, Tgl_jadwal, Jam_jadwal.

Kd_Jadwal NIS, NIK, Kd_mapel, Tgl_jadwal, Jam_jadwal.

tgl_jadwal NIS, NIK, Kd_mapel, Kd_jadwal, Jam_jadwal.

Jam_mapel NIS, NIK, Kd_mapel, Kd_jadwal, Tgl_jadwal.

110

Page 237: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

BAB V

RENCANA IMPLEMENTASI SISTEM

Setelah melakukan perancangan sistem baru pada Bab IV, maka pada bab

ini menjelaskan tentang penerapan program hasil dari prototipe ke dalam

pemrograman agar dapat digunakan sebagai kebutuhan untuk membantu dalam

mengolah informasi yang ada dalam sebuah sistem.

5.1. Tampilan Menu Program

Gambar 5.1. Tampilan Halaman Default ( Menu Utama )

102

Page 238: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Tampilan menu utama pada program ini merupakan level yang paling

tinggi atau atas dalam pembuatan Program Sistem Informasi Akademin

SMP Negeri 6 Purwodadi Berbasis Web.

5.2. Tampilan Profile Sekolah

Gambar 5.2. Tampilan Profile Sekolah

Dalam tampilan halaman ini diuraikan mengenai sejarah SMP Negeri

6 yang meliputi tanggal berdiri, lokasi dan semua informasi lain yang

berhubungan dengan sejarah SMP Negeri 6 Purwodadi.

103

Page 239: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

5.3. Tampilan Menu Informasi

5.3.1. Tampilan Fasilitas

Gambar 5.3. Tampilan Halaman Fasilitas

Dalam halaman ini menampilkan informasi tentang fasilitas yang ada

di SMP Negeri 6 Purwodadi. Dalam tampilan ini yang akan diinformasikan

kepada para pengunjung dalam sistem informasi akademik.

104

Page 240: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

5.3.2 Tampilan Prestasi

Gambar 5.4. Tampilan Halaman Prestasi

Dalam halaman ini menampilkan informasi tentang prestasi SMP

Negeri 6 Purwodadi. Tampilan ini yang akan diinformasikan kepada para

pengunjung dalam sistem informasi akademik.

105

Page 241: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

5.3.3. Tampilan Kontak

Gambar 5.5. Tampilan Halaman Kontak

Dalam halaman ini menampilkan informasi tentang kontak. Halaman

ini dimasudkan kepada para pengunjung website untuk mengirim pesan atau

memberikan saran dan kritikan pada SMP Negeri 6.

106

Page 242: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

5.4. Tampilan Desain Input

5.4.1. Pendataan Guru

Gambar 5.6. Tampilan Pendataan Guru

Dalam halaman ini menampilkan informasi tentang pendataan

guru terdiri dari kode guru, nama guru, tampat dan tanggal lahir,

alamat, nomor telpon, e-mail, agama, foto, mengajar serta user name

dan password guru. Dalam tampilan ini hanya bisa dilakukan oleh

administrator.

107

Page 243: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

5.4.2 Pendataan Siswa

Gambar 5.7. Tampilan Pendataan Siswa

Dalam halaman ini menampilkan informasi tentang pendataan

siswa terdiri dari nis, nama siswa, tempat dan tanggal lahir, agama,

jenis kelamin, alamat, nomor telpon, kelas, nama ayah, nama ibu,

pekerjaan orang tua serta pin siswa. Dalam tampilan ini hanya bisa

dilakukan oleh administrator.

108

Page 244: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

5.4.3. Pendataan Jadwal Mengajar Guru

Gambar 5.8. Tampilan Pendataan Jadwal Mengajar Guru

Dalam halaman ini menampilkan informasi tentang pendataan

jadwal mengajar guru yang terdiri dari nama, kode guru, hari dan

jam, serta kelas. Dalam tampilan pendataan ini hanya bisa dilakukan

oleh administrator.

109

Page 245: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

5.4.4. Pendataan Jadwal Pelajaran Siswa

Gambar 5.9. Tampilan Pendataan Jadwal Pelajaran Siswa

Dalam halaman ini menampilkan informasi tentang pendataan

jadwal pelajaran siswa yang terdiri dari nama siswa, nis, hari dan

jam, serta nama mata pelajaran. Dalam tampilan pendataan ini hanya

bisa dilakukan oleh administrator.

110

Page 246: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

5.5. Tampilan Desain Output

5.5.1. Informasi Guru

Gambar 5.10. Tampilan Halaman Informasi Guru

Dalam tampilan program ini menampilkan tentang informasi

guru-guru yang ada di SMP Negeri 6 yang diuraikan menjadi

informasi profile guru. Yang akan diinformasikan kepada pengunjung

web site SMP Negeri 6.

111

Page 247: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

5.5.2. Informasi Siswa

Gambar 5.11. Informasi Profile Siswa

Dalam tampilan program ini menampilkan tentang informasi

Siswa-siswi yang ada di SMP Negeri 6 yang diuraikan menjadi

informasi profile siswa. Yang akan diinformasikan kepada

pengunjung web site SMP Negeri 6.

112

Page 248: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

5.5.3. Informasi Kalender Sekolah

Gambar 5.12. Informasi Halaman Kalender Sekolah

Halaman ini menampilkan informasi tentang program kerja dari

SMP Negeri 6 Purwodadi tahun pelajaran 2009-2010. Dalam

tampilan ini yang akan diinformasikan kepada para pengguna atau

pengunjung dari sistem informasi akademik ini.

113

Page 249: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

5.6. Tampilan Informasi Login

Gambar 5.13. Menu Informasi Login

Halaman ini menampilkan informasi tentang login siswa, guru dan

administrator yang meliputi menu pendataa siswa, guru yang ada pada SMP

Negeri 6 Purwodadi. Dalam tampilan ini yang akan diinformasikan kepada

guru yang telah terdaftar dalam sistem informasi akademik ini.

5.7. Tampilan Konfirmasi Login

Gambar 5.14. Tampilan Konfirmasi Login

5.8. Menu Log Out

Gambar 5.15. Tampilan Menu Log Out

114

Page 250: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Dalam halaman ini menampilkan informasi tentang log out para

pengguna yang telah terdaftar sitem informasi SMP Negeri 6 Purwodadi

yang terdapat informasi terima kasih anda telah keluar dari sisten sistem

informasi akademik ini.

5.9. Tampilan News

Gambar 5.16. Tampilan Menu News

Dalam halaman ini menampilkan informasi news yang bisa dilihat

oleh pengunjung atau pengguna web site SMP Negeri 6.

115

Page 251: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

5.10. Cetak Jadwal Mengajar Guru

Gambar 5.17. Cetak Jadwal Mengajar Guru

5.11. Cetak Jadwal Pelajaran Siswa

Gambar 5.18. Cetak Jadwal Pelajaran Siswa

116

Page 252: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

5.12. Cetak Jadwal Ujian Siswa

Gambar 5.19. Cetak Jadwal Ujian Siswa

117

Page 253: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

5.13. Testing Program

5.13.1 Testing Fowchart

T

23

24

25

26

27

17

18

19

20

21

22

Tampilan Menu

Default

L

Y

Y

Y

Y

Y

Y

Y

Y

Page 254: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Y

Y

Y

A

1

2

3

4

5

6

7

8

9

10

11

12

13

T

T

T

T

T

T

T

T

Page 255: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

T

T

Start

Input Tugas

Hapus Tugas

Login

Home

Visi dan Misi

Profile

Prestasi

Akademik

Profile Guru-

guru

Email

Kalender

News

Home

Profile Sekolah

Fasilitas

Prestasi

Guru

Kontak

Kalender

News

Login

Page 256: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Input Tugas

Hapus Tugas

118

Page 257: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Flowchart ( Lanjutan )

Gambar 5.20. Testing Flowchart

Keterangan Flowchart :

: Banyaknya Node / Simpul

: Banyaknya Edge

Y : Ya

T : Tidak

T

T

Y

Y

L

30

InputJadwal

Ujian

T

Y

Y

T

End

17

18

19

A

Page 258: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

28

29

14

15 Input Jadwal

Input Mapel Input Mengajar

Input Pelajaran

LogOut

Input Jadwal Ujian

119

Page 259: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

5.13.2 Testing Flowgraph

A

120

20

29

28

27

26

21

22

23

24

25

R10

R9

R8

R7

R2

R3

R4

R5

R6

R1

Page 260: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

1

2

3

4

5

6

7

8

9

10

11

12

L

Page 261: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Tesring Flowgraph ( Lanjutan )

34

33

32

R16

R13

R14

R15

A

15

16

17

18

19

L

13

14 31

30

R12

R11

Gambar 5.21. Testing Flowgraph

Keterangan Flowgraph :

: Banyaknya Node / Simpul

Page 262: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

: Banyaknya Edge

R

: Region ( Daerah yang dibatasi oleh edge yang

tidak berpotongan )

121

Page 263: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

5.13.3 Cyclomatic comptexity

Cyclomatic Complexity merupakan sifat yang nendukung

pengukuran atas kompleksitas logika di program.

Cyclomatic Complexity dapat dihitung dengan menggunakan dua

cara :

1) Jumlah Region pada flowgraph adalah 16 region.

2) CC =E–N+2

= 49–34+2

= 17

Keterangan :

CC : Cyclomatic Complexity

E : Banyaknya Edge

N : Banyaknya Node / Simpul

5.13.4 Deriving Test Case

Deriving Test Case adalah test case yang memenuhi basis test.

Tujuanya adalah akan memaksa eksekusisetiap test untuk memilih

data pada predícate node.

Page 264: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Deriving Test Case dari flowgraph di atas adalah :

1 = 1-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16-17-18-19

2 = 1-2-3-20-19

122

Page 265: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

3 = 1-2-3-4-21-19

4 = 1-2-3-4-5-22-19

5 = 1-2-3-4-5-6-23-19

6 = 1-2-3-4-5-6-7-24-19

7 = 1-2-3-4-5-6-7-8-25-19

8 = 1-2-3-4-5-6-7-8-9-26-19

9 = 1-2-3-4-5-6-7-8-9-10-27-19

10 = 1-2-3-4-5-6-7-8-9-10-11-28-19

11 = 1-2-3-4-5-6-7-8-9-10-11-12-29-19

12 = 1-2-3-4-5-6-7-8-9-10-11-12-13-30-19

13 = 1-2-3-4-5-6-7-8-9-10-11-12-13-14-31-19

14 = 1-2-3-4-5-6-7-8-9-10-11-12-13-14-15-32-19

15 = 1-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16-33-19

16 = 1-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16-17-34-19

17 = 1-2-18-19

123

Page 266: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

BAB VI

PENUTUP

Setelah melakukan implentasi sistem pada Bab V, maka pada bab ini

menjelaskan tentang kesimpulan dan saran dalam pembuatan program yang telah

dibuat agar bermanfaat dan menjadi sebuah informasi yang diharapkan dapat

mengambil suatu keputusan yang tepat dan berdampak positif bagi instansi

pendidikan.

6.1 Kesimpulan

Adapun kesimpulan yang dapat diambil dari keseluruhan proses

tugas akhir ini antara lain adalah:

1.

Secara umum program sistem informasi website sekolah sudah bisa

memenuhi spesifikasi yang dirumuskan pada awal proses desain.

2.

Apabila ingin membangun website, yang pertama kali perlu

dipertimbangkan adalah fungsi dan kegunaan dari website yang akan di

buat. Apabila akan menggunakan website sebagai media pendidikan,

yang harus diperhatikan adalah tampilannya. Dengan tampilan yang

bagus akan lebih menarik bagi pengunjung ke alamat website tesebut.

124

Page 267: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx
Page 268: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

3.

Dalam sistem informasi berbasis komputer, database merupkan

kumpulan data yang di strukturkan sehingga memudahkan dalam

pemrosesan untuk menghasilkan suatu informasi.

4.

Untuk bisa memanfaatkan program sistem informasi website ini secara

optimal , spesifikasi miniml komputer yg disarankn adalah komputer

yang menggunakan CPU dan prosesor berkecepatan minimal 800 MHz

dan memori 256 Mb dan VGA 128 Mb.

5.

Suatu situs web akan dikenal dengan cepat apabila informasi yang

disajikan selalu up to date (baru) dan lengkap.

6.

Pembuatan program web ini bertujuan untuk memudahkan dalam

penjadwalan mengajar guru, jadwal pelajaran siswa, data tugas siswa

jadwal ujian siswa.

7.

Sebagai salah satu instalasi pendidikan yang merancang sebuh sistem

informasi pendidikan berbasis web dengan bantuan teknologi informasi,

maka proses informasinya dapat dilakukan oleh siapapun dan dimana

saja sehingga memudahkan siswa dan guru baik dari segi biaya maupun

waktu.

6.2 Saran

1.

Pemilihan dan Pelatihan Personil.

Page 269: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Jika sistem baru dikembangkan dalam instansi dan diharapkan dapat

dimanfaatkan dengan berhasil, setiap orang yang terkait dengan sistem

125

Page 270: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

tersebut harus dibuat sadar tentang tanggung jawab masing-masing

terhadap pelaksanaan bagian sistem yang menjadi tanggung jawabnya

dan tentang apa yang dapat di manfaatkan dari sistem tersebut bagi

pelaksanaan tugasnya. Karyawan yang akan mengikuti pendidikan dan

pelatihan dibagi menjadi dua golongan, yaitu :

a.

Karyawan pemakai informasi

b. Karyawan pelaksana informasi

Pelatihan karyawan ditujukan kepada karyawan yang akan

mengoperasikan sistem. Karyawan yang mengoperasikan sistem terdiri

dari karyawan yang bertugas untuk menyiapakan masukan, mengolah

data, menjaga komponen fisik dan logis sistem.

2.

Pemilihan tempat dan instalasi perangkat keras dan perangkat lunak.

Jika peralatan baru akan dimiliki, maka tempat atau ruangan untuk

peralatan ini perlu dipersiapkan terlebih dahulu. Keamanan fisik dari

tempat ini juga perlu dipertimbangkan. Sistem komputer membutuhkan

tempat dengan lingkungan yang harus diperhitungkan. Persiapan fisik ini

meliputi juga AC (air conditioner) untuk mengatur temperature ruangan,

penerangan yang cukup, UPS, dan lain sebagainya. Untuk komputer

mikro, persiapan-persiapan fisik ruangan dapat lebih sederhana. Hal

yang perlu diperhatikan adalah peletakan perabot-perabot sehingga

semua peralatan dapat mudah dijangkau secara efektif. Langkah

selanjutnya setelah persiapan fisik tempat adalah menginstalasi

Page 271: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

126

Page 272: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

perangkat lunak yang sudah dikirim dan menginstalasi perangkat lunak

yang sudah ada.

3.

Pemrograman dan Pengetesan Program.

Pemrograman (programming) merupakan kegiatan menulis kode

program yang akan dieksekusi oleh komputer. Kode program yang ditulis

oleh pemrogram (programmer) harus berdasarkan dokumentasi uang

yang disediakan oleh analisis sistem hasil dari desain sistem secara rinci.

Hasil program yang sesuai dengan desainnya akan menghasilkan

program yang sesuai dengan yang dibutuhkan oleh pemakai sistem.

Sebelum program diterapkan,maka program harus bebas terlebih dahulu

dari kesalahan-kesalahan.Oleh karena itu program harus ditest terlebih

dahulu untuk menemukan kesalahan-kesalahan yang mungkin terjadi.

Program ditest untuk tiap-tiap modul dan dilanjutkan dengan pengetesan

untuk semua modul yang telah dirangkai.

4.

Kesalahan dari program yang terjadi dapat diklasifikasikan dalam 3

bentuk yaitu :

a.

Kesalahan Bahasa (language errors) atau disebut juga dengan

kesalahan penulisan (syntax errors) atau kesalahan tata bahasa

(grammatical errors) adalah kesalahan didalam penulisan source

program yang tidak sesuai dengan yang telah disyaratkan

Page 273: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

b.

Kesalahan sewaktu proses (run-time errors), adalah kesalahan yang

terjadi sewaktu program dijalankan. Kesalahan ini dapat

menyebabkan proses program berhenti sebelum selesai pada saatnya

127

Page 274: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

atau tidak menampilkan apap-apa, kesalahan ini terjadi karena

setingan diserver salah atau penulisan internet address yang kurang

lengkap.

c.

Kesalahan Logika (logical errors) adalah kesalahan dari logika

program yang dibuat. Kesalahan seperti ini agak sulit ditemukan,

karena harus mencari satu demi satu, baris demi baris dari semua

program yang telah debuat.

5.

Setelah Sistem Informasi Akademik berbasis Web tersebut berjalan

dengan efektif dan efisien diharapkan dapat dikembang lagi sebagai

sarana pendukung sekolah yang lain. Misal dapat juga membuat sistem

pendaftaran On-line, Sistem Absensi Online, Sistem perpustakaan Cyber

dan Sistem Pembayaran Online. Dimana Perubahan itu nanti diarahkan

pada perkembangan yang lebih maju, canggih dan efisien dengan

pemanfatan media website yang berorientasi Online. Sehingga para

pengguna sistem dapat mengakses setiap waktu dan dimanapun

tempatnya tanpa ada pembatasan waktu dan tempat yang diharapkan

informasi dapat langsung diakses dengan cepat, tepat dan akurat.

6.

Sebagai salah satu tulisan ilmiah kelengkapan dan keakuratan tulisan ini

menjadi satu hal yang sangat penting, namun keterbatasan yang dimiliki

oleh penulis untuk menyusun tugas akhir ini tidak memungkinkan untuk

membaca seluruh literatur yang berhubungan dengan sistem ini. Untuk

Page 275: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

itu penulis menyarankan terutama terhadap penulis sendiri supaya

memperbanyak membaca literatur yang berhubungan dengan sistem ini.

128

Page 276: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

DAFTAR PUSTAKA

Andri Kristanto, Perancangan Sistem Informasi dan Aplikasinya, Gava Media,

Yogyakarta, 2003.

Fathansyah, Basis Data, Informatika, Bandung, 1999.

Jogiyanto H.M, Analisa dan Desain Sistem Informasi, Andi, Yogyakarta, 1999

Roger S. Presman, Rekayasa Perangkat Lunak, Andi, Yogyakarta, 2002.

Syafii, M, Membangun Aplikasi Berbasis PHP dan MYSQL, Malang, 2004.

Sakur, Stendy B, Aplikasi Web Database dengan Dreamweaver MX 2004,

ANDI, Yogyakarta, 2005.

Tavri D. Mahyuzir, Pengantar Analisis Dan Perancangan Perangkat Lunak, PT.

Elex Media Komputindo, Jakarta, 1991.

Page 277: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

LISTING PROGRAM

Tempat Penyimpanan File .php :

Folder SMP6

Folder SMP6/connect

Folder SMP6/include

Koneksi ke MySQL

Untuk koneksi ke database server MySQL kita harus menggunakan suatu sintaks separti berikut;

conn.php // file simpan Folder SMP6/connect

<?

error_reporting(E_ERROR | E_PARSE | E_CORE_ERROR);

$dbservertype='mysql';

$servername='localhost';

$dbusername='root';

$dbpassword='root';

$dbname='smp6';

{

global $link;

Page 278: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

$link=mysql_connect ("$servername","$dbusername","$dbpassword");

if(!$link){die("Could not connect to MySQL");}

mysql_select_db("$dbname",$link) or die ("could not open db".mysql_error());

}

?>

<! ---Connect selesai --->

newsession.php // file simpan Folder SMP6/connect

<?php

//error_reporting(E_ERROR | E_PARSE | E_CORE_ERROR);

$session['userid']=$userid;

//echo $session['userid'];

?>

<! ---newsession selesai --->

session.php // file simpan Folder SMP6/connect

<?php

session_start();

session_register("session");

Page 279: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

?>

<! ---session selesai --->

index.php // file simpan folder SMP6/

<?

$user = $suser;

include "connect/conn.php";

include "connect/session.php";

?>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Page 280: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<html xmlns="http://www.w3.org/1999/xhtml"><head>

<title>Official Website By Bambang Nurdiyansah</title>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<link rel="stylesheet" type="text/css" media="screen,projection,print" href="CSS/style.css">

</head>

<body

onload="MM_preloadImages('index.php_files/index_r1_c2_f2.gif','images/index_r1_c3_f2.gif','images/index_r1_c5

_f2.gif','images/index_r1_c6_f2.gif','images/index_r1_c8_f2.gif','images/index_r1_c9_f2.gif');" bgcolor="#ffffff"

topmargin="0">

<?

if(empty($main)){

$main = "main";

?>

<table width="759" align="center" border="0" cellpadding="0" cellspacing="0">

<!--DWLayoutTable-->

<tbody><tr>

<td width="49"><img src="index.php_files/spacer.gif" alt="" width="100%" border="0" height="1"></td>

<td width="85"><img src="index.php_files/spacer.gif" alt="" width="100%" border="0" height="1"></td>

Page 281: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<td colspan="2"><img src="index.php_files/spacer.gif" alt="" width="100%" border="0" height="8"></td>

<td colspan="2"><img src="index.php_files/spacer.gif" alt="" width="100%" border="0" height="8"></td>

<td colspan="3"><!--DWLayoutEmptyCell-->&nbsp;</td>

<td colspan="2"><img src="index.php_files/spacer.gif" alt="" width="100%" border="0" height="8"><img

src="index.php_files/spacer.gif" alt="" width="83" border="0" height="1"></td>

</tr>

<tr>

<td><img name="index_r1_c1" src="index.php_files/index_r1_c1.gif" id="index_r1_c1" alt="" width="49"

border="0" height="40"></td>

<td><a href="index.php"><img src="index.php_files/index_r1_c2.gif" id="index_r1_c2" alt="" width="85"

border="0" height="40"></a></td>

<td colspan="2"><a href="index.php?main=profil"><img name="index_r1_c3"

src="index.php_files/index_r1_c3.gif" id="index_r1_c3" alt="" width="155" border="0" height="40"> </a> </td>

<td width="128"><a href="index.php?main=fasilitas"><img name="index_r1_c5"

src="index.php_files/index_r1_c5.gif" id="index_r1_c5" alt="" width="128" border="0" height="40"></a></td>

<td colspan="3"><a href="index.php?main=presst_siswa"><img name="index_r1_c6"

src="index.php_files/index_r1_c6.gif" id="index_r1_c6" alt="" width="118" border="0" height="40"></a></td>

<td width="97"><a href="index.php?main=info_guru"><img name="index_r1_c8"

src="index.php_files/index_r1_c8.gif" id="index_r1_c8" alt="" width="94" border="0" height="40"></a></td>

Page 282: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<td width="89"> <a href=mailto:[email protected] target="_parent"><img name="index_r1_c9"

src="index.php_files/index_r1_c9.gif" id="index_r1_c9" alt="" width="83" border="0" height="40"></a></td>

<td width="47"><img name="index_r1_c10" src="index.php_files/index_r1_c10_main.gif" id="index_r1_c10"

alt="" width="47" border="0" height="40"></td>

</tr>

<tr>

<td style="border-left: 1px solid rgb(119, 119, 119);" bgcolor="#e8e8e7" height="143">&nbsp;</td>

<td colspan="9" valign="top" bgcolor="#e6e6e6"><img src="images/gb4.jpg" border="0"/>

</td>

<td style="border-right: 1px solid rgb(153, 153, 153);" bgcolor="#e6e6e6">&nbsp;</td>

</tr>

<tr>

<td style="border-left: 1px solid rgb(119, 119, 119);" bgcolor="#e8e8e7" height="117">&nbsp;</td>

<td colspan="6" valign="top" background="index.php_files/index_r3_c2.gif" bgcolor="#e6e6e6">

Page 283: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<div style="border: 1px solid rgb(153, 153, 153); padding: 10px; background-color: rgb(255, 255, 255);"

align="center">

<?

$pad = "include/";

$eks = ".php";

Page 284: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

$main = $pad.$main.$eks;

include $main;

?>

</div>

</td>

<td colspan="3" valign="top" bgcolor="#e6e6e6" style="padding: 0px 0px 0px 20px;">

<table width="100%" align="center" border="0" cellpadding="1" cellspacing="1">

<tbody>

<tr>

<td style="border-bottom: 1px solid rgb(153, 153, 153); padding: 4px 0px; color: rgb(51, 51, 51);">

<?

if($sstatus=="a"||$sstatus=="b"||$sstatus=="s"){

if(!empty($masuk))

?>

<a href="out_user.php" class="navigation"><strong><font color="#FF0000"> Log Out

[ <? echo "$userid"?> ] </font></strong></a> <? } ?>

Page 285: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

</td>

</tr>

<tr>

<td style="border-bottom: 1px solid rgb(153, 153, 153); padding: 4px 0px; color: rgb(51, 51, 51);"><div

align="center"><strong>Main Menu </strong></div></td>

</tr>

<tr>

<td style="border-bottom: 1px solid rgb(153, 153, 153); padding: 4px 0px; color: rgb(51, 51,

51);"><strong><img src="index.php_files/bullet_2b.gif" align="absmiddle" border="0"> <a

href="index.php?main=info_siswa">Profile Siswa </a></strong></td>

</tr>

<tr>

<td style="border-bottom: 1px solid rgb(153, 153, 153); padding: 4px 0px; color: rgb(51, 51,

51);"><strong><img src="index.php_files/bullet_2b.gif" align="absmiddle" border="0"> <a

href="index.php?main=info_guru">Profile Guru </a></strong></td>

Page 286: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

</tr>

<tr>

<td style="border-bottom: 1px solid rgb(153, 153, 153); padding: 4px 0px; color: rgb(51, 51,

51);"><strong><img src="index.php_files/bullet_2b.gif" align="absmiddle" border="0"><a

href="index.php?main=kalender_akademik"> Kalendar Sekolah </a></strong></td>

</tr>

<tr>

<td style="border-bottom: 1px solid rgb(153, 153, 153); padding: 4px 0px; color: rgb(51, 51,

51);"><strong><img src="index.php_files/bullet_2b.gif" align="absmiddle" border="0"><a

href="index.php?main=berita&awal=0"> News </a></strong></td>

</tr>

</tbody>

</table>

<br>

<? if(! session_is_registered(masuk)){ ?>

Page 287: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<table width="100%" align="center" border="0" cellpadding="1" cellspacing="1">

<tbody>

<tr>

<td style="border-bottom: 1px solid rgb(153, 153, 153); padding: 4px 0px; color: rgb(51, 51, 51);"><div

align="center"><strong>Informasi</strong></div></td>

</tr>

<tr>

Page 288: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<td style="border-bottom: 1px solid rgb(153, 153, 153); padding: 4px 0px; color: rgb(51, 51,

51);"><strong><img src="index.php_files/bullet_2b.gif" align="absmiddle" border="0" /> <a

href="index.php?main=login">Login User </a></strong></td>

</tr>

</tbody>

</table>

<? } ?>

<?

// status a = Administrator

// status b = Guru

// status s = siswa

if($sstatus=="s"){

?> <table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td class="judul"><hr />&nbsp;<strong>Menu Siswa</strong>

<hr /> </td>

Page 289: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

</tr>

<tr>

<td>

<table width="98%" border="0" align="right" cellpadding="1" cellspacing="1" class="style1">

<tr>

<td style="border-bottom: 1px solid rgb(153, 153, 153); padding: 4px 0px; color: rgb(51, 51,

51);"><strong><img src="index.php_files/bullet_2b.gif" align="absmiddle" border="0">Data Tugas </td>

</tr>

<tr>

<td style="border-bottom: 1px solid rgb(153, 153, 153); padding: 4px 0px; color: rgb(51, 51,

51);"><strong><img src="index.php_files/bullet_2b.gif" align="absmiddle" border="0"><a

href="index.php?send=jadwal_pelajaran" class="link style1">Jadwal Pelajaran </a> </td>

</tr>

<tr>

<td style="border-bottom: 1px solid rgb(153, 153, 153); padding: 4px 0px; color: rgb(51, 51,

Page 290: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

51);"><strong><img src="index.php_files/bullet_2b.gif" align="absmiddle" border="0"> <a

href="index.php?send=daftar_nilai" class="link">Jadwal Ujian </a></td>

</tr>

</table>

</td>

</tr>

<tr> </tr>

<tr> </tr>

</table>

<?

}

?>

<?

// status a = Administrator

// status b = Guru

// status s = siswa

Page 291: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

if($sstatus=="b"){

?>

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<!--DWLayoutTable-->

<tr>

<td width="150" class="judul"><hr />&nbsp;<strong>Menu Guru</strong>

<hr /></td>

</tr>

<tr>

Page 292: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<td>

<table width="98%" border="0" align="right" cellpadding="1" cellspacing="1">

<tr>

<td style="border-bottom: 1px solid rgb(153, 153, 153); padding: 4px 0px; color: rgb(51, 51,

51);"><strong><img src="index.php_files/bullet_2b.gif" align="absmiddle" border="0"> <a

href="index.php?main=cari_jadwal" class="link">Jadwal Mengajar </a></td>

</tr>

<tr>

<td style="border-bottom: 1px solid rgb(153, 153, 153); padding: 4px 0px; color: rgb(51, 51,

51);"><strong><img src="index.php_files/bullet_2b.gif" align="absmiddle" border="0"> <a

href="index.php?main=down" class="link">Data Tugas Siswa </a></td>

</tr>

</table>

</td>

</tr>

Page 293: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<tr> </tr>

<tr> </tr>

<tr> </tr>

</table>

<?

}

?>

<br>

<?

// status a = Administrator

// status b = Guru

// status s = siswa

if($sstatus=="a"){

?>

<table width="100%" border="0" cellpadding="1" cellspacing="1">

<!--DWLayoutTable-->

<tr>

<td width="150" class="judul"><hr /> <strong>&nbsp;Menu Admnistrator </strong>

Page 294: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<hr /></td>

</tr>

<tr>

<td>

<table width="100%" border="0" align="right" cellpadding="1" cellspacing="1">

<tr>

<td style="border-bottom: 1px solid rgb(153, 153, 153); padding: 4px 0px; color: rgb(51, 51,

51);"><strong><img src="index.php_files/bullet_2b.gif" align="absmiddle" border="0"> <a

href="index.php?main=InptGuru" class="link">Data Guru </a></td>

</tr>

<tr>

<td style="border-bottom: 1px solid rgb(153, 153, 153); padding: 4px 0px; color: rgb(51, 51,

51);"><strong><img src="index.php_files/bullet_2b.gif" align="absmiddle" border="0"> <a

href="index.php?main=Inptsiswa" class="link">Data Siswa </a></td>

</tr>

Page 295: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<tr>

<td style="border-bottom: 1px solid rgb(153, 153, 153); padding: 4px 0px; color: rgb(51, 51,

51);"><strong><img src="index.php_files/bullet_2b.gif" align="absmiddle" border="0"> <a

href="index.php?main=cari_guru" class="link">Data Jadwal Mengajar </a> </td>

</tr>

<tr>

Page 296: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<td style="border-bottom: 1px solid rgb(153, 153, 153); padding: 4px 0px; color: rgb(51, 51,

51);"><strong><img src="index.php_files/bullet_2b.gif" align="absmiddle" border="0"> <a

href="index.php?main=jadwal_pelajaran" class="link">Jadwal Pelajaran</a></td>

</tr>

<tr>

<td style="border-bottom: 1px solid rgb(153, 153, 153); padding: 4px 0px; color: rgb(51, 51,

51);"><strong><img src="index.php_files/bullet_2b.gif" align="absmiddle" border="0"> <a

href="index.php?main=isi_berita" class="link">Add News </a></td>

</tr>

</table>

</td>

</tr>

<tr> </tr>

<tr> </tr>

<tr> </tr>

</table>

<?

Page 297: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

}

?>

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<!--DWLayoutTable-->

<tr>

<td width="150" class="judul"></td>

</tr>

<tr> </tr>

<tr>

<td align="center" class="style3"><img src="images/logo_diknas.gif" width="54" height="53" /><img

src="images/sekolah2000.gif" width="90" height="40" /></td>

</tr>

<tr>

<td align="center" class="style3">&nbsp;</td>

</tr>

</table>

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">

Page 298: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<tr>

<td colspan="3" align="center">Anda pengujung Ke :</td>

</tr>

<tr>

<td>&nbsp;</td>

<td align="center">

<?

if ($b=="") {

$fp = fopen("counter/counter.txt","r");

$jumlah = fgets($fp,255);

fclose($fp);

if ($jumlah == 999999) {

$jumlah = 000001;

} else {

$temp = $jumlah + 1;

}

$fw = fopen("counter/counter.txt","w");

$dt = ltrim($temp);

$length = strlen($dt);

Page 299: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

$zero = "000000";

if ($length < 6) {

$tb = substr($zero,0,(6-$length));

Page 300: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

$a = substr_replace($dt,$tb,0,-strlen($tb));

}

$jumlah_baru = fputs($fw,$a);

fclose($fw);

$b = "$a";

session_register("b");

} else {

$a = $b;

}

$i =0;

for ($i >= 0; $i < strlen($a); $i++)

{

$x = substr($a,$i,1);

echo "<img src='images/counter/$x.jpg' height=18 align=absmiddle>";

}

?>

</td>

<td>&nbsp;</td>

</tr>

<tr> </tr>

Page 301: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

</table>

<table width="100%" align="center" border="0" cellpadding="0" cellspacing="0">

<tbody>

<tr>

<td style="padding: 30px 0px 10px; color: rgb(0, 51, 153);">&nbsp;</td>

</tr>

<tr>

<td style="padding: 0px 0px 10px;" align="center"><strong>Alamat:</strong></td>

</tr>

<tr>

<td align="center">Jl.P.A Tendean no.14<br>

Email: [email protected]<br>

Telp.: 081325685388 <br>

<br></td>

</tr>

</tbody></table> </td>

Page 302: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<td style="border-right: 1px solid rgb(153, 153, 153);" bgcolor="#e6e6e6">&nbsp;</td>

</tr>

<tr>

<td><img name="index_r8_c1" src="index.php_files/index_r8_c1.gif" id="index_r8_c1" alt="" width="49"

border="0" height="20"></td>

<td colspan="9"><img name="index_r8_c2" src="index.php_files/index_r8_c2.gif" id="index_r8_c2" alt=""

width="663" border="0" height="20"></td>

<td><img name="index_r8_c10" src="index.php_files/index_r8_c10.gif" id="index_r8_c10" alt="" width="47"

border="0" height="20"></td>

</tr>

<tr>

<td></td>

<td></td>

<td width="148"></td>

<td width="7"></td>

<td></td>

<td width="14"></td>

<td width="105"></td>

<td width="3"></td>

Page 303: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<td></td>

Page 304: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<td></td>

<td></td>

</tr>

</tbody></table>

<table width="759" align="center" border="0" cellpadding="0" cellspacing="0">

<tbody><tr>

<td width="389" height="28">&nbsp;</td>

<td style="padding: 5px 5px 0px 0px; color: rgb(102, 102, 102);" width="390"><div align="right">Developed :

Bambang Nurdiyansah <a class="pw" href="http://www.arifdm.com/"

target="_blank"></a>&nbsp;&nbsp;&nbsp;</div></td>

</tr>

</tbody></table>

</body>

</html>

<?

}

else

{

?>

Page 305: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<table width="759" align="center" border="0" cellpadding="0" cellspacing="0">

<!--DWLayoutTable-->

<tbody><tr>

<td width="49"><img src="index.php_files/spacer.gif" alt="" width="100%" border="0" height="1"></td>

<td width="85"><img src="index.php_files/spacer.gif" alt="" width="100%" border="0" height="1"></td>

<td colspan="2"><img src="index.php_files/spacer.gif" alt="" width="100%" border="0" height="8"></td>

<td colspan="2"><img src="index.php_files/spacer.gif" alt="" width="100%" border="0" height="8"></td>

<td colspan="3"><!--DWLayoutEmptyCell-->&nbsp;</td>

<td colspan="2"><img src="index.php_files/spacer.gif" alt="" width="100%" border="0" height="8"><img

src="index.php_files/spacer.gif" alt="" width="83" border="0" height="1"></td>

</tr>

<tr>

<td><img name="index_r1_c1" src="index.php_files/index_r1_c1.gif" id="index_r1_c1" alt="" width="49"

border="0" height="40"></td>

<td><a href="index.php"><img src="index.php_files/index_r1_c2.gif" id="index_r1_c2" alt="" width="85"

border="0" height="40"></a></td>

<td colspan="2"><a href="index.php?main=profil"><img name="index_r1_c3"

Page 306: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

src="index.php_files/index_r1_c3.gif" id="index_r1_c3" alt="" width="155" border="0" height="40"> </a> </td>

<td width="128"><a href="index.php?main=fasilitas"><img name="index_r1_c5"

src="index.php_files/index_r1_c5.gif" id="index_r1_c5" alt="" width="128" border="0" height="40"></a></td>

<td colspan="3"><a href="index.php?main=presst_siswa"><img name="index_r1_c6"

src="index.php_files/index_r1_c6.gif" id="index_r1_c6" alt="" width="118" border="0" height="40"></a></td>

<td width="97"><a href="index.php?main=info_guru"><img name="index_r1_c8"

src="index.php_files/index_r1_c8.gif" id="index_r1_c8" alt="" width="94" border="0" height="40"></a></td>

<td width="89"> <a href=mailto:[email protected] target="_parent"><img name="index_r1_c9"

src="index.php_files/index_r1_c9.gif" id="index_r1_c9" alt="" width="83" border="0" height="40"></a></td>

<td width="47"><img name="index_r1_c10" src="index.php_files/index_r1_c10_main.gif" id="index_r1_c10"

alt="" width="47" border="0" height="40"></td>

</tr>

<tr>

<td style="border-left: 1px solid rgb(119, 119, 119);" bgcolor="#e8e8e7" height="143">&nbsp;</td>

<td colspan="9" valign="top" bgcolor="#e6e6e6"><img src="images/gb4.jpg" border="0"/>

</td>

Page 307: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<td style="border-right: 1px solid rgb(153, 153, 153);" bgcolor="#e6e6e6">&nbsp;</td>

</tr>

<tr>

<td style="border-left: 1px solid rgb(119, 119, 119);" bgcolor="#e8e8e7" height="117">&nbsp;</td>

Page 308: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<td colspan="6" valign="top" background="index.php_files/index_r3_c2.gif" bgcolor="#e6e6e6">

<div style="border: 1px solid rgb(153, 153, 153); padding: 10px; background-color: rgb(255, 255, 255);"

align="center">

<?

$pad = "include/";

$eks = ".php";

$main = $pad.$main.$eks;

include $main;

?>

</div>

</td>

<td colspan="3" valign="top" bgcolor="#e6e6e6" style="padding: 0px 0px 0px 20px;">

<table width="100%" align="center" border="0" cellpadding="1" cellspacing="1">

<tbody>

<tr>

<td style="border-bottom: 1px solid rgb(153, 153, 153); padding: 4px 0px; color: rgb(51, 51, 51);">

Page 309: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<?

if($sstatus=="a"||$sstatus=="b"||$sstatus=="s"){

if(!empty($masuk))

?>

<a href="out_user.php" class="navigation"><strong><font color="#FF0000"> Log Out

[ <? echo "$userid"?> ] </font></strong></a> <? } ?>

</td>

</tr>

<tr>

<td style="border-bottom: 1px solid rgb(153, 153, 153); padding: 4px 0px; color: rgb(51, 51, 51);"><div

align="center"><strong>Main Menu </strong></div></td>

</tr>

<tr>

<td style="border-bottom: 1px solid rgb(153, 153, 153); padding: 4px 0px; color: rgb(51, 51,

51);"><strong><img src="index.php_files/bullet_2b.gif" align="absmiddle" border="0"> <a

Page 310: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

href="index.php?main=info_siswa">Profile Siswa </a></strong></td>

</tr>

<tr>

<td style="border-bottom: 1px solid rgb(153, 153, 153); padding: 4px 0px; color: rgb(51, 51,

51);"><strong><img src="index.php_files/bullet_2b.gif" align="absmiddle" border="0"> <a

href="index.php?main=info_guru">Profile Guru </a></strong></td>

</tr>

<tr>

<td style="border-bottom: 1px solid rgb(153, 153, 153); padding: 4px 0px; color: rgb(51, 51,

51);"><strong><img src="index.php_files/bullet_2b.gif" align="absmiddle" border="0"><a

href="index.php?main=kalender_akademik"> Kalendar Sekolah </a></strong></td>

</tr>

<tr>

<td style="border-bottom: 1px solid rgb(153, 153, 153); padding: 4px 0px; color: rgb(51, 51,

Page 311: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

51);"><strong><img src="index.php_files/bullet_2b.gif" align="absmiddle" border="0"><a

href="index.php?main=berita&awal=0"> News </a></strong></td>

</tr>

</tbody>

</table>

<br>

<? if(! session_is_registered(masuk)){ ?>

<table width="100%" align="center" border="0" cellpadding="1" cellspacing="1">

<tbody>

<tr>

Page 312: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<td style="border-bottom: 1px solid rgb(153, 153, 153); padding: 4px 0px; color: rgb(51, 51, 51);"><div

align="center"><strong>Informasi</strong></div></td>

</tr>

<tr>

<td style="border-bottom: 1px solid rgb(153, 153, 153); padding: 4px 0px; color: rgb(51, 51,

51);"><strong><img src="index.php_files/bullet_2b.gif" align="absmiddle" border="0" /> <a

href="index.php?main=login">Login User </a></strong></td>

</tr>

</tbody>

</table>

<? } ?>

<?

// status a = Administrator

// status b = Guru

// status s = siswa

if($sstatus=="s"){

Page 313: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

?> <table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td class="judul"><hr />&nbsp;<strong>Menu Siswa</strong>

<hr /> </td>

</tr>

<tr>

<td>

<table width="98%" border="0" align="right" cellpadding="1" cellspacing="1" class="style1">

<tr>

<td style="border-bottom: 1px solid rgb(153, 153, 153); padding: 4px 0px; color: rgb(51, 51,

51);"><strong><img src="index.php_files/bullet_2b.gif" align="absmiddle" border="0">Data Tugas </td>

</tr>

<tr>

<td style="border-bottom: 1px solid rgb(153, 153, 153); padding: 4px 0px; color: rgb(51, 51,

51);"><strong><img src="index.php_files/bullet_2b.gif" align="absmiddle" border="0"><a

Page 314: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

href="index.php?send=jadwal_pelajaran" class="link style1">Jadwal Pelajaran </a> </td>

</tr>

<tr>

<td style="border-bottom: 1px solid rgb(153, 153, 153); padding: 4px 0px; color: rgb(51, 51,

51);"><strong><img src="index.php_files/bullet_2b.gif" align="absmiddle" border="0"> <a

href="index.php?send=daftar_nilai" class="link">Jadwal Ujian </a></td>

</tr>

</table>

</td>

</tr>

<tr> </tr>

<tr> </tr>

</table>

<?

}

?>

Page 315: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<?

// status a = Administrator

// status b = Guru

// status s = siswa

if($sstatus=="b"){

?>

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<!--DWLayoutTable-->

<tr>

Page 316: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<td width="150" class="judul"><hr />&nbsp;<strong>Menu Guru</strong>

<hr /></td>

</tr>

<tr>

<td>

<table width="98%" border="0" align="right" cellpadding="1" cellspacing="1">

<tr>

<td style="border-bottom: 1px solid rgb(153, 153, 153); padding: 4px 0px; color: rgb(51, 51,

51);"><strong><img src="index.php_files/bullet_2b.gif" align="absmiddle" border="0"> <a

href="index.php?main=cari_jadwal" class="link">Jadwal Mengajar </a></td>

</tr>

<tr>

<td style="border-bottom: 1px solid rgb(153, 153, 153); padding: 4px 0px; color: rgb(51, 51,

51);"><strong><img src="index.php_files/bullet_2b.gif" align="absmiddle" border="0"> <a

href="index.php?main=down" class="link">Data Tugas Siswa </a></td>

Page 317: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

</tr>

</table>

</td>

</tr>

<tr> </tr>

<tr> </tr>

<tr> </tr>

</table>

<?

}

?>

<br>

<?

// status a = Administrator

// status b = Guru

// status s = siswa

if($sstatus=="a"){

Page 318: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

?>

<table width="100%" border="0" cellpadding="1" cellspacing="1">

<!--DWLayoutTable-->

<tr>

<td width="150" class="judul"><hr /> <strong>&nbsp;Menu Admnistrator </strong>

<hr /></td>

</tr>

<tr>

<td>

<table width="100%" border="0" align="right" cellpadding="1" cellspacing="1">

<tr>

<td style="border-bottom: 1px solid rgb(153, 153, 153); padding: 4px 0px; color: rgb(51, 51,

51);"><strong><img src="index.php_files/bullet_2b.gif" align="absmiddle" border="0"> <a

href="index.php?main=InptGuru" class="link">Data Guru </a></td>

</tr>

<tr>

Page 319: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<td style="border-bottom: 1px solid rgb(153, 153, 153); padding: 4px 0px; color: rgb(51, 51,

51);"><strong><img src="index.php_files/bullet_2b.gif" align="absmiddle" border="0"> <a

href="index.php?main=Inptsiswa" class="link">Data Siswa </a></td>

</tr>

<tr>

<td style="border-bottom: 1px solid rgb(153, 153, 153); padding: 4px 0px; color: rgb(51, 51,

51);"><strong><img src="index.php_files/bullet_2b.gif" align="absmiddle" border="0"> <a

href="index.php?main=cari_guru" class="link">Data Jadwal Mengajar </a> </td>

Page 320: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

</tr>

<tr>

<td style="border-bottom: 1px solid rgb(153, 153, 153); padding: 4px 0px; color: rgb(51, 51,

51);"><strong><img src="index.php_files/bullet_2b.gif" align="absmiddle" border="0"> <a

href="index.php?main=jadwal_pelajaran" class="link">Jadwal Pelajaran</a></td>

</tr>

<tr>

<td style="border-bottom: 1px solid rgb(153, 153, 153); padding: 4px 0px; color: rgb(51, 51,

51);"><strong><img src="index.php_files/bullet_2b.gif" align="absmiddle" border="0"> <a

href="index.php?main=isi_berita" class="link">Add News </a></td>

</tr>

</table>

</td>

</tr>

<tr> </tr>

<tr> </tr>

<tr> </tr>

Page 321: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

</table>

<?

}

?>

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<!--DWLayoutTable-->

<tr>

<td width="150" class="judul"></td>

</tr>

<tr> </tr>

<tr>

<td align="center" class="style3"><img src="images/logo_diknas.gif" width="54" height="53" /><img

src="images/sekolah2000.gif" width="90" height="40" /></td>

</tr>

<tr>

Page 322: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<td align="center" class="style3">&nbsp;</td>

</tr>

</table>

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>

<td colspan="3" align="center">Anda pengujung Ke :</td>

</tr>

<tr>

<td>&nbsp;</td>

<td align="center">

<?

if ($b=="") {

$fp = fopen("counter/counter.txt","r");

$jumlah = fgets($fp,255);

fclose($fp);

if ($jumlah == 999999) {

$jumlah = 000001;

} else {

$temp = $jumlah + 1;

Page 323: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

}

$fw = fopen("counter/counter.txt","w");

$dt = ltrim($temp);

$length = strlen($dt);

$zero = "000000";

Page 324: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

if ($length < 6) {

$tb = substr($zero,0,(6-$length));

$a = substr_replace($dt,$tb,0,-strlen($tb));

}

$jumlah_baru = fputs($fw,$a);

fclose($fw);

$b = "$a";

session_register("b");

} else {

$a = $b;

}

$i =0;

for ($i >= 0; $i < strlen($a); $i++)

{

$x = substr($a,$i,1);

echo "<img src='images/counter/$x.jpg' height=18 align=absmiddle>";

}

?>

</td>

<td>&nbsp;</td>

</tr>

<tr> </tr>

Page 325: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

</table>

<table width="100%" align="center" border="0" cellpadding="0" cellspacing="0">

<tbody>

<tr>

<td style="padding: 30px 0px 10px; color: rgb(0, 51, 153);">&nbsp;</td>

</tr>

<tr>

<td style="padding: 0px 0px 10px;" align="center"><strong>Alamat:</strong></td>

</tr>

<tr>

<td align="center">Jl.P.A Tendean no.14 <br>

Email: [email protected]<br>

Telp.: 081325685388 <br>

<br></td>

Page 326: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

</tr>

</tbody></table> </td>

<td style="border-right: 1px solid rgb(153, 153, 153);" bgcolor="#e6e6e6">&nbsp;</td>

</tr>

<tr>

<td><img name="index_r8_c1" src="index.php_files/index_r8_c1.gif" id="index_r8_c1" alt="" width="49"

border="0" height="20"></td>

<td colspan="9"><img name="index_r8_c2" src="index.php_files/index_r8_c2.gif" id="index_r8_c2" alt=""

width="663" border="0" height="20"></td>

<td><img name="index_r8_c10" src="index.php_files/index_r8_c10.gif" id="index_r8_c10" alt="" width="47"

border="0" height="20"></td>

</tr>

<tr>

<td></td>

<td></td>

<td width="148"></td>

<td width="7"></td>

<td></td>

<td width="14"></td>

Page 327: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<td width="105"></td>

Page 328: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<td width="3"></td>

<td></td>

<td></td>

<td></td>

</tr>

</tbody></table>

<table width="759" align="center" border="0" cellpadding="0" cellspacing="0">

<tbody><tr>

<td width="389" height="28">&nbsp;</td>

<td style="padding: 5px 5px 0px 0px; color: rgb(102, 102, 102);" width="390"><div align="right">Developed :

Bambang Nurdiyansah <a class="pw" href="http://www.arifdm.com/"

target="_blank"></a>&nbsp;&nbsp;&nbsp;</div></td>

</tr>

</tbody></table>

</body>

</html>

<?

}

?>

Page 329: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<! ---index selesai --->

inpt_guru.php // file simpan folder SMP6/include

<?php

include "connect/conn.php";

$cskec = mysql_query("select * from mapel");

$propinsi = mysql_query ("select * from guru");

$sql = "select count(*) as jml from guru";

$query = mysql_query($sql);

$hasil = mysql_fetch_array($query);

if (empty($hasil[0]))

{ $kd_guru = "D-001";}

else

{ $no=$hasil[0]+1;

$kd_guru ='D-'.substr('000',1,4-strlen($hasil[0])).$no;

}

?>

<link rel="stylesheet" type="text/css" media="screen,projection,print" href="members.php_files/style.css">

<style type="text/css">

<!-.

Page 330: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

style1 {font-weight: bold}

-->

</style>

<form name="" method="post" action="index.php?main=gurusimpan" enctype=multipart/form-data>

<table style="border: 1px solid rgb(153, 153, 153);" width="100%" border="0" cellpadding="0" cellspacing="0">

<tr></tr>

<tr bgcolor="#cfe7d9">

<td width="944" bgcolor="#FFFFFF">

<table width=100% align="center" cellpadding=1 cellspacing="1" class="teks">

<tr>

<td colspan=4 bgcolor="#f4f4f4" align="center"><strong>Pendatan guru</strong><hr></td>

</tr>

<tr>

<td>&nbsp;</td>

<td>&nbsp;</td>

Page 331: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<td>&nbsp;</td>

</tr>

<tr>

<td width="287">Kode guru</td>

<td width="22">:</td>

<td width="559"><input type=text name=kd_guru size=8 value="<?php echo "$kd_guru"; ?>"

style="border: 1px solid rgb(0, 0, 0); background-color: rgb(255, 255, 204);">

</td>

</tr>

<tr>

<td>Nama</td>

<td>:</td>

<td><input type=text name=nama size=30 style="border: 1px solid rgb(0, 0, 0); background-color: rgb(255,

255, 204);"></td>

</tr>

Page 332: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<tr>

<td>Tempat,Tgl Lahir </td>

<td>: </td>

<td><input type=text name=tempat_lhr size=15 style="border: 1px solid rgb(0, 0, 0); background-color:

rgb(255, 255, 204);">

,

<select name=tanggal style="border: 1px solid rgb(0, 0, 0); background-color: rgb(255, 255, 204);">

<?

for ($i=1 ; $i<31; $i++)

{

echo "<option value=$i>$i";

}

?>

</select>

<select name="wulan" style="border: 1px solid rgb(0, 0, 0); background-color: rgb(255, 255, 204);">

<option value="Januari">Januari</option>

<option value="Februari">Februari</option>

Page 333: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<option value="Maret">Maret</option>

<option value="April">April</option>

<option value="Mei">Mei</option>

<option value="Juni">Juni</option>

<option value="Juli">Juli</option>

<option value="Agustus">Agustus</option>

<option value="September">September</option>

<option value="Oktober">Oktober</option>

<option value="November">November</option>

<option value="Desember">Desember</option>

</select>

<select name=tahun style="border: 1px solid rgb(0, 0, 0); background-color: rgb(255, 255, 204);">

<?

$tahun_ini = (integer) date ("Y");

for ($i=1960;$i<$tahun_ini+1 ;$i++)

{

echo "<option value=$i>$i";

}

?>

Page 334: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

</select></td>

</tr>

<tr>

<td valign="top">Alamat Sekarang </td>

Page 335: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<td valign="top">:</td>

<td>

<textarea name=alamat style="border: 1px solid rgb(0, 0, 0); background-color: rgb(255, 255,

204);"></textarea></td>

</tr>

<tr valign=top>

<td>Telpon</td>

<td>:</td>

<td><input type=text name=telpon size=15 style="border: 1px solid rgb(0, 0, 0); background-color: rgb(255,

255, 204);"></td>

</tr>

<tr>

<td>E-mail</td>

<td>:</td>

<td><input type=text name=email size=30 style="border: 1px solid rgb(0, 0, 0); background-color: rgb(255,

Page 336: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

255, 204);"></td>

</tr>

<tr>

<td>Agama</td>

<td>:</td>

<td>

<select name="agama" id="agama" style="border: 1px solid rgb(0, 0, 0); background-color: rgb(255, 255,

204);">

<option value="Islam">Islam</option>

<option value="Kristen">Kristen</option>

<option value="Khatolik">Khatolik</option>

<option value="Hindu">Hindu</option>

<option value="Budha">Budha</option>

</select></td>

</tr>

<tr>

<td>Foto</td>

<td>&nbsp;</td>

Page 337: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<td><input type=file name=foto size=35 style="border: 1px solid rgb(0, 0, 0); background-color: rgb(255,

255, 204);">

</td>

</tr>

<tr>

<td colspan="3" align="center"><span class="style1">Pendataan Akademik </span></td>

</tr>

<tr>

<td>Mengajar</td>

<td>:</td>

<td><select name="kd_mapel" style="border: 1px solid rgb(0, 0, 0); background-color: rgb(255, 255,

204);">

<option value=0>-Pilih Mata Pelajaran -</option>

<?

Page 338: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

while ($rckec = mysql_fetch_array($cskec)) {

?>

<option value="<? echo $rckec[kd_mapel]; ?>"><? echo $rckec[nama_mapel];

?></option>

<?

}

?>

</select></td>

</tr>

Page 339: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<tr>

<td colspan="4" align="center">&nbsp;</td>

</tr>

<tr>

<td colspan="4" align="center"><span class="style1">Pendataan User</span></td>

</tr>

<tr>

<td>User Name</td>

<td>:</td>

<td><input type=text name=username size=15 style="border: 1px solid rgb(0, 0, 0); background-color:

rgb(255, 255, 204);">

</td>

</tr>

<tr>

Page 340: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<td width=287>Password</td>

<td>:</td>

<td><input type=password name=pass size=15 style="border: 1px solid rgb(0, 0, 0); background-color:

rgb(255, 255, 204);"></td>

</tr>

<tr>

<td colspan=4 align="center">&nbsp;</td>

</tr>

<tr>

<td colspan=4 align="center">

<input type=hidden name=report value=simpan>

<input name="submit" type=submit value="Simpan data Guru"></td>

</tr>

</table></td>

</tr>

</table>

</form>

Page 341: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<! ---inpt_guru selesai --->

inpt_siswa.php // file simpan folder SMP6/include

<?

include "connect/conn.php";

$cskec = mysql_query("select * from kelas");

$sql = "select count(*) as jml from siswa";

$query = mysql_query($sql);

$hasil = mysql_fetch_array($query);

if (empty($hasil[0]))

{ $nis = "N-00001";}

else

{ $no=$hasil[0]+1;

$nis ='N-'.substr('00000',1,4-strlen($hasil[0])).$no;

}

?>

<style type="text/css">

Page 342: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<!-.

style1 {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 9px;

}

-->

</style>

Page 343: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<div align="center"></div>

<form name="inptsiswa" method="post" action="index.php?main=siswasimpan">

<table style="border: 1px solid rgb(153, 153, 153);" width="100%" border="0" cellpadding="0" cellspacing="0">

<tr></tr>

<tr>

<td width="944" bgcolor="#FFFFFF">

<table cellpadding=0 width=100% cellspacing="0" class="teks">

<tr>

<td colspan=4 bgcolor="#f4f4f4" align="center"><strong>Form Tambah Murid

</strong>

<hr></td>

</tr>

<tr>

<td align=center colspan=4>&nbsp;

</td>

</tr>

<tr>

Page 344: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<td width=209 height="24">NIS</td>

<td width="7">:</td>

<td width="537"><input type=text name=nis size=8 value="<?php echo "$nis"; ?>">

<span class="style1">exp.

N-00001 </span></td>

</tr>

<tr>

<td>Nama Siswa </td>

<td>: </td>

<td> <input type=text name=nama size=25 maxlength="30">

</td>

</tr>

<tr>

<td width=209>Tempat, Tgl Lahir </td>

<td valign="middle">:

</td>

<td>

<input type=text name=tempat_lhr size=15>

,

Page 345: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<select name=tgl_lhr id=tgl_lhr class=area>

<?

for ($tg=1; $tg<=31; $tg++) {

echo "<option value=$tg>$tg</option>";

}

?>

</select>

<select name="wulan">

<option value="Januari">Januari</option>

<option value="Februari">Februari</option>

<option value="Maret">Maret</option>

<option value="April">April</option>

<option value="Mei">Mei</option>

<option value="Juni">Juni</option>

<option value="Juli">Juli</option>

<option value="Agustus">Agustus</option>

<option value="September">September</option>

<option value="Oktober">Oktober</option>

Page 346: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx
Page 347: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<option value="November">November</option>

<option value="Desember">Desember</option>

</select>

<select name=tahun>

<?

$tahun_ini = (integer) date ("Y");

for ($i=1980;$i<$tahun_ini+1 ;$i++)

{

echo "<option value=$i>$i";

}

?>

</select>

</td>

</tr>

<tr>

<td>Agama</td>

<td>:</td>

Page 348: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<td><select name="agama" id="agama">

<option value="Islam">Islam</option>

<option value="Kristen">Kristen</option>

<option value="Khatolik">Khatolik</option>

<option value="Hindu">Hindu</option>

<option value="Budha">Budha</option>

</select></td>

</tr>

<tr>

<td>Jenis Kelamin</td>

<td>:</td>

<td><?php

$checkedP = "";

$checkedW = "";

if ($sex == "l")

$checkedW = "CHECKED";

else

Page 349: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

$checkedP = "CHECKED";

print("<INPUT TYPE=\"RADIO\" NAME=\"sex\"");

print(" VALUE=\"Laki-laki\" $checkedP >Laki-laki");

print("<INPUT TYPE=\"RADIO\" NAME=\"sex\"");

print(" VALUE=\"Perempuan\" $checkedW>Perempuan");

?></td>

</tr>

<tr valign=top>

<td>Alamat</td>

<td>:</td>

<td> <textarea name="alamat"></textarea></td>

</tr>

<tr>

<td>Nomor Telpon / Hp </td>

<td>:</td>

<td><input type=text name=telpon size=25></td>

</tr>

Page 350: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<tr>

<td width=209>Kelas</td>

<td>: </td>

<td> <select name="kelas">

<?

Page 351: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

while ($rckec = mysql_fetch_array($cskec)) {

?>

<option value="<? echo $rckec[kd_kelas]; ?>"><? echo $rckec[kelas];

?></option>

<?

}

?>

</select> </td>

</tr>

<tr>

<td width=209>Nama Ayah </td>

<td>:</td>

<td><input type=text name=ayah size=25></td>

</tr>

<tr>

<td>Nama Ibu </td>

<td>:</td>

Page 352: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<td><input type=text name=ibu size=25></td>

</tr>

<tr>

<td>Pekerjaan Orang Tua </td>

<td>:</td>

<td><input type=text name=perkrj_ortu size=25></td>

</tr>

<tr>

<td>PIN [ Siswa ] </td>

<td>:</td>

<td><input type=text name=pin size=25 maxlength="6"></td>

</tr>

<tr>

<td colspan=4 align="center">&nbsp;</td>

</tr>

<tr>

<td colspan=4 align="center">

<input name="Submit" type=submit onClick="filterisi ()" value="Daftar Sekarang"

Page 353: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

class="button2"></td>

</tr>

</table>

<div align="center"></div></td>

</tr>

</table>

</form>

<! ---inpt_siswa selesai --->

login.php // file simpan folder SMP6/include

<? if(! session_is_registered(masuk)){ ?>

<strong></strong>

<br>

<link href="css_admin.css" rel="stylesheet" type="text/css">

<body bottommargin="0" topmargin="0" marginheight="0">

<form method="post" action="reg_user.php"><div align="center">

<table width="411" height="199" border="0" align="center" cellpadding="0" cellspacing="0"

Page 354: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

bgcolor="#000066" class="box">

<tr>

<td colspan="3" height="33"><img src="images/login_header2.gif" width="409" height="33"></td>

Page 355: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

</tr>

<tr>

<td width="171" height="145" align="center"> <table width="88%" border="0" cellspacing="0"

cellpadding="0">

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td><table width="99%" height="131"border="0" cellpadding="0" cellspacing="0" class="box_admin">

<tr>

<td bgcolor="#e9ecef"><table width='100%' height="90" border='0' cellpadding='1' cellspacing='1'>

<tr>

<td height="19" class='text_judul'>&nbsp; username</td>

</tr>

<tr>

<td height="23"> &nbsp; <input type ="text" class="form" name="userid" size="13">

Page 356: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

</td>

</tr>

<tr>

<td height="15" class='text_judul'>&nbsp; Password</td>

</tr>

<tr>

<td height="19"> &nbsp; <input name="password" type="password" id="password" size="13"

class="form">

</td>

</tr>

<tr>

<td height="8"></td>

</tr>

</table></td>

</tr>

<tr>

Page 357: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<td height="20" bgcolor="#e9ecef"> &nbsp; <input name='submit' type='submit' class='button_admin'

value='Login'></td>

</tr>

<tr>

<td height="19" bgcolor="#e9ecef">&nbsp;</td>

</tr>

</table></td>

</tr>

</table></td>

<td width="238" colspan="2" align="center"><table width="91%" height="116" border="0" cellpadding="0"

cellspacing="0" class="box_admin">

<tr>

<td width="39%" height="100" align="center" valign="middle" bgcolor="#e9ecef"><img

src="images/security.png" width="64" height="64"></td>

<td width="61%" align="center" bordercolor="#CCCCCC" bgcolor="#e9ecef"

class="text_judul_orange">gunakan <br> username password <br> untuk logn </td>

</tr>

</table></td>

</tr>

Page 358: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<tr align="right">

<td height="10" colspan="3" class="text_judul_orange"> <a href="index.php" class="text_link_orange">

Home</a> <a href="index.php"><img src="images/home.png" width="16" height="16" border="0"

align="texttop"></a></td>

</tr>

Page 359: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

</table>

</div>

</form>

<?

}

?>

<br>

<br>

<! ---login selesai --->

main.php // file simpan folder SMP6/include

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Halaman Utama</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<?

include "connect/conn.php";

$sel_berita = mysql_query("select * from berita order by id_berita desc");

?>

Page 360: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<body bottommargin="0" topmargin="0" marginheight="0">

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">

<!--DWLayoutTable-->

<tr >

<td width="958" height="318" valign="top">

<table width="100%" height="20" border="0.5" align="center" cellpadding="0" cellspacing="0"

bordercolor="#FFFFFF" >

<tr align="center">

<td height="20"><table width="100%" height="42" border="1" align="center" cellpadding="0"

cellspacing="0" bordercolor="#FFFFFF" bgcolor="#EEF2F7">

<tr align="center">

<td height="20" class="teks"><font color="#333333"> <strong>:: SMP NEGERI 06

PURWODADI::</strong></font></td>

</tr>

<tr align="center">

<td height="8"></td>

</tr>

</table></td>

</tr>

</table> <div align="center">

Page 361: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td width="200" valign="top" class="teks" align="center"><img src="images/pdjalil.jpg" height="230"

width="200"><br>Kepala Sekolah</td>

<td width="10" valign="top">&nbsp;</td>

<td width="714" valign="top" class="teks"><div align="justify">

..::Assalamualaikum Wr.Wb

<br>

Salam sejahtera semuanya,<br>

SMP Negeri 6 Purwodadi sebagai salah satu sekolah di kabupaten Grobogan yang peduli terhadap peningkatan

kualitas pendidikan untuk warga negara Indonesia pada umumnya dan warga sekitar kota Purwodadi pada

khususnya dengan meng-onlinekan website sekolah.

<br>

Page 362: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Harapan kami dengan di-onlinekannya web site sekolah ini bisa mempercepat penyebaran informasi tentang proses

kemajuan pendidikan yang ada di SMP Negeri 6 Purwodadi.<br>

Wassalam, </div></td>

</tr>

</table>

<hr color="#666666" size="0">

<table width="100%" height="20" border="0.5" align="center" cellpadding="0"

cellspacing="0" bordercolor="#FFFFFF" bgcolor="EEF2F7">

<tr align="center">

<td height="20" bgcolor="#EEF2F7" class="teks"><strong>:: Berita Terbaru ::</strong></td>

</tr>

</table>

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td align="center"><? include "include/berita_head.php"; ?>

</td>

</tr>

Page 363: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

</table>

</div></td>

</tr>

</table>

</body>

</html><! ---main selesai --->

siswa_simpan.php // file simpan folder SMP6/include

<?

include "connect/conn.php";

echo "<br>";

echo "<br>";

if ($report == "simpan")

{

?>

<table width=98% align=center cellpadding=0 cellspacing=0>

<tr></tr>

<tr>

<td>

Page 364: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<table cellpadding=3 width=100%>

<tr>

<td align=center>

<?

$tempat = "images/foto_murid/$nis.jpg";

if (file_exists($foto))

copy ($foto,$tempat);

$perintah = "select nis from siswa where nis = '$nis' ";

$hasil = mysql_query ($perintah) ;

if (mysql_num_rows ($hasil) > 0 )

$tulis_pesan = "data sudah ada, data gagal disimpan<br>Silahkan

ulangi lagi";

else {

$perintah = "insert into siswa VALUES ('$nis', '$kelas', '$nama', '$tempat_lhr',

'$tgl_lhr', '$agama', '$jns_kel', '$alamat', '$telpon', '$ayah', '$ibu', '$perkrj_ortu', '$nis.jpg')";

$hasil = mysql_query ($perintah);

$pin = md5 ($sandi_rahasia);

$perintah = "INSERT INTO anggota (user, password,status) VALUES ('$nis',

Page 365: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

'$pin','s')";

Page 366: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

$hasil = mysql_query ($perintah);

$tulis_pesan = "data sudah disimpan";

}

echo "<b>$tulis_pesan</b>";

echo "<meta http-equiv=\"refresh\"

content=\"1;URL=index.php?main=inptsiswa\">";

?>

</td>

</tr>

</table> </td>

</tr>

<tr></tr>

</table>

<?

} else {

?>

<form name="smpnsiswa" method="post" action="index.php?main=siswasimpan" enctype=multipart/form-data>

<table width=85% align=center cellpadding=0 cellspacing=0 class="teks">

Page 367: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<tr></tr>

<tr>

<td>

<table cellpadding=1 width=100%>

<tr>

<td align=center colspan=3>

<?

if (empty ($pin) )

echo "No PIN tidak boleh kosong";

if ( ($pin) )

{

$sandi_rahasia = $pin ;

session_register (sandi_rahasia) ;

echo "Data siswa";

}

?>

</td>

Page 368: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

</tr>

<?

if ( ($pin) )

{

?>

<tr>

<td width=376>NIS</td>

<td width=3>:</td>

<td width="420"><input type=hidden name=nis value="<? echo "$nis" ?>"><? echo

"$nis" ?></td>

</tr>

<tr>

<td>Nama</td>

<td>:</td>

<td><input type=hidden name=nama value="<? echo $nama ?>">

<? echo $nama ?></td>

</tr>

<tr>

Page 369: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<td>T empat &amp; Tanggal Lahir </td>

<td>:</td>

<td>

Page 370: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

$tempat_lhr ?>">

<input type=hidden name=tempat_lhr value="<? echo

-$tahun" ?>">

<input type=hidden name=tgl_lhr id=tgl_lhr value="<? echo "$tgl_lhr -$wulan

<? echo "$tempat_lhr, $tgl_lhr -$wulan -$tahun" ?> </td>

</tr>

<tr valign=top>

<td>Agama</td>

<td>:</td>

<td><input type=hidden name=agama value="<? echo $agama ?>"><? echo $agama

?></td>

</tr>

<tr valign=top>

?></td>

<td>Jenis Kelamin </td><td>:</td>

<td><input type=hidden name=jns_kel value="<? echo $sex ?>"><? echo $sex

</tr>

<tr>

<td>Alamat</td><td>:</td>

<td><input type=hidden name=alamat value="<? echo $alamat ?>"><? echo

$alamat ?></td>

</tr>

<tr>

<td>No.Telpon / Hp </td><td>:</td>

$telpon ?></td>

Page 371: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<td><input type=hidden name=telpon value="<? echo $telpon ?>"><? echo

</tr>

<tr valign=top>

<td>Kelas</td><td>:</td>

<td>

<input type=hidden name=kelas value="<? echo $kelas ?>">

<? echo $kelas ?> </td>

</tr>

<tr valign=top>

<td>Nama Ayah </td>

<? echo $ayah ?></td>

</tr>

<td>:</td>

<td><input type=hidden name=ayah value="<? echo $ayah ?>">

<tr valign=top>

<td>Nama Ibu </td>

<td>:</td>

<? echo $ibu ?> </td>

<td><input type=hidden name=ibu value="<? echo $ibu ?>">

</tr>

<tr valign=top>

$perkrj_ortu ?></td>

</tr>

<td>Pekerjaan Orang Tua </td>

<td>:</td>

Page 372: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<td><input type=hidden name=perkrj_ortu value="<? echo $perkrj_ortu ?>"><? echo

<tr valign=top>

<td>Foto Siswa </td>

</tr>

<td>:</td>

<td><input type=file name=foto size=35</td></td>

Page 373: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<tr>

<td colspan=3><input type=hidden name=report value=simpan><input

type=submit value="Simpan data siswa"></td>

</tr>

<?

}

?>

</table>

</td>

</tr>

<tr><td></td></tr>

</table>

</form>

<?

}

?>

<! ---siswa_simpan selesai --->

Page 374: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

loginck.php // file simpan folder SMP6/

<?

include "connect/session.php";

include "connect/conn.php";

error_reporting(0);

$userid=mysql_real_escape_string($userid);

$password=md5($password);

$que=mysql_query("SELECT * FROM anggota WHERE user='$userid' AND password = '$password'");

$jum = mysql_num_rows($que);

$row = mysql_fetch_array($que);

$userid=$row["user"];

$password=$row["password"];

$sstatus=$row["status"];

if(empty($userid)&&empty($password)){

$kosong = "<br>Anda harus mengisi username dan password dulu!";

} elseif($jum<>0) {

session_register("masuk");

session_register("userid","password","sstatus");

setcookie("tanda", $flag);

$masuk = "access";

Page 375: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

$benar = "<br>Selamat datang $userid";

} else {

$salah = "<br>Access denied<br>Username dan password Anda salah";

}

?>

<! ---loginck selesai --->

logout.php // file simpan folder SMP6/

<?

session_start();

$user = $suser;

session_unregister(suser);

session_unregister(spass);

session_unregister(masuk);

session_unregister(sstatus);

$suser = "";

Page 376: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

$spass = "";

$masuk = "";

$sstatus = "";

//setcookie("", $flag);

session_destroy();

?>

<! ---logout selesai --->

out_user.php // file simpan folder SMP6/

<?

include "logout.php";

?>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

Page 377: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<title>SISTEM KEPENDUDUKAN</title>

<META HTTP-EQUIV=REFRESH CONTENT=1;URL=index.php>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">

<!-

.style3 {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 18px;

}

-->

</style>

</head>

<body>

Page 378: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<table width="80%" border="0" align="center">

<tr>

<td align="center"> <span class="style3">ANDA TELAH KELUAR DARI SISTEM</span><BR>

<?

echo "$userid ";

?> </td>

</tr>

</table>

</body>

</html>

<! ---out_user selesai --->

reg_user.php // file simpan folder SMP6/

<?

include "loginck.php";

include "session.php";

Page 379: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

?>

<html>

<head>

<title>SMA NEGERI 1 SUBAH</title>

<META HTTP-EQUIV=REFRESH CONTENT=3;URL=index.php>

</head>

<body bottommargin="0" topmargin="0" marginheight="0">

<table width="780" border="0" align="center" cellpadding="0" cellspacing="0" style="border-collapse: collapse" >

<!--DWLayoutTable-->

<tr> </tr>

Page 380: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

<tr valign="top"><form name="form1" method="post" action="reg_user.php">

</form>

<td width="75%" bgcolor="#FFFFCC" align="center" valign="top"><?

if(!empty($kosong)){

echo "<img src=images/menu/cancel_f2.png height=30 width=30 border=0>";

echo "<br>Anda harus mengisi username dan password dulu!";

} elseif(!empty($benar)) {

echo "<img src=images/menu/checkin.png height=30 width=30 border=0>";

echo "<br>Selamat Datang ---> $userid";

} else{

echo "<img src=images/menu/cancel_f2.png height=30 width=30 border=0>";

echo "<br>Access denied<br>Username dan password Anda salah";

}

?>

<br>

</td>

Page 381: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

</tr>

<tr valign="top" bgcolor="#CCCCCC"> </tr>

</table>

</body>

</html>

<! ---reg_user selesai --->

-----------------------------------------------------------SELESAI------------------------------------------------------

Page 382: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Membuat Program Penerimaan Siswa Baru Menggunakan Database Mic. Access

Berikut merupakan salah satu contoh Program Pendaftaran Siswa Baru sederhana yang merupakan hasil karya saya :

1. FORM LOGIN

 

 

 

 

 

 

 

Listing Program :

Public conn As New ADODB.ConnectionPublic RS As New ADODB.Recordset

Private Sub commandok_Click()If conn.State = 1 Then conn.Closeconn.Open “provider=microsoft.jet.oledb.4.0;data source=” & App.Path & “\login.mdb”

If RS.State = 1 Then RS.CloseRS.Open “select * from login where user= ‘” & UserName.Text & “‘ And pass = ‘” & Password.Text & “‘”, conn, 3, 3

Page 383: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

If Not RS.EOF ThenMsgBox “SELAMAT DATANG…!!!”, vbInformation + vbOKOnly, “Login Success”Unload MefrmMenu.ShowElseMsgBox “Data Usernama atau Password Anda Salah”, vbCritical, “Login Failed”UserName.Text = “”Password.Text = “”UserName.SetFocusEnd IfEnd Sub

Private Sub Form_Load()UserName.Text = “”Password.Text = “”End Sub

Private Sub password_KeyPress(KeyAscii As Integer)If KeyAscii = 13 ThenIf Password.Text = “” Then Exit SubCommandOK.SetFocusEnd IfEnd Sub

Private Sub username_KeyPress(KeyAscii As Integer)If KeyAscii = 13 ThenIf UserName.Text = “” Then Exit SubPassword.SetFocusEnd IfEnd Sub

2. FORM MENU

 

 

Page 384: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

 

 

 

 

List Program :

Private Sub mnAbout_Click()frmAbout.ShowEnd Sub

Private Sub mnDaftar_Click()frmPendaftaran.ShowEnd Sub

Private Sub mnKeluar_Click()If MsgBox(“Yakin mau keluar?”, vbQuestion + vbYesNo, “Konfirmasi”) = vbYes Then EndEnd Sub

 

3. FORM DAFTAR

 

 

 

 

 

 

Listing Program :

Page 385: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Sub Hapus()No_Pendaftaran.Enabled = TrueClearFORM MeCall RubahCmd(Me, True, False, False, False)cmdProses(1).Caption = “Simpan”End Sub

Sub ProsesDB(log As Byte)Select Case logCase 0SQL = “INSERT INTO siswa(NoPend,TglDaf,JenDaf,Nm_Cs,Jenkel,TmpLhr,TglLhr,Agama,AlmtCs,TelpCs)” & _“values(‘” & No_Pendaftaran.Text & _“‘,’” & tgldaf.Text & _“‘,’” & Jenis.Text & _“‘,’” & txtNmCS.Text & _“‘,’” & JK.Text & _“‘,’” & txtTempL.Text & _“‘,’” & TglLhr.Text & _“‘,’” & Agama.Text & _“‘,’” & txtAlmtCS.Text & _“‘,’” & txtTelpCS.Text & “‘)”Case 1SQL = “UPDATE siswa SET TglDaf=’” & tgldaf.Text & “‘,” & _“JenDaf=’” & Jenis.Text & “‘,” & _“Nm_Cs=’” & txtNmCS.Text & “‘,” & _“Jenkel=’” & JK.Text & “‘,” & _“TmpLhr=’” & txtTempL.Text & “‘,” & _“TglLhr=’” & TglLhr.Text & “‘,” & _“Agama=’” & Agama.Text & “‘,” & _“AlmtCs=’” & txtAlmtCS.Text & “‘ ” & _“TelpCs=’” & txtTelpCS.Text & “‘ ” & _“where NoPend=’” & No_Pendaftaran.Text & “‘”Case 2SQL = “DELETE FROM siswa WHERE NoPend=’” & No_Pendaftaran.Text & “‘”End SelectMsgBox “Pemprosesan RECORD Database telah berhasil…!”, vbInformation, “siswa”DB.BeginTransDB.Execute SQL, adCmdTableDB.CommitTransCall HapusAdodc1.RefreshNo_Pendaftaran.SetFocusEnd Sub

Sub Tampilsiswa()On Error Resume NextNo_Pendaftaran.Text = RS!NoPendtgldaf.Text = RS!tgldafJenis.Text = RS!JenDaf

Page 386: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

txtNmCS.Text = RS!Nm_CsJK.Text = RS!JenkeltxtTempL.Text = RS!TmpLhrTglLhr.Text = RS!TglLhrAgama.Text = RS!AgamatxtAlmtCS.Text = RS!AlmtCstxtTelpCS.Text = RS!TelpCsEnd Sub

Private Sub cmdBatal_Click()

End Sub

Private Sub cboJK_Change()

End Sub

Private Sub CmdProses_Click(Index As Integer)Select Case IndexCase 0Call HapusNo_Pendaftaran.SetFocusCase 1If cmdProses(1).Caption = “&Simpan” ThenCall ProsesDB(0)ElseCall ProsesDB(1)End IfCase 2X = MsgBox(“Yakin RECORD siswa Akan Dihapus…!”, vbQuestion + vbYesNo, “siswa”)If X = vbYes Then ProsesDB 2Call HapusNo_Pendaftaran.SetFocusCase 3Call HapusNo_Pendaftaran.SetFocusCase 4Unload MeEnd SelectEnd Sub

Private Sub cmdKeluar_Click()

End Sub

Private Sub Form_Load()Call OPENDBCall HapusMulaiServerEnd Sub

Page 387: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Private Sub Kode_KeyPress(KeyAscii As Integer)If KeyAscii = 13 ThenIf No_Pendaftaran.Text = “” ThenMsgBox “Masukkan No. Pendaftaran…!”, vbInformation, “siswa”No_Pendaftaran.SetFocusExit SubEnd IfSQL = “SELECT * FROM siswa WHERE NoPend=’” & No_Pendaftaran.Text & “‘”If RS.State = adStateOpen Then RS.CloseRS.Open SQL, DB, adOpenDynamic, adLockOptimisticIf RS.RecordCount <> 0 ThenTampilsiswaCall RubahCmd(Me, False, True, True, True)cmdProses(1).Caption = “&Edit”No_Pendaftaran.Enabled = FalseElseX = No_Pendaftaran.TextCall HapusNo_Pendaftaran.Text = XCall RubahCmd(Me, False, True, False, True)cmdProses(1).Caption = “&Simpan”End Iftgldaf.SetFocusEnd IfEnd Sub

Sub MulaiServer()WS.LocalPort = 1000WS.ListenEnd Sub

Private Sub WS_ConnectionRequest(ByVal requestID As Long)WS.CloseWS.Accept requestIDMe.Caption = “Server – Client” & WS.RemoteHostIP & “Connect”End Sub

Private Sub WS_DataArrival(ByVal bytesTotal As Long)Dim xKirim As StringDim xData1() As StringDim xData2() As String

WS.GetData xKirim, vbString, bytesTotal

xData1 = Split(xKirim, “-”)

Select Case xData1(0)Case “SEARCH”SQL = “SELECT * FROM siswa WHERE No_Pendaftaran=’” & xData1(1) & “‘”If RS.State = adStateOpen Then RS.Close

Page 388: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

RS.Open SQL, DB, adOpenDynamic, adLockOptimisticIf RS.RecordCount <> 0 ThenWS.SendData “RECORD-” & RS!tgldaf & “/” & RS!JenDaf & “/” & RS!Nm_Cs & “/” & RS!Jenkel & “/” & RS!TmpLhr & “/” & RS!TglLhr & “/” & RS!Agama & “/” & RS!AlmtCs & “/” & RS!TelpCsElseWS.SendData “NOTHING-DATA”End IfCase “INSERT”DB.BeginTransDB.Execute xData1(1), adCmdTableDB.CommitTransWS.SendData “INSERT-xxx”Adodc1.RefreshCase “EDIT”DB.BeginTransDB.Execute xData1(1), adCmdTableDB.CommitTransWS.SendData “EDIT-xxx”Adodc1.RefreshCase “DELETE”SQL = “DELETE FROM siswa” & -”where No_Pendaftaran=’” & xData1(1) & “‘”DB.Execute SQL, adCmdTableWS.SendData “DEL-SUKSES”End SelectEnd Sub

Listing Module :

Public DB As New ADODB.ConnectionPublic RS As New ADODB.RecordsetPublic RS2 As New ADODB.RecordsetPublic RSLogin As ADODB.RecordsetPublic SQL As String

Sub OPENDB()If DB.State = adStateOpen Then DB.CloseDB.CursorLocation = adUseClientDB.Open “Provider=Microsoft.Jet.OLEDB.4.0;Data Source=C:\dbpendaftaran2.mdb;Persist Security Info=False”End Sub

Sub ClearFORM(f As Form)Dim ctl As ControlFor Each ctl In fIf TypeOf ctl Is TextBox Then ctl.Text = “”If TypeOf ctl Is ComboBox Then ctl.Text = “”NextEnd Sub

Page 389: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Sub Center(f As Form)f.Move (Screen.Width – f.Width) / 2, (Screen.Height – f.Height) / 4End Sub

Sub RubahCmd(f As Form, L0 As Boolean, L1 As Boolean, L2 As Boolean, L3 As Boolean)f.cmdProses(0).Enabled = L0f.cmdProses(1).Enabled = L1f.cmdProses(2).Enabled = L2f.cmdProses(3).Enabled = L3End Sub

CLIENT

 

1. FORM LOGIN

 

 

 

 

 

 

Listing Program :Public conn As New ADODB.ConnectionPublic RS As New ADODB.Recordset

Private Sub commandok_Click()If conn.State = 1 Then conn.Closeconn.Open “provider=microsoft.jet.oledb.4.0;data source=” & App.Path & “\login.mdb”

If RS.State = 1 Then RS.CloseRS.Open “select * from login where user= ‘” & Username.Text & “‘ And pass = ‘” & Password.Text & “‘”, conn, 3, 3

Page 390: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

If Not RS.EOF ThenMsgBox “SELAMAT DATANG…!!!”, vbInformation + vbOKOnly, “Login Success”Unload MeFrmClient.ShowElseMsgBox “Data Usernama atau Password Anda Salah”, vbCritical, “Login Failed”Username.Text = “”Password.Text = “”Username.SetFocusEnd IfEnd Sub

Private Sub Form_Load()Username.Text = “”Password.Text = “”End Sub

Private Sub password_KeyPress(KeyAscii As Integer)If KeyAscii = 13 ThenIf Password.Text = “” Then Exit SubCommandOK.SetFocusEnd IfEnd Sub

Private Sub username_KeyPress(KeyAscii As Integer)If KeyAscii = 13 ThenIf Username.Text = “” Then Exit SubPassword.SetFocusEnd IfEnd Sub

2. FORM CLIENT

 

 

 

Page 391: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

 

 

 

 

Listing Program :

Dim IPServer As String

Sub Hapus()No_Pendaftaran.Enabled = TrueClearFORM MeCall RubahCMD(Me, True, False, False, False)CmdProses(1).Caption = “Simpan”End Sub

Sub ProsesDB(Log As Byte)Select Case LogCase 0SQL = “INSERT INTO siswa(NoPend,TglDaf,JenDaf,Nm_Cs,Jenkel,TmpLhr,TglLhr,Agama,AlmtCs,TelpCs,AslSek,NmAy,NmIb,PekAy,PekIb,AlmOrt)” & _“values(‘” & No_Pendaftaran.Text & _“‘,’” & tgldaf.Value & _“‘,’” & Jenis.Text & _“‘,’” & txtNmCS.Text & _“‘,’” & JK.Text & _“‘,’” & txtTempL.Text & _“‘,’” & tglL.Value & _“‘,’” & Agama.Text & _“‘,’” & txtAlmtCS.Text & _“‘,’” & txtTelpCS.Text & _“‘,’” & txtAsal.Text & _“‘,’” & txtNmAyah.Text & _“‘,’” & txtNmIbu.Text & _“‘,’” & Pekerjaan_Ayah.Text & _“‘,’” & Pekerjaan_Ibu.Text & _“‘,’” & txtAlmtOrtu.Text & “‘)”Case 1SQL = “UPDATE siswa SET TglDaf=’” & tgldaf.Value & “‘,” & _“JenDaf=’” & Jenis.Text & “‘,” & _“Nm_Cs=’” & txtNmCS.Text & “‘,” & _“Jenkel=’” & JK.Text & “‘,” & _“TmpLhr=’” & txtTempL.Text & “‘,” & _“TglLhr=’” & tglL.Value & “‘,” & _“Agama=’” & Agama.Text & “‘,” & _“AlmtCs=’” & txtAlmtCS.Text & “‘ ” & _

Page 392: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

“TelpCs=’” & txtTelpCS.Text & “‘ ” & _“AslSek=’” & txtAsal.Text & “‘ ” & _“NmAy=’” & txtNmAyah.Text & “‘ ” & _“NmIb=’” & txtNmIbu.Text & “‘ ” & _“PekAy=’” & Pekerjaan_Ayah.Text & “‘ ” & _“PekIb=’” & Pekerjaan_Ibu.Text & “‘ ” & _“AlmOrt=’” & txtAlmtOrtu.Text & “‘ ” & _“where NoPend=’” & No_Pendaftaran.Text & “‘”Case 2SQL = “DELETE FROM siswa WHERE NoPend=’” & No_Pendaftaran.Text & “‘”End SelectMsgBox “Pemprosesan RECORD Database telah berhasil…!”, vbInformation, “Data Siswa”Call HapusNo_Pendaftaran.SetFocusEnd Sub

Private Sub CmdProses_Click(Index As Integer)Select Case IndexCase 0Call HapusNo_Pendaftaran.SetFocusCase 1If CmdProses(1).Caption = “&Simpan” ThenSQL = “INSERT INTO Barang(Kode,Nama,Harga)” & _“values(‘” & Kode.Text & _“‘,’” & Nama.Text & _“‘,’” & Harga.Text & “‘)”WS.SendData “INSERT-” & SQLElseSQL = “UPDATE barang set ” & _“nama= ‘” & Nama.Text & _“‘,harga=’” & Harga.Text & _“‘ where kode=’” & Kode.Text & “‘”WS.SendData “UPDATE-” & SQLEnd IfCase 2X = MsgBox(“Yakin RECORD siswa Akan Dihapus…!”, vbQuestion + vbYesNo, “siswa”)If X = vbYes ThenWS.SendData “DELETE-” & No_Pendaftaran.Text

End IfCall HapusNo_Pendaftaran.SetFocusCase 3Call HapusNo_Pendaftaran.SetFocusCase 4Unload MeEnd SelectEnd Sub

Page 393: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

Private Sub Form_Load()Call HapusMulaiKoneksiEnd Sub

Private Sub Kode_KeyPress(KeyAscii As Integer)If KeyAscii = 13 ThenIf Kode.Text = “” Then Exit SubWS.SendData “SEARCH-” & Kode.TextEnd IfEnd Sub

Sub MulaiKoneksi()IPServer = “127.0.0.1″IPClient = WS.LocalIPWS.Connect IPServer, 1000End Sub

Private Sub Form_QueryUnload(Cancel As Integer, UnloadMode As Integer)DoEventsEndEnd Sub

Private Sub Label14_Click()

End Sub

Private Sub WS_DataArrival(ByVal bytesTotal As Long)Dim xKirim As StringDim xData1() As StringDim xData2() As String

WS.GetData xKirim, vbString, bytesTotal

xData1 = Split(xKirim, “-”)

Select Case xData1(0)Case “NOTHING”X = No_Pendaftaran.TextCall HapusNo_Pendaftaran.Text = XCall RubahCMD(Me, False, True, False, True)CmdProses(1).Caption = “&Simpan”tgldaf.SetFocusCase “RECORD”xData2 = Split(xData1(1), “/”)tgldaf.Value = xData2(0)Jenis.Text = xData2(1)txtNmCS.Text = xData2(2)JK.Text = xData2(3)

Page 394: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

txtTempL.Text = xData2(4)tglL.Value = xData2(5)Agama.Text = xData2(6)txtAlmtCS.Text = xData2(7)txtTelpCS.Text = xData2(8)txtAsal.Text = xData2(9)txtNmAyah.Text = xData2(10)txtNmIbu.Text = xData2(11)Pekerjaan_Ayah.Text = xData2(12)Pekerjaan_Ibu.Text = xData2(13)txtAlmtOrtu.Text = xData2(14)

Call RubahCMD(Me, False, True, True, True)CmdProses(1).Caption = “&Edit”No_Pendaftaran.Enabled = Falsetgldaf.SetFocus

Case “DEL”MsgBox “Penghapusan Data Berhasil !”Call HapusCase “EDIT”MsgBox “Pengeditan Record Berhasil !”Call HapusEnd SelectEnd Sub

3. FORM MODULE

Public SQL As String

Sub ClearFORM(f As Form)Dim ctl As ControlFor Each ctl In fIf TypeOf ctl Is TextBox Then ctl.Text = “”If TypeOf ctl Is ComboBox Then ctl.Text = “”NextEnd Sub

Sub center(f As Form)f.Move (Screen.Width – f.Width) / 2, (Screen.Height – f.Height) / 4End Sub

Sub RubahCMD(f As Form, L0 As Boolean, L1 As Boolean, L2 As Boolean, L3 As Boolean)f.CmdProses(0).Enabled = L0f.CmdProses(1).Enabled = L1f.CmdProses(2).Enabled = L2f.CmdProses(3).Enabled = L3End Sub

Page 395: SISTEM INFORMASI AKADEMIK BERBASIS WEB.docx

 

Berikut Database nya :

1. Database Siswa

 

 

 

 

 

 

2. Database Login