Pengembangan Website SMA Negeri 1 Ciparay

PENGEMBANGAN WEBSITE SMAN 1 CIPARAY

SKRIPSI

Diajukan Untuk Menempuh Ujian Akhir Sarjana

Program Strata Satu Jurusan Teknik Informastika

Fakultas Teknik dan Ilmu Komputer

Universitas Komputer Indonesia

RANDI FUJA RAMA

10105017

PROGRAM STUDI S1

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK DAN ILMU KOMPUTER

UNIVERSITAS KOMPUTER INDONESI

iii Assalamualaikum Wr Wb.

Dengan mengucap puji dan syukur kehadirat Allah SWT yang telah memberikan Rahmat dan Hidayah-Nya, sehingga penulis dapat menyelesaikan skripsi yang berjudul “PENGEMBANGAN WEBSITE SMAN 1 CIPARAY”.

Penulis menyadari bahwa dalam penyusunan skripsi ini banyak mengalami kesulitan dan hambatan, namun berkat bantuan dan bimbingan dari beberapa pihak akhirnya skripsi ini dapat diselesaikan tepat pada waktunya.

Selama penyusunan skripsi ini, penulis banyak mendapatkan bantuan, bimbingan serta dorongan moril maupun materil dari berbagai pihak. Pada kesempatan ini izinkanlah penulis menyampaikan rasa terima kasih dan penghargaan setinggi-tingginya kepada yang terhormat :

1. Orang tua tercinta yang senantiasa memberikan do’a, motivasi, dukungan dan bantuannya, baik moril maupun materi kepada penulis sampai dengan saat ini.

2. Bapak Ir. Eddy Suryanto Soegoto, M.Sc, selaku Rektor Universitas Komputer Indonesia.

iv

4. Ibu Mira Kania Sabariah, M.T., selaku Ketua Jurusan Teknik Informatika Universitas Komputer Indonesia

5. Bapak Irawan Afrianto, S. T., selaku dosen wali kelas IF-1 Angkatan 2005 yang telah membimbing penulis selama kurang lebih empat tahun. 6. Ibu Sri Nurhayati, S.Si., M.T., selaku Dosen Pembimbing yang telah

memberikan dorongan dan arahan kepada penulis selama proses penyusunan laporan tugas akhir ini.

7. Seluruh Dosen Teknik Informatika yang telah memberikan banyak ilmu, arahan dan masukkan selama massa perkuliahan berlangsung.

8. Bapak Drs. Nurul Huda, M.Ed. selaku wakil kepala sekolah SMAN 1 Ciparay urusan kurikulum yang telah membantu selama proses penelitian. 9. Untuk teman-teman seperjuangan angkatan 2005 “Thank’s For All”, kita

berjuang sampai akhir, dibalik usaha yang keras pasti ada akhir yang membahagiakan”.

10.Semua pihak yang tidak dapat penulis sebutkan satu persatu yang telah memberi dorongan sehingga penulis dapat menyelesaikan penyusunan skripsi ini. Semoga Allah SWT melimpahkan Rahmat dan Berkah-Nya kepada mereka. Amin.

v

penyempurnaan penyusunan skripsi ini sangat penulis harapkan. Akan tetapi dengan segala kemampuan yang ada, penulis mencoba menyusun skripsi ini sebaik mungkin.

Semoga laporan skripsi ini dapat bermanfaat dan semoga Allah SWT memberikan hikmah yang berlimpah kepada kita semua, Amin.

Billahitaufiq Walhidayah, Wassalamu’alaikum Wr. Wb.

Bandung, Juli 2010

vi LEMBAR JUDUL

LEMBAR PENGESAHAN

ABSTRAK ... i

ABSTRACT ... ii

KATA PENGANTAR ... iii

DAFTAR ISI ...… vi

DAFTAR TABEL ... xi

DAFTAR GAMBAR ... xvi

DAFTAR SIMBOL ... xx

DAFTAR LAMPIRAN ...xxii

BAB I PENDAHULUAN ... 1

1.1 Latar Belakang Masalah ... 1

1.2 Rumusan Masalah ... 3

1.3 Maksud dan Tujuan... 3

1.3.1 Maksud ... 3

1.3.2 Tujuan ... 3

1.4 Batasan Masalah/Ruang Lingkup kajian ... 4

1.5 Metodologi Penelitian ... 5

1.5.1 Tahap Pengumpulan Data ... 5

1.5.2 Tahap Pembuatan Perangkat Lunak... 5

1.6 Sistematika Penulisan ... 7

BAB II LANDASAN TEORI ... 9

2.1 Tinjauan Instansi ... 9

2.1.1 Sejarah SMAN 1 Ciparay ... 9

2.1.2 Visi dan Misi ... 10

2.1.2.1 Visi ... 10

2.1.2.2 Misi ... 10

2.1.3 Struktur Organisasi ... 11

vii

2.2.1.2 Pengertian Internet ... 12

2.2.1.3 Web Server... 15

2.2.1.4 Domain Name Server (DNS) ... 15

2.2.1.5 Pengertian World Wide Web WWW ... 16

2.2.1.6 Pengertian HTTP ... 18

2.2.1.7 Aplikasi Program Berbasis Web ... 19

2.2.2 Pengertian Basis Data ... 21

2.2.3 Perancangan Sistem ... 22

2.2.3.1 Diagram Konteks ... 22

2.2.3.2 Data Flow Diagram ... 22

2.2.3.3 Diagram E-R (Entity Relationship Diagram) ... 24

2.2.3.4 Struktur Menu ... 25

2.2.3.5 Kamus Data (Data Dictionary) ... 25

2.2.4 Sofware Pendukung ... 25

2.2.4.1 PHP (Personal Home Page) ... 25

2.2.4.2 HTML (Hypertext Markup Language) ... 27

2.2.4.3 Javascript... 27

2.2.4.4 Cascading Style Sheet (CSS) ... 29

2.2.4.5 MySQL ... 30

2.2.4.6 Macromedia Dreamweaver 8 ... 34

2.2.4.7 WAMP ... 35

BAB III ANALISIS DAN PERANCANGAN ... 36

3.1 Analisis Sistem... 36

3.1.1 Analisis Masalah ... 36

3.1.2 Analisis Sistem yang sedang berjalan ... 37

3.1.3 Analisis Pengkodean ... 38

3.1.4 Analisis Basis Data ... 39

3.1.4.1 Entity Relationship Diagram (ERD) ... 39

viii

3.1.5.3 Analisis Pengguna ... 42

3.2 Perancangan Sistem ... 43

3.2.1 Perancangan proses ... 44

3.2.1.1 Diagram Konteks ... 44

3.2.1.2 Data Flow Diagram ... 45

3.2.1.2.1DFD Level 1 ... 45

3.2.1.2.2DFD level 2 proses 1.0 login ... 47

3.2.1.2.3DFD level 2 proses 2.0 pengelolaan data master .... 48

3.2.1.2.4DFD level 2 proses 3.0 pengelolaan data user ... 49

3.2.1.2.5DFD level 2 proses 4.0 pengelolaan data E-Book .. 49

3.2.1.2.6DFD level 2 proses 5.0 pengelolaan karya Siswa .. 50

3.2.1.2.7DFD level 2 proses 6.0 pengelolaan buku tamu ... 51

3.2.1.2.9DFD level 3 proses 3.2 pengelolaan data Guru ... 52

3.2.1.2.10DFD level 3 proses 3.3 pengelolaan data Siswa.... 53

3.2.1.3 Spesifikasi Proses ... 55

3.2.1.4 Kamus Data DFD ... 69

3.2.2 Perancangan Basis Data ... 84

3.2.2.1 Skema Relasi ... 84

3.2.2.2 Struktur Tabel ... 85

3.2.2.3 Perancangan PengkodeanPerancangan Pengkodean ... 91

3.2.2.4 Perancangan Struktur Menu ... 92

3.2.2.5 Perancangan Antar Muka ... 94

3.2.2.5.1Perancangan Antar Muka Admin / Operator ... 94

3.2.2.5.1.1Perancangan Antar Muka Pilih Karya Siswa ... 94

3.2.2.5.1.2Perancangan Antar Muka Data Guru ... 95

3.2.2.5.1.3Perancangan Antar Muka Data Siswa ... 95

3.2.2.5.1.4Perancangan Antar Muka Data Ekskul ... 96

3.2.2.5.1.5Perancangan Antar Muka Data Berita Sekolah ... 96

ix

3.2.2.5.1.9Perancangan Antar Muka Tambah Data Guru ... 98

3.2.2.5.1.10Perancangan Antar Muka Tambah Data Siswa ... 99

3.2.2.5.1.11 Perancangan Antar Muka Tambah Ekskul .... 99

3.2.2.5.1.12Perancangan Antar Muka Tambah Berita Sekolah ...100

3.2.2.5.1.13Perancangan Antar Muka Tambah Berita Ekskul ...100

3.2.2.5.1.14Perancangan Antarmuka Data Tahun Ajaran ...101

3.2.2.5.1.15Perancangan Antar Muka Data Kelas ...101

3.2.2.5.2Perancangan Antar Muka User ...102

3.2.2.5.2.1Perancangan Antar Muka Beranda ...102

3.2.2.5.2.2Perancangan Antar Muka Berita Sekolah ...103

3.2.2.5.2.3Perancangan Antar Muka Berita Ekskul ...104

3.2.2.5.2.4Perancangan Antar Muka Guru ...105

3.2.2.5.2.5Perancangan Antar Muka Siswa ...106

3.2.2.5.2.6Perancangan Antar Muka Karya Siswa ...107

3.2.2.5.2.7Perancangan Antar Muka Ekskul ...108

3.2.2.5.2.8Perancangan Antar Muka Hubungi Kami / Kontak ...109

3.2.2.5.2.9Perancangan Antar Muka Guru Tambah E-Book ..110

3.2.2.5.2.10Perancangan Antar Muka edit profil Guru ...111

3.2.2.5.2.11Perancangan Antar muka ubah password Guru ...112

3.2.2.5.2.12Perancangan Antar Muka Siswa tambah karya Siswa .113 3.2.2.5.2.13Perancangan Antar Muka edit profil Siswa ...114

3.2.2.5.2.14Perancangan Antar ubah password Siswa ...115

3.2.2.5.3Perancangan Pesan ...116

3.2.2.5.4Jaringan Semantik ...117

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM ...120

4.1 Implementasi sistem ...120

4.1.1 Perangkat Keras yang Digunakan ...120

4.1.2 Perangkat Lunak yang Digunakan ...121

x

4.5 Pengujian Alpha ...141

4.5.1 Skenario Pengujian Alpha ...142

4.5.2 Kasus dan Hasil Pengujian ...143

4.5.2.1 Pengujian Login ...143

4.5.2.2 Pengujian Data Master ...144

4.5.2.3 Pengujian Data User ...149

4.5.2.4 Pengujian Data E-Book ...155

4.5.2.5 Pengujian Karya Siswa ...156

4.5.2.6 Pengujian Buku Tamu ...158

4.5.3 Kesimpulan Pengujian Alpha ...160

4.6 Pengujian Beta ...160

4.6.1 Skenario Pengujian Beta ...160

4.6.2 Kesimpulan Pengujian Beta ...192

BAB V KESIMPULAN DAN SARAN ...193

5.1 Kesimpulan ...193

5.2 Saran ...193

xvi

Gambar 1.1 Alur Metode Waterfall ... 7

Gambar 2.1 Struktur Organisasi SMA Negeri 1 Ciparay ... 11

Gambar 2.2 Arsitektur Protokol TCP/IP ... 13

Gambar 2.3 Model Client Server Internet... 14

Gambar 2.4 Proses Koneksi Protokol HTTP antara client dan server ... 19

Gambar 2.5 PHP Server side scripting ... 26

Gambar 2.6 MySQL Multiple Storage Engine Architecture ... 31

Gambar 3.1 Flowmap Sistem yang Sedang Berjalan... 38

Gambar 3.2 Entity Relational Diagram ... 40

Gambar 3.3 Diagram Konteks Website SMAN 1 Ciparay ... 44

Gambar 3.4 DFD level 1 ... 46

Gambar 3.5 DFD level 2 proses 1.0 login ... 47

Gambar 3.6 DFD level 2 proses 2.0 pengelolaan data master ... 48

Gambar 3.7 DFD level 2 proses 3.0 pengelolaan data user ... 49

Gambar 3.8 DFD level 2 proses 4.0 pengelolaan data E-Book ... 50

Gambar 3.9 DFD level 2 proses 5.0 pengelolaan karya Siswa ... 51

Gambar 3.10 DFD level 2 proses 6.0 pengelolaan Buku Tamu ... 52

Gambar 3.11 DFD level 3 proses 3.2 pengelolaan Data Guru... 53

Gambar 3.12 DFD level 3 proses 3.3 pengelolaan Data Siswa ... 54

Gambar 3.13 Skema relasi ... 85

xvii

Gambar 3.17 Struktur menu Pengunjung ... 93

Gambar 3.18 Perancangan Antar Muka pilih Karya Siswa ... 94

Gambar 3.19 Perancangan Antar Muka Data Guru. ... 95

Gambar 3.20 Perancangan Antar Muka Data Siswa ... 95

Gambar 3.21 Perancangan Antar Muka Data Ekskul ... 96

Gambar 3.22 Perancangan Antar Muka Data Berita Sekolah... 96

Gambar 3.23 Perancangan Antar Muka Data Berita Ekskul ... 97

Gambar 3.24 Perancangan Antar Muka Data Kontak ... 97

Gambar 3.25 Perancangan Antar Muka Ganti Password Admin ... 98

Gambar 3.26 Perancangan Antar Muka Tambah Data Guru ... 98

Gambar 3.27 Perancangan Antar Muka Tambah Data Siswa... 99

Gambar 3.28 Perancangan Antar Muka Tambah Ekskul... 99

Gambar 3.29 Perancangan Antar Muka Tambah Berita Sekolah ... 100

Gambar 3.30 Perancangan Antar Muka Tambah Berita Ekskul ... 100

Gambar 3.31 Perancangan Antar Muka Data Tahun Ajaran ... 101

Gambar 3.32 Perancangan Antar Muka Data Kelas ... 101

Gambar 3.33 Perancangan Antar Muka Beranda ... 102

Gambar 3.34 Perancangan Antar Muka Berita Sekolah ... 103

Gambar 3.35 Perancangan Antar Muka Berita Ekskul ... 104

Gambar 3.36 Perancangan Antar Muka Guru ... 105

xviii

Gambar 3.40 Perancangan Antar Muka Hubungi Kami / Kontak ... 109

Gambar 3.41 Perancangan Antar Muka Guru Tambah E-Book ... 110

Gambar 3.42 Perancangan Antar Muka edit profil Guru ... 111

Gambar 3.43 Perancangan Antar Muka ubah password Guru ... 112

Gambar 3.44 Perancangan Antar Muka Siswa tambah karya Siswa ... 113

Gambar 3.45 Perancangan Antar Muka edit profil Siswa ... 114

Gambar 3.46 Perancangan Antar Muka ubah password Siswa ... 115

Gambar 3.47 Perancangan Pesan ... 116

Gambar 3.48 Jaringan Semantik Admin ... 117

Gambar 3.49 Jaringan Semantik Guru ... 118

Gambar 3.50 Jaringan Semantik Siswa ... 118

Gambar 3.51 Jaringan Semantik Pengunjung ... 119

Gambar 4.1 Tampilan Pilih Karya Siswa ... 127

Gambar 4.2 Tampilan Data Tahun Ajaran ... 128

Gambar 4.3 Tampilan Tambah Data Tahun Ajaran ... 128

Gambar 4.4 Tampilan Data Guru... 129

Gambar 4.5 Tampilan Tambah Data Guru ... 129

Gambar 4.6 Tampilan Data Siswa ... 130

Gambar 4.7 Tampilan Tambah Data Siswa ... 130

Gambar 4.8 Tampilan Data Ekskul ... 131

xix

Gambar 4.12 Tampilan Data Ruangan Kelas ... 133

Gambar 4.13 Tampilan Tambah Ruangan Kelas ... 133

Gambar 4.14 Tampilan Data Hubungi Kami ... 134

Gambar 4.15 Tampilan Ganti Password Admin ... 134

Gambar 4.16 Tampilan Beranda ... 135

Gambar 4.17 Tampilan Berita Sekolah ... 135

Gambar 4.18 Tampilan Berita Ekskul ... 136

Gambar 4.19 Tampilan Profil Guru ... 136

Gambar 4.20 Tampilan Profil Siswa ... 137

Gambar 4.21 Tampilan Karya Siswa ... 137

Gambar 4.22 Tampilan Ekskul ... 138

Gambar 4.23 Tampilan Hubungi Kami ... 138

Gambar 4.24 Tampilan Edit Profil Siswa ... 139

Gambar 4.25 Tampilan Upload Karya Siswa ... 139

Gambar 4.26 Tampilan Ganti Password Siswa... 140

Gambar 4.27 Tampilan Edit Profil Guru ... 140

xi

Tabel 3.1 Tabel Perangkat Keras ... 41

Tabel 3.2 Tabel Pengguna... 42

Tabel 3.3 Spesifikasi proses ... 55

Tabel 3.4 tabel kamus data... 69

Tabel 3.5 Tabel Admin ... 85

Tabel 3.6 Tabel Guru ... 86

Tabel 3.7 Tabel Siswa ... 86

Tabel 3.8 Tabel berita ... 87

Tabel 3.9 Tabel ekskul ... 88

Tabel 3.10 Tabel berita_ekskul ... 88

Tabel 3.11 Tabel E-Book ... 88

Tabel 3.12 Tabel karya_siswa... 89

Tabel 3.13 Tabel kontak ... 89

Tabel 3.14 Tabel kelas ... 90

Tabel 3.15 Tabel tahun ajaran ... 90

Tabel 3.16 Tabel ebook kelas ... 90

Tabel 4.1 Perangkat keras yang digunakan... 120

Tabel 4.2. Perangkat Lunak yang digunakan ... 121

Tabel 4.3. Skenario pengujian alpha aplikasi ... 142

Tabel 4.4. Login Admin (valid) ... 142

xii

Tabel 4.8. Login Siswa (valid) ... 144

Tabel 4.9. Login Siswa (invalid) ... 144

Tabel 4.10. Tambah Berita (valid) ... 144

Tabel 4.11. Tambah Berita (invalid) ... 145

Tabel 4.12. Hapus Berita (valid) ... 145

Tabel 4.13. Hapus Berita (invalid) ... 145

Tabel 4.14. Tambah Ekskul (valid) ... 146

Tabel 4.15. Tambah Ekskul (invalid) ... 146

Tabel 4.16. Hapus Ekskul (valid) ... 146

Tabel 4.17. Hapus Ekskul (invalid) ... 147

Tabel 4.18. Edit Ekskul (valid) ... 147

Tabel 4.19. Edit Ekskul (invalid) ... 147

Tabel 4.20. Tambah Berita ekskul (valid) ... 147

Tabel 4.21. Tambah Berita ekskul (invalid) ... 148

Tabel 4.22. Hapus Berita ekskul (valid) ... 148

Tabel 4.23. Hapus Berita ekskul (invalid) ... 148

Tabel 4.24. Ganti Password Admin (valid) ... 149

Tabel 4.25. Ganti Password Admin (invalid) ... 149

Tabel 4.26 Tambah Guru(valid) ... 149

Tabel 4.27. Tambah Guru (invalid) ... 150

xiii

Tabel 4.31. Edit Guru (invalid) ... 151

Tabel 4.32. Ganti Password Guru(valid) ... 151

Tabel 4.33. Ganti Password Guru (invalid) ... 152

Tabel 4.34. Tambah Siswa (valid) ... 152

Tabel 4.35. Tambah Siswa (invalid) ... 153

Tabel 4.36. Hapus Siswa (valid) ... 153

Tabel 4.37. Hapus Siswa (invalid) ... 153

Tabel 4.38. Edit Siswa (valid) ... 154

Tabel 4.39. Edit Siswa (invalid) ... 154

Tabel 4.40. Ganti Password Siswa (valid) ... 154

Tabel 4.41. Ganti Password Siswa (invalid) ... 155

Tabel 4.42. Tambah E-Book (valid) ... 155

Tabel 4.43. Tambah E-Book (invalid) ... 155

Tabel 4.44. Hapus E-Book (valid) ... 156

Tabel 4.45. Hapus E-Book (invalid) ... 156

Tabel 4.46. Tambah Karya Siswa(valid) ... 156

Tabel 4.47. Tambah Karya Siswa (invalid) ... 157

Tabel 4.48. Pilih Karya Siswa(valid) ... 157

Tabel 4.49. Pilih Karya Siswa (invalid) ... 157

Tabel 4.50. Hapus Karya Siswa (valid) ... 158

xiv

Tabel 4.54. Lihat Buku Tamu (valid) ... 159

Tabel 4.55. Hapus Buku Tamu (valid) ... 159

Tabel 4.56. Hapus Buku Tamu (invalid) ... 160

Tabel 4.57 Hasil pengujian kuesioner soal nomor 1 ... 162

Tabel 4.58 Hasil pengujian kuesioner soal nomor 2 ... 162

Tabel 4.59 Hasil pengujian kuesioner soal nomor 3 ... 163

Tabel 4.60 Hasil pengujian kuesioner soal nomor 4 ... 164

Tabel 4.61 Hasil pengujian kuesioner soal nomor 5 ... 164

Tabel 4.62 Hasil pengujian kuesioner soal nomor 6 ... 165

Tabel 4.63 Hasil pengujian kuesioner soal nomor 7 ... 165

Tabel 4.64 Hasil pengujian kuesioner soal nomor 8 ... 166

Tabel 4.65 Hasil pengujian kuesioner soal nomor 9 ... 167

Tabel 4.66 Hasil pengujian kuesioner soal nomor 10 ... 167

Tabel 4.67 Hasil pengujian kuesioner soal nomor 1 ... 169

Tabel 4.68 Hasil pengujian kuesioner soal nomor 2 ... 170

Tabel 4.69 Hasil pengujian kuesioner soal nomor 3 ... 170

Tabel 4.70 Hasil pengujian kuesioner soal nomor 4 ... 171

Tabel 4.71 Hasil pengujian kuesioner soal nomor 5 ... 172

Tabel 4.72 Hasil pengujian kuesioner soal nomor 6 ... 172

Tabel 4.73 Hasil pengujian kuesioner soal nomor 7 ... 173

xv

Tabel 4.77 Hasil pengujian kuesioner soal nomor 1 ... 177

Tabel 4.78 Hasil pengujian kuesioner soal nomor 2 ... 177

Tabel 4.79 Hasil pengujian kuesioner soal nomor 3 ... 178

Tabel 4.80 Hasil pengujian kuesioner soal nomor 4 ... 179

Tabel 4.81 Hasil pengujian kuesioner soal nomor 5 ... 179

Tabel 4.82 Hasil pengujian kuesioner soal nomor 6 ... 180

Tabel 4.83 Hasil pengujian kuesioner soal nomor 7 ... 181

Tabel 4.84 Hasil pengujian kuesioner soal nomor 8 ... 181

Tabel 4.85 Hasil pengujian kuesioner soal nomor 9 ... 182

Tabel 4.86 Hasil pengujian kuesioner soal nomor 10 ... 183

Tabel 4.87 Hasil pengujian kuesioner soal nomor 1 ... 185

Tabel 4.88 Hasil pengujian kuesioner soal nomor 2 ... 185

Tabel 4.89 Hasil pengujian kuesioner soal nomor 3 ... 186

Tabel 4.90 Hasil pengujian kuesioner soal nomor 4 ... 187

Tabel 4.91 Hasil pengujian kuesioner soal nomor 5 ... 187

Tabel 4.92 Hasil pengujian kuesioner soal nomor 6 ... 188

Tabel 4.93 Hasil pengujian kuesioner soal nomor 7 ... 189

Tabel 4.94 Hasil pengujian kuesioner soal nomor 8 ... 189

Tabel 4.95 Hasil pengujian kuesioner soal nomor 9 ... 190

xx 1. Entity Relationship Diagram (ERD)

NO SIMBOL KETERANGAN

1 Menunjukan suatu objek

berupa benda, konsep atau entitas

2 Menunjukan hubungan

logical antara satu file dengan file lainnya.

3 Menunjukan atribut suatu

entitas

4 N 1 Menunjukan hubungan banyak ke satu (N-1)

5 1 N Menunjukan hubungan satu ke banyak (1-N)

6 N N Menunjukan hubungan banyak ke banyak (N-N) 7 1 1 Menunjukan hubungan satu

xxi 2. Diagram Arus Data (Data Flow Diagram)

NO SIMBOL NAMA KETERANGAN

1 Entitas Menggambarkan kegiatan

proses dari operasi program komputer

2 Proses Menggambarkan kegiatan

atau kerja yang dilakukan oleh manusia atau komputer

3 Garis Alir Menunjukan arus data yang

mengalir antara proses, simpanan data dan kesatuan luar dari ke suatu arus

4 Penyimpanan Data Menggambarkan suatu

194

[1] Fathansyah, (2007), Basis Data, Informatika, Bandung.

[2] Irawan, Budhi, (2005), Jaringan Komputer, Graha Ilmu, Yogyakarta.

[3] Kadir, Abdul, (2000), Konsep dan Tuntunan Praktis Basis Data, Andi, Yogyakarta.

[4] Kadir, Abdul, (2002), Dasar Pemrograman WEB Dinamis Menggunakan PHP, Andi, Yogyakarta.

[5] McCormack, Colin, Jones David, Building A Web Based Education System, John Wiley dan Sons, New York, USA.

[6] Nugroho, Bunafit, (2004), Aplikasi Pemograman Web Dinamis dengan PHP dan MYSQL , Gava Media.

xxii

Lampiran A Tampilan Antar Muka ... A Lampiran B Listing Program ... B Lampiran C Hasil Kuesioner ... C Lampiran D Surat Penelitian ... D

1

1.Latar Belakang Masalah

Perkembangan teknologi informasi dan komunikasi yang sangat pesat mendorong berbagai lembaga pendidikan khususnya SMAN 1 Ciparay dapat memanfaatkan website untuk meningkatkan efektivitas dan fleksibilitas pembelajaran. Belum optimalnya proses belajar mengajar dikelas diakui sebagai permasalahan yang perlu diberikan solusi secepatnya.

Pemanfaatan teknologi informasi khusunya website juga dapat membantu pihak sekolah dalam mempromosikan program kerja serta visi misi mereka ke masyarakat yang pada akhirnya akan meningkatkan minat masyarakat untuk menyekolahkan putra puterinya di sekolah tersebut.

Website SMAN 1 Ciparay yang terdahulu masih bersifat statis sehingga ketika akan merubah suatu informasi yang terdapat di dalam website harus dilakukan perubahan halaman yang dilakukan secara manual. Adapun fasilitas yang telah tersedia pada website SMAN 1 Ciparay hanya memperlihatkan profil sekolah tanpa ada fasilitas yang mendukung ke proses belajar dan mengajar, misalnya fasilitas download materi pelajaran serta latihan, tempat para siswa untuk dapat aktif menuangkan inspirasinya, serta tempat organisasi siswa untuk berkreasi.

Terbatasnya fasilitas yang tersedia pada website SMAN 1 Ciparay mendorong pihak sekolah untuk melakukan pengembangan terhadap website yang sudah ada, yakni dengan cara menambahkan beberapa fasilitas yang dapat

dimanfaatkan oleh para Guru dan Siswa untuk dapat mendukung proses belajar mengajar.

Pada saat ini materi pelajaran sangatlah beragam. Tidak hanya melalui buku, materi-materi itu juga sudah berbentuk digital bisa berupa jurnal ataupun ebook. Begitu banyak materi-materi baru tentang pelajaran yang berkaitan dengan apa yang mereka pelajari dikelas beredar di internet. Tetapi siswa masih mengalami kesulitan dalam memperoleh materi pelajaran selama mereka masih mengandalkan buku atau hanya proses belajar mengajar dikelas.

Terbatasnya waktu belajar mengajar dikelas terkadang menghalangi para guru dalam memberikan semua materi pelajaran kepada muridnya. Hal ini menjadi masalah tersendiri untuk murid dan guru yang ingin menyampaikan secara detil tentang mata pelajaran tersebut. Kesulitan ini banyak dikeluhkan para murid dan guru saat ini karena terkadang materi yang butuh pembahasan dalam waktu lama justru harus dijelaskan dalam waktu singkat.

Berdasarkan uraian di atas, maka dilakukan penelitian mengenai kegiatan-kegiatan yang dilakukan di dalam lembaga sekolah khususnya SMAN 1 Ciparay dan mengangkatnya menjadi materi Skripsi dengan judul : “PENGEMBANGAN WEBSITE SMAN 1 CIPARAY”.

2. Rumusan Masalah

1. Bagaimana membangun media web untuk memberikan informasi kepada masyarakat tentang profil sekolah.

2. Bagaimana membangun media web untuk mengumumkan informasi penting dari pihak sekolah kepada seluruh siswa.

3. Bagaimana membangun media web interaktif untuk mendistribusikan materi pelajaran serta latihan dari guru kepada siswa.

4. Bagaimana membangun website untuk tempat siswa dapat berekspresi lewat karya sastra mereka.

5. Bagaimana membangun media web untuk organisasi ekstrakurikuler dapat memberikan jadwal kegiatan serta dokumentasi kegiatan yang sudah dilakukan.

3. Maksud dan Tujuan 1.3.1. Maksud

Berdasarkan permasalahan yang diteliti, maka maksud dari penulisan tugas akhir ini adalah untuk mengembangkan website SMAN 1 Ciparay dengan menambahkan fasilitas yang dirasa diperlukan untuk membantu dalam proses belajar mengajar.

1.3.2. Tujuan

Sedangkan yang menjadi tujuan penulisan tugas akhir ini adalah :

1. Untuk menjadi media penyampaian informasi tentang sekolah kepada masyarakat.

2. Untuk memberikan pengumuman secara rutin tentang informasi yang berkaitan dengan pihak sekolah kepada seluruh siswa.

3. Untuk mempermudah siswa mendapatkan materi pelajaran. 4. Untuk menjadi media berkreasi siswa lewat mading on-line.

5. Untuk mendokumentasikan setiap kegiatan ekstrakurikuler yang ada di SMAN 1 Ciparay.

4. Batasan Masalah/Ruang Lingkup kajian

Agar masalah yang sedang ditinjau lebih terarah dan mencapai sasaran yang telah ditentukan, maka akan dibatasi masalah hanya kepada hal- hal dibawah ini :

1. Login untuk validasi admin dan user (guru dan murid).

2. Menampilkan informasi umum tentang sekolah berupa profil, daftar Guru, daftar siswa tiap angkatan yang dapat di update oleh satu orang

administrator.

3. Menampilkan pengumuman secara umum dari pihak sekolah. 4. Pengelolaan jadwal pelajaran.

5. Pengelolaan materi pelajaran dan tugas yakni : Upload dan download materi pelajaran dan tugas berupa Ebook.

6. Pengelolaan karya siswa yang ditampilkan dalam mading.

7. Menampilkan dan mengelola jadwal kegiatan ektrakurikuler dan dokumentasi kegiatannya.

9. Pengembangan website ini menggunakan bahasa pemograman PHP dan MySQL sebagai database.

10. Analisis pemodelan yang digunakan berdasarkan pemodelan terstruktur Data Flow Diagram.

5. Metodologi Penelitian

Metodologi yang digunakan dalam penulisan tugas akhir ini adalah sebagai berikut :

1. Tahap Pengumpulan Data

Metode pengumpulan data yang digunakan dalam penelitian ini adalah sebagai berikut :

a. Wawancara

Penulis melakukan tanya jawab kepada pihak yang terkait, dalam hal ini adalah pihak sekolah dan murid.

b. Studi Literatur

Pengumpulan data dengan cara mengumpulkan literatur, jurnal, paper dan bacaan-bacaan yang ada kaitannya dengan judul penelitian.

2. Metode Pengembangan Perangkat Lunak

Metode yang digunakan dalam pengembangan perangkat lunak adalah metode waterfall. Alur dari metode waterfall dapat dilihat pada gambar 1.1 yang meliputi beberapa proses diantaranya :

a. Rekayasa dan Pemodelan

Pada tahap ini, rekayasa informasi mencakup pengumpulan kebutuhan pada aplikasi yang akan dibangun.

b. Analisis

Kegiatan analisis perangkat lunak meliputi analisis spesifikasi perangkat lunak, analisis lingkungan pengembangan, analisis struktural, dan diagram relasi.

c. Desain

Perancangan perangkat lunak dilakukan berdasarkan hasil analisis kebutuhan perangkat lunak, yang mencakup perancangan arsitektur, perancangan modul aplikasi, dan perancangan antarmuka.

d. Pembangkitan Kode

Dalam proses ini, hasil analisis dan desain sistem pada proses sebelumnya diterjemahkan kedalam bentuk mesin, jika desain dilakukan dengan cara yang lengkap, pembuatan kode dapat dilakukan secara mekanis;

e. Pengujian

Dalam tahap ini akan dilakukan pengujian untuk menguji apakah sistem yang telah dirancang dan diimplementasikan sudah sesuai dengan hasil analisis yang telah dilakukan;

f. Pemeliharaan

Pemeliharaan dilakukan terhadap kesalahan-kesalahan yang terjadi pada perangkat, dokumen teknis perangkat lunak, maupun laporan Tugas Akhir

Gambar 1.1. Alur Metode Waterfall

6. Sistematika Penulisan

Sistematika penulisan proposal ini disusun untuk memberikan gambaran umum tentang perangkat lunak yang akan dibuat. Sistematika penulisan tugas akhir ini adalah sebagai berikut :

BAB I PENDAHULUAN

Bab ini menguraikan tentang latar belakang masalah, rumusan masalah, maksud dan tujuan, batasan masalah, metode penelitian dan sistematika penulisan.

BAB II TINJAUAN PUSTAKA

Bab ini memaparkan beberapa hal yaitu tinjauan instansi, landasan teori seperti pengertian basis data, perancangan sistem, pengertian media, pengertian web

portal, pengertian internet, pengertian world wide web, pengertian http, bahasa pemograman yang digunakan, tinjauan perangkat lunak dan sebagainya.

BAB III ANALISIS DAN PERANCANGAN

Bab ini memaparkan tentang analisis sistem, analisis masalah, analisis yang sedang berjalan, analisis kebutuhan non fungsional, perancangan sistem, perancangan antar muka dan sebagainya.

BAB IV IMPLEMENTASI

Pada bab ini diuraikan tentang lingkungan implementasi, implementasi antar muka, pengujian perangkat lunak yang menggunakan pengujian alpha dan betha. BAB V KESIMPULAN DAN SARAN

Pada bab ini berisi tentang kesimpulan dan saran yang diajukan agar dapat menjadi bahan pertimbangan.

9

2.1Tinjauan Instansi

Pada tinjauan perusahaan ini akan dibahas mengenai sejarah berdirinya sekolah, struktur organisasi, visi misi sekolah, tempat dan kedudukan sekolah.

2.1.1Sejarah SMAN 1 Ciparay.

SMAN 1 Ciparay didirikan pada tanggal 2 Pebruari 1985, pada awal berdirinya SMA Negeri 1 Ciparay meminjam 3 ruangan kelas dari SMPN 1 Ciparay yang bertempat di Jalan Raya Laswi No. 809. Pada tiga tahun pelajaran pertamanya 1985/1986 sampai 1987/1988 pengelolaan dan pembinaan SMA Negeri 1 Ciparay diserahkan kepada SMA Negeri 1 Bale Endah dengan Kepala Sekolah dirangkap oleh Drs. Husnu (1985 - 1986) dan digantikan oleh Drs. Ahmad Rukawi Fahrudin (1986 - 1988).

Pada tahun 1988 SMA Negeri 1 Ciparay mulai dapat mengelola secara mandiri dan jabatan kepala sekolah dipegang oleh Dra. Popon Suparsih. Pada tahun itu pula SMA Negeri 1 Ciparay mendirikan bangunan sendiri yang bertempat di Jalan Raya Pacet No. 188 dengan jumlah gedung sebanyak 4 gedung kelas dan 1 gedung guru.

Dalam sejarah perkembangannya SMA Negeri 1 Ciparay telah beberapa kali melakukan pergantian Kepala sekolah diantaranya :

. Drs. Husnu Wangsaatmaja, merangkap SMA Bale Endah (1985 - 1986)

. Dra.Popon Suparsih (1988 - 1993)

. Drs.Bardin (1993 - 1995)

. Drs.Toto Suherna (1995 - 1998)

. Drs.Lili (1 semester 1997 - 1998)

. Drs.Dedi Hidayat (1998 - 2005)

. Drs.H. Aa Sudaya (2005 - 2009)

. Drs. H.Tjahra Sumpena, M.M.Pd. (2009 - Sekarang)

Pada tahun 2007 sesuai dengan SK BAP-SM Provinsi Jawa Barat Nomor 02.00/90/BAP-SM/ZI/2007 SMA Negeri 1 Ciparay sudah terakreditasi dengan akreditasi A (Sangat Baik). Pada saat ini SMA Negeri 1 Ciparay telah memiliki 18 gedung kelas, 1 gedung Laboratorium Bahasa, 1 gedung Laboratorium Fisika, 1 gedung Laboratorium Biologi, 1 gedung Laboratorium Komputer, 1 gedung Laboratorium Kesenian.

2.1.2Visi dan Misi 2.1.2.1Visi

Mewujudkan sekolah yang unggul dalam prestasi terdidik dan berbudaya untuk menghasilkan lulusan yang menguasai ilmu pengetahuan dan teknologi dengan berlandaskan nilai-nilai religius, kultural dan berwawasan lingkungan.

2.1.2.2Misi

1. Peningkatan mutu pendidikan dan pengajaran.

2. Peningkatan pembinaan kesiswaan dan kegiatan ektrakurikuler. 3. Meningkatkan pelayanan kepada seluruh pengguna jasa. 4. Mengoptimalkan pemanfaatan sarana prasarana sekolah.

5. Peningkatan pengamalan nilai-nilai Agama Islam dalam kehidupan di sekolah. 6. Menumbuhkan kesadaran kehidupan demokrasi.

7. Peningkatan hubungan dengan masyarakat melalui konsep mangement berbasis sekolah (MBS).

2.1.3Struktur Organisasi

Struktur organisasi merupakan susunan yang terdiri dari fungsi-fungsi dan hubungan-hubungan yang menyatakan keseluruhan kegiatan untuk mencapai suatu sasaran. Struktur keorganisasian pada SMAN 1 Ciparay dapat dilihat pada gambar 2.1.

2.2Landasan Teori 2.2.1 Konsep Dasar Web 2.2.1.1Pengertian Web

Web portal kadangkala disebut dengan portal atau portal internet (internet portal). Di dalam dunia internet istilah ini dimaksudkan untuk website yang menyediakan beraneka ragam informasi untuk para pengunjungnya. Portal adalah aplikasi berbasis web yang menyediakan fasilitas akses dari satu titik terhadap sumber-sumber informasi online terdistribusi, seperti dokumen yang didapat melalui pencarian, kanal berita dan link ke situs khusus. Untuk mempermudah user, biasanya disediakan kemampuan pencarian dan pengorganisasian informasi.

Portal dalam perkembangannya tidak hanya mendukung satu komunitas tapi beberapa komunitas. Portal juga mendukung berbagai macam servis atau layanan yang membedakannya dengan web site HTML biasa. Portal juga melibatkan berbagai macam komponen teknik yang mendukung berfungsinya portal tersebut. Portal juga terdiri dari berbagai macam infrastruktur yang mendukung portal itu berdiri. Karena tanpa infrastruktur ini dia tidak akan dapat memberikan layanan. Untuk bisa mendirikan dan memberikan portal ada beberapa strategi dan implementasi yang harus diperhatikan oleh pengelolanya.

2.2.1.2Pengertian Internet

Internet adalah himpunan informasi dan sumber daya komputer yang paling besar di dunia. Internet merupakan koneksi berbagai macam jaringan komputer dengan berbagai jenis hardware dan teknologi yang berbeda[5]. Komunikasi yang dibangun pada jaringan internet menggunakan mekanisme tertentu yang disebut

dengan protocol. Protocol yang digunakan untuk menjalankan komunikasi antar jaringan komputer pada internet ini adalah Transmission Control Protocol/ Internet Protocol (TCP/IP). Dengan menggunakan protokol yang sama yaitu TCP/IP, perbedaan jenis komputer dan sistem operasi tidak menjadi masalah. TCP/IP pada awal perkembangannya digunakan oleh Defense Advanced Research Project Agency (DARPA) untuk membangun jaringan untuk keperluan militer. Nama TCP/IP sendiri diambil dari nama protokol pada layer network yaitu Internet Protocol (IP) dan protokol pada layer transfort yaitu Transmission Control Protocol (TCP). Dengan mengacu pada nama ini, TCP/IP internet kemudian sering disebut sebagai Internet. Arsitektur protokol TCP/IP ini dapat dimodelkan dengan empat layer sebagaimana yang dapat dilihat pada gambar berikut.

Gambar 2.2. Arsitektur Protokol TCP/IP

TCP/IP terdiri dari empat lapis kumpulan protokol yang bertingkat. Empat tingkat itu adalah :

1. Application Layer, yaitu layer yang bertanggung jawab terhadap aplikasi-aplikasi yang menggunakan TCP/IP.

2. Transport Layer, yaitu layer yang bertanggung jawab memberikan layanan pengiriman data dari satu node ke node yang lain.

3. Internet Layer, yaitu layer yang menentukan jenis datagram dan menangani perutean data yang dikirim.

4. Network Interface Layer, yaitu layer yang bertanggung jawab untuk mengirim dan menerima data pada media fisik transmisi yang digunakan. Proses yang terjadi pada internet mempunyai mekanisme yang telah diatur berdasarkan protokol standar. Proses yang terjadi di internet adalah ada satu program yang meminta kepada program yang lain untuk memberikan suatu layanan. Dua program tersebut dapat terletak dalam subnet yang sama ataupun berbeda. Komputer dengan program yang meminta layanan disebut dengan client sedangkan yang memberikan layanan disebut server. COL[2]

2.2.1.3Web Server

Web server adalah server internet yang mampu melayani koneksi transfer data dalam protokol HTTP. Web server dirancang untuk melayani bahasa jenis data, mulai dari text, hypertext, gambar (image), suara, plug in, dan lain sebagainya. Web server pada umumnya melayani data dalam bentuk file HTML.

2.2.1.4Domain Name Server (DNS)

Untuk mengidentifikasi suatu entitas, protokol TCP/IP menggunakan alamat IP. Namun apabila dalam aplikasi setiap orang harus menghafal alamat IP untuk melakukan komunikasi bisa berakibat timbulnya kesulitan untuk mengingat. Apalagi jika perkembangan internet sudah demikian pesat. Untuk itu protokol TCP/IP memiliki suatu metode untuk membuat suatu map yang menterjemahkan nama kepada alamat IP atau sebaliknya. Metode ini disebut juga sebagai Domain Name System (DNS).

Domain Name System (DNS) adalah distribute database system yang digunakan untuk pencarian nama komputer (name resolution) di jaringan yang mengunakan TCP/IP (Transmission Control Protocol/Internet Protocol). DNS biasa digunakan pada aplikasi yang terhubung ke Internet seperti web browser atau e-mail, dimana DNS membantu memetakan host name sebuah komputer ke IP address. Selain digunakan di Internet, DNS juga dapat di implementasikan ke private network atau intranet dimana DNS memiliki keunggulan seperti[2]: 1. Mudah, DNS sangat mudah karena user tidak lagi direpotkan untuk mengingat

2. Konsisten, IP address sebuah komputer bisa berubah tapi host name tidak berubah.

Simple, user hanya menggunakan satu nama domain untuk mencari baik di Internet maupun di Intranet.

2.2.1.5Pengertian World Wide WebWWW

World Wide Web (WWW) merupakan suatu sistem penyedia informasi dengan skala yang besar yang mengelola informasi tersebut secara terdistribusi dalam internet dengan menggunakan teknologi hypermedia.

WWW mempunyai karakteristik : a. Dukungan interface yang terintegrasi

WWW menyediakan suatu interface yang terintegrasi terhadap protokol, format data, sistem pengalamatan, dan lain-lain sehingga berbagai macam layanan dan basis data yang ada di internet dapat diakses secara langsung. b. Kemudahan pada sisi pengguna

WWW mendukung secara transparan sebagian besar aplikasi-aplikasi yang terdapat di internet seperti layanan telnet, gopher, anonymousftp, finger, dan lain – lain. Kombinasi layanan ini memberikan user interface yang terintegrasidengan aplikasi – aplikasi internet yang lain.

c. Kemudahan dalam perkembangan

Kapabilitas server WWW dapat dikembangkan secara mudah dengan menggunakan standar PHP antara server WWW dengan alplikasi yang lain. Program PHP juga memungkinkan perubahan informasi secara dinamis yang dapat diperoleh secara real time.

d. Tidak tergantung pada flatform tertentu

WWW memungkinkan seseorang dapat membangun server WWW di berbagai sistem yang berlainan dan memberikan informasi dalam bentuk hypermedia. WWW tidak didesain untuk mendukung sistem tertentu.

WWW menggunakan model client server. WWW juga menggunakan ekspresi informasi, transfer informasi, metode penamaan informasi yang standar sehingga dapat memproses dan mentransfer informasi secara terdistribusi yang dilakukan secara sistematik.

Informasi yang terdistribusi disimpan di dalam server WWW dan user mengakses informasi tersebut menggunakan suatu software yang disebut dengan browser. Server menyimpan informasi di dalam file-file terstruktur menggunakan Hypertext Markup Language (HTML). Hypertext merupakan kumpulan teks-teks yang saling berhubungan satu sama lainnya. Hypermedia serupa dengan hypertext, hanya saja media yang digunakan bukan hanya teks akan tetapi meliputi juga audio, image, dan video.

WWW menggunakan standar untuk mencapai konsistensi dalam menghasilkan dan melakukan transfer informasi. WWW menggunakan HTML sebagai standar produksi informasi dengan menggunakan Hypertext Transfer Protocol (HTTP) sebagai standar transfer informasi. WWW menggunakan standar penamaan yang disebut dengan Universal Resource Locator (URL) untuk mendukung penyediaan informasi secara universal dalam server yang terdistribusi.

2.2.1.6Pengertian HTTP

HTTP merupakan sebuah protokol yang didesain untuk men-trasfer informasi dalam bentuk hypermedia antara server dengan sebuah client. HTTP juga men-transfer data suatu informasi melalui header-nya. Header HTTP ini merupakan bentuk pengembangan dari Multipurpose Internet Mail Extentions (MIMEs). Pengembangan ini memungkinkan HTTP untuk ment-ransfer informasi dalam bentuk biner dan informasi dalam bentuk yang tidak standar yang berhasil dinegosiasi antara server dan client. Secara umum, delay akan terjadi pada saat melakukan suatu negosiasi sebelum proses transfer data. Karena lama dari delay yang disebabkan oleh overhead akan menjadi relative lebih besar pada transfer data yang sebetulnya singkat.

HTTP merupakan protokol yang sederhana yang didesain untuk mereduksi delay. HTTP merupakan protokol yang bersifat stateless, sehingga server akan memproses setiap request dari user secara terpisah dari request yang lain, independen terhadap request yang sebelumnya. HTTP menggunakan 8 bit untuk mentransfer semua tipe data yang mungkin.

Mekanisme yang terjadi pada HTTP bila suatu client menginginkan layanan dari server dibagi dalam 4 langkah, yaitu :

1. Connection Setup

Client mengakses sebuah server dengan menggunakan internet address dan port number. Default dari port number adalah 80.

Client mengirimkan message berupa informasi dari metode transaksi dan kapabilitas client.

3. Response

Server mengirimkan response kepada client sesudah client itu menyelesaikan request-nya. Response message meliputi informasi dari transaksi dan data yang diminta.

4. Connection Release

Client mengakhiri koneksi ke server.

Gambar 2.4 Proses Koneksi Protokol HTTP antara client dan server 2.2.1.7Aplikasi Program Berbasis Web

Banyak situs internet yang memiliki halaman dengan sifat statis seperti profil perusahaan, artikel, dan keterangan-keterangan lain. Situs ini mempunyai dokumen dengan teks yang sederhana, image dan hyperlinks ke dokumen yang dimilikinya. Untuk mengembangkan situs yang bersifat statis, kita menggunakan teknologi client side. HTML dan Cascading Style Sheet (CSS) dapat digunakan untuk mengatur struktur dan menampilkan halaman isi. Seandainya ingin diperindah dapat ditambahkan script yang sifatnya client side, seperti JavaScript, Jscript ataupun VBScript.

Dengan berkembangnya internet, situs yang ada di internet tidak hanya berfungsi untuk mempresentasikan content tetapi cenderung berupa aplikasi yang kebanyakan terhubung ke suatu basis data. Pada tahapan ini situs akan bersifat dinamis, karena content yang dipresentasikan akan bervariasi dan berubah-ubah sesuai dengan data yang diminta dan action dari user. Untuk mengembangkan situs yang dinamis diperlukan teknologi server side seperti PHP, ASP, Perl dan CGI yang lain. Dengan teknologi server side kita dapat mengembangkan suatu aplikasi berbasis internet yang dapat mengahsilkan dan menampilkan content secara dinamis.

Pada saat ada suatu request dari browser, server web akan melakukan langkah-langkah :

a. Membaca request yang dikirim oleh browser b. Mencari dan menemukan halaman di server

c. Mengirim halaman yang diminta melalui internet ke browser.

Pada saat ada suatu request dari browser, server web akan melakukan langkah – langkah :

a. Membaca request yang dikirim dari browser. b. Mencari dan menemukan halaman di server.

c. Menterjemahkan perintah yang diberikan oleh bahasa program server-side menjadi halaman HTML.

d. Mengirim halaman yang diminta melalui internet ke browser.

Perbedaan utama antara HTML dengan bahasa server side adalah HTML diterjemahkan oleh client browser, tidak dieksekusi di server.

Dengan membuat kode yang dapat di eksekusi pada server, kita dapat menciptakan banyak sekali aplikasi yang bersifat dinamis dan dapat dikendalikan oleh user melalui browser.

Beberapa kelebihan teknologi server side dibandingkan dengan HTML : a. Memberikan kemudahan untuk mengedit suatu content suatu halaman web,

pengeditan dapat dilakukan dengan meng-update content dalam suatu basis data dan tidak lagi pada kode HTML nya.

b. Dapat membuat halaman yang dapat di kostumisasi penampilannya sesuai dengan keinginan user.

c. Dapat menampilkan dan melakukan perubahan data pada basis data yang dapat dilakukan melalui halaman web itu sendiri.

Memperoleh feedback dari user yang mengembalikan informasi berdasarkan isian yang disediakan untuk user.

2.2.2 Pengertian Basis Data

Basis data terdiri dari 2 kata[1], yaitu basis dan data. Basis dapat diartikan sebagai markas, gudang, tempat berkumpul atau tempat penyimpanan. Data adalah representasi fakta dunia nyata yang mewakili suatu objek seperti manusia, barang, hewan, peristiwa, konep keadaan, dan sebagainya, yang direkam dalam bentuk angka, huruf, simbol, teks, gambar, bunyi, atau kombinasinya. Basis data merupakan himpunan kelompok data yang saling berkaitan dan tempat untuk menampung dan mengorganisasikan seluruh data yang ada dalam sistem, sehingga dapat dieksplorasi untuk menyusun informasi – informasi dalam berbagai bentuk.

Prinsip utama basis data adalah pengaturan data atau arsip dengan tujuan utama untuk kemudahan dan kecepatan dalam pengambilan kembali data atau arsip tersebut. Dapat disimpulkan bahwa basis data memiliki kesamaan fungsi dan prinsip kerja dengan lemari arsip, perbedaan antara basis data dengan lemari arsip hanya terletak pada media penyimpanan yang digunakan.

2.2.3 Perancangan Sistem

Tahap perancangan disebut juga tahap pemecahan masalah, yaitu dengan menyusun suatu algoritma, alur sistem, masukan, prosedur proses, keluaran, dan database. Proses perancangan diperlukan untuk menghasilkan suatu rancangan sistem yang baik, karena dengan rancangan yang tepat akan menghasilkan sistem yang stabil dan mudah dikembangkan di masa mendatang. Berikut ini akan dijelaskan rangkaian atau ruang lingkup sistem yang akan dirancang dengan memanfaatkan alat bantu seperti :

2.2.3.1Diagram Konteks

Diagram konteks merupakan pola penggambaran yang berfungsi untuk memperlihatkan interaksi tersebut dengan lingkungan dimana sistem tersebut ditempatkan. Dalam diagram konteks, sistem dianggap sebuah objek yang tidak dijelaskan secara rinci karena yng ditekankan adalah interaksi sistem dengan lingkungan yang akan mengaksesnya.

2.2.3.2Data Flow Diagram

Data Flow Diagram (DFD –DAD/Diagram Alir Data) memperlihatkan hubungan fungsional dari nilai yang dihitung oleh sistem, termasuk nilai masukan, nilai keluaran, serta tempat penyimpanan internal. DAD adalah gambaran grafis

yang memperlihatkan aliran data dari sumbernya dalam objek kemudian melewati proses yang mentransformasinya ke tujuan yang lain, yang ada pada objek lain. DAD sering digunakan untuk menggambarkan suatu sistem yang telah ada atau sistem baru yang akan dikembangkan secara logika tanpa mempertimbangan lingkungan fisik dimana data tersebut mengalir. DFD merupakan alat yang digunakan pada metodologi pengembangan sistem yang terstruktur (structured analysis and design). DFD merupakan alat yang cukup populer sekarang ini, karena dapat menggambarkan arus data di dalam sistem dengan terstruktur jelas.

Beberapa simbol yang digunakan dalam Data Flow Diagram (DFD) antara lain:

1. External Entity (kesatuan luar) atau boundary (batas sistem)

Setiap sistem pasti mempunyai batas sistem (boundary) yang memisahkan suatu sistem dengan lingkungan luarnya. Sistem akan menerima input dan menghasilkan output kepada lingkungan luarnya. Kesatuan luar (external entity) merupakan kesatuan (entity) di lingkungan luar sistem yang dapat berupa orang, organisasi atau sistem lainnya yang berada di lingkungan luarnya yang akan memberikan input atau menerima output dari sistem. 2. Data Flow (arus data)

Arus data (data flow) di DFD diberi simbol suatu panah. Arus data ini mengalir diantara proses (process), simpanan data (data strore) dan kesatuan luar (external entity). Arus data ini menunjukkan arus dari data yang dapat berupa masukan untuk sistem atau hasil dari proses sistem.

Suatu proses adalah kegiatan atau kerja yang dilakukan oleh orang , mesin atau kompuiter dari hasil suatu arus data yang masuk ke dalam proses untuk dihasilkan arus data yang akan keluar dari proses. Untuk physical data flow diagram (PDFD), proses dapat dilakukan oleh orang, mesin atua komputer, sedangkan untuk logical data flow diagram (LDFD), suatu proses hanya menunjukkan proses dari komputer. Setiap proses harus diberi penjelasan yang lengkap meliputu identifikasi proses, nama proses dam pemroses.

4. Data Store (simpanan luar)

Simpanan data (data store) merupakan simpanan dari data yang dapat berupa, yaitu suatu file atau database di sistem komputer, suatu arsip atau catatan manual, suatu kotak tempat data di meja seseorang, suatu tabel acuan manual, dan suatu agenda atau buku.

2.2.3.3Diagram E-R (Entity Relationship Diagram)

ERD adalah peralatan yang berfungsi untuk menggambarkan relasi atau hubungan dari dua file atau dua tabel yang dapat digolongkan dalam tiga macam bentuk relasi, yaitu satu – satu (1 – 1), satu – banyak (1 – N), banyak – banyak (N – N)[3]. Model entity relationship yang berisi komponen – komponen himpunan entitas dan himpunan relasi yang masing–masing dilengkapi dengan atribut– atribut yang merepresentasikan seluruh fakta yang kita tinjau digambarkan lebih sistematis dengan menggunakan Diagram E–R. Pembuatan Diagram E–R meliputi tahap – tahap berikut:

a. Mengidentifikasi dan menetapkan seluruh himpunan entitas yang akan terlihat. b. Menentukan atribut – atribut key dari masing – masing himpunan entitas.

c. Mengidentifikasi dan menetapkan seluruh himpunan relasi di antara himpunan entitas–himpunan entitas yang ada beserta foreign key yang terdapat pada relasi tersebut.

d. Menentukan derajat atau kardinalitas relasi untuk setiap himpunan relasi. Melengkapi himpunan entitas dan himpunan relasi dengan atribut – atribut deskriptif (non key).

2.2.3.4Struktur Menu

Struktur menu merupakan gambaran mengenai struktur menu program yang akan dibuat yang digambarkan dalam bentuk diagram.

2.2.3.5Kamus Data (Data Dictionary)

Kamus data adalah peralatan yang ikut berperan dalam perancangan dan pembangunan sistem informasi karena berfungsi untuk menjelaskan arti aliran data dan penyimpanan dalam penggambaran pada data flow diagram, mendeskripsikan komposisi paket data yang bergerak melalui aliran, dan menjelaskan spesifikasi nilai dan satuan yang relevan terhadap data yang mengalir dalam sistem tersebut.

2.2.4 Software Pendukung

2.2.4.1PHP (Personal Home Page)

PHP adalah salah satu bahasa sever-side yang didesain khusus untuk aplikasi web. PHP dahulunya merupakan proyek pribadi dari Rasmus Lerdorf (dengan dikeluarkannya php versi 1) yang digunakan untuk membuat home page pribadinya. Versi pertama ini berupa kumpulan script PERL. Untuk versi keduanya, Rasmus menulis ulang script-script PERL tersebut menngunakan

bahasa C, kemudian menambahkan fasilitas untuk form html dan koneksi MYSQL. Adapun PHP didapat dari singkatan Personal Home Pages.

PHP merupakan bahasa script yang digunakan untuk membuat halaman web yang dinamis. Dinamis berarti halaman yang ditampilkan dibuat saat halaman itu diminta oleh client. Mekanisme ini menyebabkan informasi yang diterima client selalu yang terbaru. Semua svript PHP dieksekusi pada server dimana script tersebut dijalankan. Oleh karena itu, spesifikasi server lebih berpengaruh pada eksekusi dari script PHP daripada spesifikasi client. Namun tetap diperhatikan bahwa halaman web yang dihasilkan tentunya harus dapat dibuka oleh browser pada client.

PHP masuk kedalam kategori server-side scripting dimana browser pada client tidak lagi bertanggung jawab dalam menjalankan kode-kode PHP[4], melainkan web server proses ini diilustrasikan kedalam gambar berikut.

Gambar 2.5 PHP Server side scripting

Pertama-tama web browser pada client me-request sebuah file (1). Dalam kasus ini bagaimanapun juga file yang di-request ber-ekstensi/berakhiran .php (contoh: File.php), tanda bahwa didalam file tersebut terkandung kode-kode PHP yang perlu diproses oleh server. Web server mengenali file ini dan tidak mengirim

file tersebut langsung ke browser, tetapi dikirim ke PHP scripting engine (2) (mesin pengolah kode-kode PHP). PHP engine merupakan komponen perangkat lunak dari server yang mampu mengartikan kode-kode PHP dan memberikan output dalam kode HTML. Setiap kode PHP dapat memberikan output kode HTML yang berbeda, tergantung pada jenis request dari client (browser). Proses tersebut membangkitkan halaman HTML secara dinamis lalu dikirimkan kembali ke client (browser) untuk merespon terhadap request yang sebelumnya telah dikirimkan.

Pemrograman disisi server biasanya digunakan untuk membuat sebuah website yang interaktif yang dihubungkan kedalam basis data atau data store lain.

2.2.4.2HTML (Hypertext Markup Language)

Untuk menyediakan informasi terdistribusi dalam suatu bentuk yang terintegrasi, di perlukan suatu standart untuk mengekspresikan informasi HTML merupakan bahasa yang digunakan oleh WWW untuk konsistensi ekspresi suatu informasi. Sebuah dokumen hypermedia meliputi teks, image, suara, video, dan tape, informasi yang lain. HTML juga dapat menghubungkan informasi dalam dokmen yang berbeda. Bahasa HTML bersifat independen terhadap fletform sehingga dapat digunakan tanpa adanya batasan dari jenis hardware maupun software.

2.2.4.3Javascript

Javascript diperkenalkan pertama kali oleh Netscape pada tahun 1995. Pada awalnya bahasa ini dinamakan “LiveScript” yang berfungsi sebagai bahasa sederhana untuk browser Netscape Navigator 2. Pada masa itu bahasa ini banyak

di kritik karena kurang aman, pengembangannya yang terkesan buru buru dan tidak ada pesan kesalahan yang di tampilkan setiap kali kita membuat kesalahan pada saat menyusun suatu program. Kemudian sejalan dengan sedang giatnya kerjasama antara Netscape dan Sun (pengembang bahasa pemrograman “Java” ) pada masa itu, maka Netscape memberikan nama “JavaScript” kepada bahasa tersebut pada tanggal 4 desember 1995. Pada saat yang bersamaan Microsoft sendiri mencoba untuk mengadaptasikan teknologi ini yang mereka sebut sebagai “Jscript” di browser Internet Explorer 3.

Javascript adalah bahasa yang berbentuk kumpulan skrip yang pada fungsinya berjalan pada suatu dokumen HTML, sepanjang sejarah internet bahasa ini adalah bahasa skrip pertama untuk web. Bahasa ini adalah bahasa pemrograman untuk memberikan kemampuan tambahan terhadap bahasa HTML dengan mengijinkan pengeksekusian perintah perintah di sisi user, yang artinya di sisi browser bukan di sisi server web.

Javascript bergantung kepada browser(navigator) yang memanggil halaman web yang berisi skrip skrip dari Javascript dan tentu saja terselip di dalam dokumen HTML. Javascript juga tidak memerlukan kompilator atau penterjemah khusus untuk menjalankannya (pada kenyataannya kompilator Javascript sendiri sudah termasuk di dalam browser tersebut). Lain halnya dengan bahasa “Java” (dengan mana JavaScript selalu di banding bandingkan) yang memerlukan kompilator khusus untuk menterjemahkannya di sisi user/klien.

Javascript merupakan suatu bahasa yang perkembangannya lambat di bandingkan dengan Java yang berkembang sangat cepat. Di Javascript kita tidak

mungkin menyembunyikan kode skrip yang kita tulis, kode langsung di tulis di dalam dokumen HTML dan sangat mudah terlihat, sedangkan di Java, kode sudah berbentuk setengah terkompilasi (dalam bentuk applet) dan tidak mungkin terlihat dari dalam dokumen HTML, satu mesin virtual di sisi user yang bertanggung jawab untuk menterjemahkan program di dalam applet tersebut setiap kali halaman HTML yang memuat applet tersebut dipanggil oleh browser. Dibandingkan dengan applet java yang cukup lambat dibuka oleh browser, bisa kita katakan bahwa Javascript cukup cepat di panggil(di load) oleh navigator.

JavaScript sendiri merupakan bahasa yang mudah dipahami, dalam artian diperlukan skill novice atau dasar untuk mengerti bahasa ini, jika anda sudah terbiasa dan mengenal konsep bahasa pemrograman visual, maupun Java ataupun C, akan sangat mudah untuk memahami konsep Javascript.

JavaScript adalah bahasa yang “case sensitive” artinya membedakan penamaan variabel dan fungsi yang menggunakan huruf besar dan huruf kecil, contoh variabel atau fungsi dengan nama TEST berbeda dengan variabel dengan nama test. Dan yang terakhir seperti bahasa Java ataupun C, setiap instruksi diakhiri dengan karakter titik koma (;).

2.2.4.4Cascading Style Sheet (CSS)

Cascadding stylesheet (CSS) adalah bahasa stylesheet yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup[6].

Penggunaan yang paling umum dari CSS adalah untuk memformat halaman web yang ditulis HTML dan XHTML. Walaupun demikian, bahasanya sendiri

dapat digunakan untuk semua jenis dokumen XML termasuk SVG dan XVL. Spesifikasi CSS diatur oleh world wide web consortium (W3C).

CSS digunakan terutama untuk memisahkan antara isi dokumen (yang ditulis denganHTML atau bahasa markup lainnya) dengan presentasi dokumen (yang ditulis dengan CSS). Pemisahan ini dapat meningkatkan aksesibilitasi isi, memberikan lebih banyak keleluasaan dan kontrol terhadap tampilan, dan mengurangi kompleksitas serta pengulangan pada struktur isi.

CSS memungkinkan halaman yang sama untuk menampilkan cara yang berbeda, seperti mrelalui layar, cetak, suara (sewaktu dibacakan oleh browser basis suara atau pembaca layar), dan juga alat pembaca braille, halaman HTML atau XML yang sama juga dapat ditampilkan secara berbeda, baik dari segi gaya tampilan atau skema warna dengan menggunakan CSS.

2.2.4.5MySQL

MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL (database management system) atau DBMS yang multithread, multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL AB membuat MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi GNU General Public License (GPL), tetapi mereka juga menjual dibawah lisensi komersial untuk kasus-kasus dimana penggunaannya tidak cocok dengan penggunaan GPL.

Tidak sama dengan proyek-proyek seperti Apache, dimana perangkat lunak dikembangkan oleh komunitas umum, dan hak cipta untuk kode sumber dimiliki oleh penulisnya masing-masing, MySQL dimiliki dan disponsori oleh sebuah perusahaan komersial Swedia MySQL AB, dimana memegang hak cipta hampir

atas semua kode sumbernya. Kedua orang Swedia dan satu orang Finlandia yang mendirikan MySQL AB adalah: David Axmark, Allan Larsson, dan Michael "Monty" Widenius.

Gambar 2.6. MySQL Multiple Storage Engine Architecture

MySQL adalah Relational Database Management System (RDBMS) yang didistribusikan secara gratis dibawah lisensi GPL (General Public License). Dimana setiap orang bebas untuk menggunakan MySQL, namun tidak boleh dijadikan produk turunan yang bersifat closed source atau komersial. MySQL sebenarnya merupakan turunan salah satu konsep utama dalam database sejak lama, yaitu SQL (Structured Query Language). SQL adalah sebuah konsep pengoperasian database, terutama untuk pemilihan atau seleksi dan pemasukan data, yang memungkinkan pengoperasian data dikerjakan dengan mudah secara otomatis. Keandalan suatu sistem database (DBMS) dapat diketahui dari cara kerja optimizer-nya dalam melakukan proses perintah-perintah SQL, yang dibuat oleh user maupun program-program aplikasinya. Sebagai database server, MySQL dapat dikatakan lebih unggul dibandingkan database server lainnya dalam query data. Hal ini terbukti untuk query yang dilakukan oleh single user,

kecepatan query MySQL bisa sepuluh kali lebih cepat dari PostgreSQL dan lima kali lebih cepat dibandingkan Interbase. Selain itu MySQL juga memiliki beberapa keistimewaan, antara lain :

1. Portability

MySQL dapat berjalan stabil pada berbagai sistem operasi seperti Windows, Linux, FreeBSD, Mac Os X Server, Solaris, Amiga, dan masih banyak lagi.

2. OpenSource

MySQL didistribusikan secara open source (gratis), dibawah lisensi GPL sehingga dapat digunakan secara cuma-cuma.

3. Multiuser

MySQL dapat digunakan oleh beberapa user dalam waktu yang bersamaan tanpa mengalami masalah atau konflik.

4. Performancetuning

MySQL memiliki kecepatan yang menakjubkan dalam menangani query sederhana, dengan kata lain dapat memproses lebih banyak SQL per satuan waktu.

5. Columntypes

MySQL memiliki tipe kolom yang sangat kompleks, seperti signed / unsigned integer, float, double, char, text, date, timestamp, dan lain-lain.

6. Commanddanfunctions

MySQL memiliki operator dan fungsi secara penuh yang mendukung perintah Select dan Where dalam query.

7. Security

MySQL memiliki beberapa lapisan sekuritas seperti level subnetmask, nama host, dan izin akses user dengan sistem perizinan yang mendetail serta password terenkripsi.

8. Scalabilitydanlimits

MySQL mampu menangani database dalam skala besar, dengan jumlah records lebih dari 50 juta dan 60 ribu tabel serta 5 milyar baris. Selain itu batas indeks yang dapat ditampung mencapai 32 indeks pada tiap tabelnya.

9. Connectivity

MySQL dapat melakukan koneksi dengan client menggunakan protokol TCP/IP, Unix soket (UNIX), atau Named Pipes (NT).

10. Localisation

MySQL dapat mendeteksi pesan kesalahan pada client dengan menggunakan lebih dari dua puluh bahasa. Meskipun demikian, bahasa Indonesia belum termasuk didalamnya.

11. Interface

MySQL memiliki interface (antar muka) terhadap berbagai aplikasi dan bahasa pemrograman dengan menggunakan fungsi API (Application Programming Interface).

MySQL dilengkapi dengan berbagai tool yang dapat digunakan untuk administrasi database, dan pada setiap tool yang ada disertakan petunjuk online.

13.Struktur tabel

MySQL memiliki struktur tabel yang lebih fleksibel dalam menangani ALTER TABLE, dibandingkan database lainnya semacam PostgreSQL ataupun Oracle.

2.2.4.6Macromedia Ddreamweaver 8

Macromedia Dreamweaver 8 adalah HTML editor profesional yang berfungsi mendesain, melakukan coding dan mengembangkan website yang paling terkenal di dunia web. Macromedia adalah produsen software website yang paling besar di dunia. Selain dreamweaver, macromedia juga mengeluarkan produk seperti macromedia flash, fireworks, coldfusion, freehand, director dan sebagainya.

Salah satu kelebihan dreamweaver adalah ruang kerja dreamweaver beserta tool yang tersedia dapat digunkan dengan sangar mudah dan cepat, sehingga anda bias membangun suatu website dengan cepat dan tanpa harus melakukan coding. Selain itu dreamweaver juga mempunyai integrasi dengan produk macromedia lainnya, seperti Flash, Firework, flash sudah sengat terkenal sebagai program untuk membuat animasi yang berbasis web. Dengan perkembangan kebutuhan dan teknologi, flash akhir-akhir juga digunakan untuk membuat animasi untuk video.

Fungsi coding dreamweaver tidak hanya mendukung coding HTML, tetapi juga CSS (cascading style sheet), javascript, coldfusion, ASP(active server page), JSP (javaserver Pages) dan dreamweaver juga memungkinkan anda membangun

website dengan server berbahasa CFML (Cold Fusion markup language), ASP.net, JSP dan PHP.

2.2.4.7WAMP

WAMP yaitu Windows, Apache, MySQL, dan Perl, PHP dan Phyton yang merupakan model yang dikembangkan setelah model yang terkenal dengan nama LAMP (Linux, Apache, MySQL, PHP dan PERL). WampServer adalah sebuah manager service yang akan menginstal Apache, PHP5, database MySQL, PHPmyadmin dan SQLitemanager di komputer anda. WampServer 2.0 dahulu bernama WAMP5. Wamp server merupakan softwere freeware yang artinya dapat di download secara gratis di internet. Kegunaan wamp server ini untuk membuat jaringan lokal sendiri, dalam artian dapat membuat website secara offline untuk masa percobaan di komputer lokal.

3.1. Analisis Sistem

Analisis sistem dapat didefinisikan sebagai penguraian dari suatu sistem informasi yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk mengidentifikasikan dan mengevaluasi permasalahan-permasalahan, kesempatan-kesempatan, hambatan-hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan - perbaikannya.

3.1.1. Analisis Masalah

Pada saat ini website SMAN 1 Ciparay dirasakan memiliki beberapa keterbatasan, oleh karena itu pihak sekolah merasakan perlunya melakukan pengembangan terhadap website tersebut. Keterbatasan pada website SMAN 1 Ciparay menimbulkan hadirnya beberapa permasalahan yang mendorong terjadinya pengembangan pada website SMAN 1 Ciparay dan diharapkan dapat mengatasi permasalahan yang terjadi. Beberapa permasalahan yang mendorong dilakukannya pengembangan website ini antara lain :

1. Sulitnya mendistribusikan informasi dari pihak sekolah kepada masyarakat dan civitas akademika SMAN 1 Ciparay.

2. Sulitnya siswa mendapatkan materi pelajaran serta materi tambahan diluar jam pelajaran.

3. Tidak adanya sarana bagi siswa untuk mempromosikan hasil kreasi mereka.

5. Tidak berjalannya media promosi sekolah terhadap masyarakat. 3.1.2. Analisis Sistem yang sedang berjalan

Prosedur merupakan urutan kegiatan yang tepat dari tahapan-tahapan yang menerangkan mengenai proses apa yang dikerjakan, siapa yang mengerjakan proses tersebut, bagaimana proses tersebut dapat dikerjakan dan dokumen apa saja yang terlibat.

Berdasakan hasil wawancara dengan pihak SMAN 1 Ciparay, prosedur kegiatan yang sedang berjalan pada website SMAN 1 Ciparay adalah sebagai berikut :

1. Pengunjung masuk ke halaman informasi sekolah, seperti halaman profil, sejarah, visi misi, profil Kepala sekolah, profil Guru, profil TU.

2. Pengunjung mendownload nilai ujian akhir.

3. Pengunjung memberikan pesan kepada admin melaului e-mail.

Pengelolaan informasi yang terdapat dalam setiap halaman harus dilakukan secara manual oleh admin, yakni dengan cara membuat halaman baru yang berisi informasi baru yang kemudian di simpan kembali sebagai pengganti halaman lama. Hal ini tentu sangat merepotkan karena perubahan akan terjadi setiap ada informasi yang harus ditambahkan atau dikurangi seperti pada halaman Guru dan TU yang kemungkinan dapat berubah dalam jangka waktu yang relative singkat.

Gambar 3.1 Flowmap Sistem yang Sedang Berjalan

3.1.3. Analisis Pengkodean 1. Kode Guru

XXXXXXXX XXXXXX X XXX

No.Urut Pegawai

Jenis Kelamin

Tahun dan Bulan Pengangkatan Tahun, Bulan, Tanggal Lahir

Ket : Menyatakan bahwa guru tersebut lahir pada tahun 1956 bulan12 tanggal 30, Diangkat menjadi guru pada tahun 1989 pada bulan 03, jenis kelamin Laki-laki(1) dan mempunyai nomer urut pengangkatan 011 2. Kode Siswa

XXXX XX XXX

Nomer Urut

Penerimaan Kelas

Tahun Pelajaran

Contoh : 0809 10 270

Ket : Menyatakan bahwa siswa tersebut masuk pada tahun ajaran 2008-2009 di kelas 10 dan mempunyai nomer urut masuk 270

3.1.4. Analisis Basis Data

Pada analisis basis data ini bertujuan untuk menganalisis kumpulan data yang terhubung dan tersimpan secara bersama – sama yang dibutuhkan dalam mengembangkan website SMAN 1 Ciparay.

3.1.4.1. Entity Relationship Diagram (ERD)

ERD digunakan dalam membangun basisdata untuk menggambarkan relasi atau hubungan dari dua file atau dua tabel. ERD terdiri dari 2 komponen utama yaitu entitas dan relasi. Kedua komponen tersebut dideskripsikan lebih jauh melalui atribut–atribut atau properti.

Hubungan antar entitas yang terjadi dalam website SMAN 1 Ciparay dapat dilihat pada gambar 3.2 Entity Relationship Diagram berikut ini :

Gambar 3.2 E tity Relatio al Diagra

3.1.5. Analisis Kebutuhan Non Fungsional

Analisis kebutuhan non fungsional merupakan analisis yang dibutuhkan untuk menentukan spesifikasi kebutuhan sistem. Spesifikasi ini juga meliputi elemen atau komponen-komponen apa saja yang dibutuhkan untuk sistem yang akan dibangun sampai dengan sistem tersebut diimplementasikan. Analisis kebutuhan ini juga menentukan spesifikasi masukan yang diperlukan sistem, keluaran yang akan dihasilkan sistem dan proses yang dibutuhkan untuk mengolah masukan sehingga menghasilkan suatu keluaran yang diinginkan. 3.1.5.1. Analisis Perangkat Keras (hardware)

Dalam membangun web ini diperlukan alat pendukung perangkat keras

Tabel 3.1 Tabel Perangkat Keras Nama

Pengguna Spesifikasi

Server

a. Processor dengan kecepatan minimal 1,8 Ghz

b. RAM minimal 1 GB

c. Hard Disk 80 GB terpasang d. VGA minimal 256 MB

e. Monitor dengan resolusi 1024 x 768 f. Lan Card 10/100 Mbps

g. Koneksi Internet minimal 64 kbps.

Client

a. Processor dengan kecepatan minimal 500 Mhz

b. RAM minimal 256 MB c. Hard Disk 40 GB terpasang d. VGA minimal 64 MB

e. Monitor dengan resolusi 1024 x 768 f. Lan Card 10/100 Mbps

3.1.5.2. Analisis Perangkat Lunak (Software)

Kebutuhan perangkat lunak merupakan faktor-faktor yang harus dipenuhi untuk merancang sebuah perangkat lunak sehingga perangkat lunak tersebut sesuai dengan maksud dan tujuan perangkat lunak tersebut di buat. Beberapa perangkat lunak pendukung yaitu:

1. Windows XP SP2 sebagai system operasi. 2. XAMPP sebagai Web Server

3. PHP

4. Macromedia Dreamweaver 8 sebagai editor PHP. 5. MySQL sebagai DBMS

6. Tool antarmuka design Microsoft Visio 2007 7. Mozila Firefox sebagai browser

3.1.5.3. Analisis Pengguna

User yang akan memakai sistem ini terdiri dari empat user yaitu : Tabel 3.2 Tabel Pengguna

Nama Pengguna

Hak

Akses Kualifikasi

Admin / operator (Guru yang bertugas)

Mengelola seluruh isi website dan menginputkan data

Kualifikasi yang harus dimiliki admin yaitu memiliki kemampuan Menguasai komputer, pemahaman yang cukup untuk mengelola data dalam web serta memiliki pengetahuan tentang

internet, mengerti tentang jaringan dan web

Guru

melihat seluruh isi website dan mengupload E-book

Kualifikasi yang harus dimiliki Guru yaitu memiliki kemampuan dasar di bidang komputer, memiliki pemahaman yang cukup dalam mengelola data dalam web serta memiliki pengetahuan tentang internet .

Siswa

melihat seluruh isi website dan mendownload E-book

Mampu mengoprasikan komputer dan dapat melakukan browsing di internet.

Pengunjung melihat sebagian isi website

Mampu mengoprasikan komputer dan dapat melakukan browsing di internet.

3.2.Perancangan Sistem

Perancangan sistem merupakan bagian dari metedologi penelitian pengembangan suatu perangkat lunak yang dilakukan setelah tahap analisis. Perancangan bertujuan untuk memberikan gambaran secara terperinci. Perancangan sistem diharapkan dapat memecahkan permasalahan yang ada.

Tahapan ini menyangkut mengkonfirmasi dari komponen-komponen perangkat lunak dan perangkat keras dari suatu sistem sehingga setelah instalasi dari sistem akan benar-benar memuaskan dari rancang bangun yang telah ditetapkan pada akhir tahap analisis sistem.

3.2.1 Perancangan proses

Pada perancangan proses ini bertujuan untuk menghasilkan perancangan sistem informasi yang berbasis komputer. Perancangan proses sistem ini meliputi Diagram Konteks, Data Flow Diagram, dan Spesifikasi proses yang berfungsi untuk menjelaskan aliran data yang diproses sehingga dapat menghasilkan informasi yang diharapkan.

3.2.1.1Diagram Konteks

Untuk membatasi sistem yang menunjukan adanya interaksi sistem dengan komponen luar sistem maka perlu dibuat diagram konteks yang merupakan suatu diagram yang menggambarkan sistem dalam satu lingkungan dan hubungan dengan entitas luar. Diagram konteks dari sistem yang diusulkan Dapat dilihat pada gambar 3.3 berikut ini :

3.2.1.2 Data Flow Diagram

Data alir diagram atau DFD adalah suatu model logika data atau proses yang dibuat untuk menggambarkan dari mana asal data dan kemana tujuan data yang keluar, dimana data disimpan, proses apa yang dihasilkan data tersebut. 3.2.1.2.1 DFD Level 1

Pada DFD level 1 akan dijelaskan proses-proses yang terjadi pada system website SMAN1 Ciparay, yaitu :

a. Login, proses ini akan membuat perbedaan hak akses terhadap system dari tiap user yakni Admin, Guru, Siswa, dan pengunjung.

b. Pengelolaan data master, proses penambahan berita dan berita ekskull oleh Admin, dan pengaksesan oleh guru, siswa, dan pengunjung.

c. Pengelolaan data User, menggambarkan proses penambahan, penghapusan, dan pengelolaan data user yakni Admin, Guru, dan siswa yang dapat dipergunakan untuk login.

d. Pengelolaan data Book, menggambarkan proses penambahan data E-Book oleh guru, dan pengaksesan oleh Admin dan Siswa.

e. Pengelolaan karya siswa, menggambarkan proses penambahan karya siswa oleh Siswa, pemilihan karya siswa oleh Admin, serta pengaksesan karya siswa oleh Admin, Guru, dan Siswa.

Semua proses diatas digambarkan pada DFD level 1 seperti terlihat pada gambar 3.2 berikut ini :

Guru Admin Siswa Pengunjung 1.0 Login 2.0 Pengelolaan Data Master 3.0 Pengelolaan Data User 4.0 Pengelolaan Data E­Book 5.0 Pengelolaan Karya Siswa T_Admin T_Berita T_BeritaEkskul Info Berita Berita

Info Berita Ekskul Berita Ekskul

Data Ekskul Berita Berita Ekskul

Info Ekskul Info Profil Sekolah

Info Berita Info Berita Ekskul Info Ekskul Info Profil Sekolah

Info Berita Info Berita Ekskul

Info Ekskul Info Profil Sekolah

Info Berita Info Berita Ekskul T_ProfilSekolah

Info Profil Sekolah Info Ekskul Info Profil Sekolah

Info Berita Info Berita Ekskul T_Guru T_Siswa

Dt Admin Info Admin Dt Guru

Info Guru Dt Siswa Info Siswa Dt Guru Info Guru Dt Siswa Info Siswa Dt Guru Dt Siswa Info Guru Info Siswa Info Guru Info Siswa Info Guru Info Siswa T_E­Book Dt E­Book Info E­Book Dt E­Book Info E­Book Info E­Book Info E­Book

Login valid Admin, Guru, Siswa

Dt Karya Siswa

T_KaryaSiswa Info Karya Siswa Pilih Karya Siswa

Info Karya Siswa

Dt Karya Siswa

Info Karya Siswa Info Karya Siswa

6.0 Pengelolaan

Buku Tamu T_BukuTamu Info Buku Tamu Dt BukuTamu

Dt Buku Tamu

Dt Buku Tamu

Dt Buku Tamu Info Buku Tamu Info Karya Siswa Masuk T_Ekskul Data Ekskul Info Ekskul T_kelas T_Tahun_Ajaran Info Kelas

Info Tahun Ajaran 7.0 Pengelolaan Data Kelas 8.0 Pengelolaan Data Tahun Ajaran Data Kelas Data Kelas Info Kelas Info Kelas Data Tahun Ajaran Info TahunAjaran

Info Tahun Ajaran Data Tahun Ajaran

3.2.1.2.2 DFD level 2 proses 1.0 login

Pada DFD level 2 proses 1.0 login akan dijelaskan proses-proses yang terjadi pada saat user login ke dalam sistem website SMAN1 Ciparay , yaitu :

a. Verifikasi user ID, pada proses ini dijelaskan ketika Admin, Guru, dan Siswa memasukan data login kedalam system dan system melakukan pengecekan user ID.

b. Verifikasi password, pada proses ini dijelaskan ketika system melakukan pengecekan terhadap password yang diimputkan oleh user.

Proses diatas digambarkan pada DFD level 2 proses 1.0 login seperti terlihat pada gambar 3.3 berikut ini :

3.2.1.2.3 DFD level 2 proses 2.0 pengelolaan data master

Pada DFD level 2 proses 2.0 pengelolaan data master akan dijelaskan proses-proses yang terjadi pada proses pengelolaan data master, yaitu :

a. Pengelolaan berita, menggambarkan proses Admin menambahkan berita kedalam system dan pengaksesan oleh Guru, Siswa, dan pengunjung. b. Pengelolaan ekskul, menggambarkan proses Admin menambahkan ekskul

kedalam system dan pengaksesan oleh Guru, Siswa, dan pengunjung. c. Pengelolaan berita ekskul, menggambarkan proses Admin menambahkan

berita ekskul kedalam system dan pengaksesan oleh Guru, Siswa, dan pengunjung.

d. Profil sekolah, menggambarkan proses pengaksesan profil sekolah yang dibuat secara statis oleh Admin, Guru, Siswa, dan Pengunjung.

Proses diatas digambarkan pada DFD level 2 proses 2.0 pengelolaan data master seperti terlihat pada gambar 3.4 berikut ini :

Gamb ar 3.6 DFD level 2 proses 2.0 pengelolaan data master

3.2.1.2.4 DFD level 2 proses 3.0 pengelolaan data user

Pada DFD level 2 proses 3.0 pengelolaan data user akan dijelaskan proses-proses yang terjadi pada proses-proses pengelolaan data user, yaitu :

a. Pengelolaan data Admin, menggambarkan proses pengelolaan data Admin. b. Pengelolaan data Guru, menggambarkan proses pengelolaan data Guru. c. Pengelolaan data Siswa, menggambarkan proses pengelolaan data Siswa.

Proses diatas digambarkan pada DFD level 2 proses 3.0 pengelolaan data user seperti terlihat pada gambar 3.5 berikut ini :

Gambar 3.7 DFD level 2 proses 3.0 pengelolaan data user

3.2.1.2.5 DFD level 2 proses 4.0 pengelolaan data E-Book

Pada DFD level 2 proses 4.0 pengelolaan data E-Book akan dijelaskan proses-proses yang terjadi pada proses pengelolaan data E-Book, yaitu :

a. Pengelolaan E-Book, menggambarkan proses penambahan data E-Book oleh guru dan pengaksesan oleh Admin,Guru, dan Siswa.

Proses diatas digambarkan pada DFD level 2 proses 4.0 pengelolaan data E-Book seperti terlihat pada gambar 3.6 berikut ini :

Gambar 3.8 DFD level 2 proses 4.0 pengelolaan data E-Book

3.2.1.2.6 DFD level 2 proses 5.0 pengelolaan karya Siswa

Pada DFD level 2 proses 5.0 pengelolaan karya Siswa akan dijelaskan proses-proses yang terjadi pada pengelolaan karya Siswa, yaitu :

a. Penambahan karya siswa, menggambarkan proses penambahan karya siswa oleh Siswa yang masuk ke halaman Admin info karya siswa masuk. b. Pemilihan karya siswa, menggambarkan proses pemilihan karya siswa

oleh Admin dan pengaksesan karya siswa oleh Admin, Guru, Siswa. Proses diatas digambarkan pada DFD level 2 proses 5.0 pengelolaan karya siswa seperti terlihat pada gambar 3.7 berikut ini :

Gambar 3.9 DFD level 2 proses 5.0 pengelolaan karya Siswa

3.2.1.2.7 DFD level 2 proses 6.0 pengelolaan buku tamu

Pada DFD level 2 proses 6.0 pengelolaan buku tamu akan dijelaskan proses-proses yang terjadi pada pengelolaan buku tamu, yaitu :

a. Pengeloalaan buku tamu, menggambarkan proses penambahan buku tamu oleh Guru, Siswa, dan pengunjung yang masuk ke Admin.

Proses diatas digambarkan pada DFD level 2 proses 6.0 pengelolaan buku tamu seperti terlihat pada gambar 3.8 berikut ini :

Gambar 3.10 DFD level 2 proses 6.0 pengelolaan Buku Tamu

3.2.1.2.9 DFD level 3 proses 3.2 pengelolaan data Guru

Pada DFD level 3 proses 3.2 pengelolaan data Guru akan dijelaskan proses-proses yang terjadi pada pengelolaan data Guru, yaitu :

a. Tambah data guru, menggambarkan proses penambahan data Guru oleh Admin.

b. Edit data guru, menggambarkan proses pengeditan data guru oleh guru yang bersangkutan.

c. Hapus data guru, menggambarkan proses penghapusan data guru oleh admin.

d. Ganti password guru, menggambarkan proses penggantian password default guru yang diberikan admin oleh guru bersangkutan.

Proses diatas digambarkan pada DFD level 3 proses 3.2 pengelolaan data Guru seperti terlihat pada gambar 3.10 berikut ini :

5 Sangat Tidak _{Setuju 10 33}

Jumlah 30 100

Berdasarkan hasil prosentase diatas maka dapat disimpulkan sebanyak 20 atau 67% menyatakan tidak setuju, dan 10 atau 33% menyatakan sangat tidak setuju bahwa website ini pihak SMAN 1 Ciparay akan kesulitan menyampaikan informasi kepada mayrakat dan siswanya.

9. Apakah anda setuju bahwa dengan adanya website ini tidak merangsang kreatifitas siswa

Tabel 4.95 Hasil pengujian kuesioner soal nomor 9

Pertanyaan No. Keterangan Responden Prosentase _(%)

9

1 Sangat Setuju 0 0

2 Setuju 0 0

3 Biasa Saja 0 0

4 Tidak Setuju 22 73

5 Sangat Tidak _{Setuju 8 27}

Jumlah 30 100

Berdasarkan hasil prosentase diatas maka dapat disimpulkan sebanyak 22 atau 73% menyatakan tidak setuju, dan 8 atau 27% menyatakan sangat tidak setuju bahwa website ini tidak merangsang kreatifitas siswa.

10. Apakah anda setuju bahwa website ini tidak layak untuk di-online-kan? Tabel 4.96 Hasil pengujian kuesioner soal nomor 10

Pertanyaan No. Keterangan Responden Prosentase _(%)

10

1 Sangat Setuju 0 0

2 Setuju 0 0

3 Biasa Saja 0 0

4 Tidak Setuju 15 50

5 Sangat Tidak _{Setuju 15 50}

Jumlah 30 100

Berdasarkan hasil prosentase diatas maka dapat disimpulkan sebanyak 15 atau 50% menyatakan tidak setuju, dan 15 atau 50% menyatakan sangat tidak setuju bahwa website ini tidak layak untuk di-online-kan.

Berdasarkan pengujian beta diatas, bahwa dapat diambil kesimpulan bahwa: 1. Tampilan website cukup mudah dipahami

2. Website ini memberikan solusi akan sulitnya mendapatkan materi pelajaran

3. Website ini dapat membantu pihak sekolah dalam menyampaikan informasi

4. Website ini dapat merangsang kreatifitas siswa untuk berkarya 5. Website ini sudah layak dipublikasikan

4.6.2 Kesimpulan Pengujian Beta

Berdasarkan pengujian beta diatas, bahwa dapat diambil kesimpulan bahwa: . Website ini dapat memudahkan sekolah untuk menyampaikan informasi

kepada masyarakat dan siswa/i nya.

. _{Website dapat membantu siswa untuk memperoleh materi yang diberikan oleh} Guru.

. _{Website dapat merangsang kreatifitas para siswa.}

BAB V

KESIMPULAN DAN SARAN

5.1Kesimpulan

Berdasarkan penelitian yang dilakukan oleh penyusun mengenai pengembangan Website SMAN 1 Ciparay, maka dapat ditarik beberapa kesimpulan sebagai berikut :

1. Melalui Website SMAN 1 Ciparay dapat membantu proses publikasi sekolah kepada masyarakat.

2. Melalui Website SMAN 1 Ciparay dapat membantu penyampaian

informasi sekolah dan ekskul kepada seluruh civitas akademika SMAN 1 Ciparay.

3. Dengan bantuan Website SMAN 1 Ciparay Murid dapat dengan mudah mendapat materi pelajaran.

4. Menjadikan media website untuk siswa dapat berkreasi melalui karya mereka.

5.2Saran

Untuk lebih mengefektifkan website ini penulis mengusulkan beberapa saran yang dapat dijadikan pertimbangan, yaitu:

1. Ditambahkannya fasilitas nilai online bagi siswa 2. Ditambahkannya media komunikasi seperti forum

BIODATA PENULIS

Nama : Randi Fuja Rama

Nim : 10105017

Tempat / Tgl Lahir : Bandung, 30 Mei 1987

Jenis Kelamin : Laki - laki

Alamat : Jl. Raya Pacet No 302 Km. 3,2 Ciparay Kab. Bandung

40381

Telepon : 022-92128863

Email : randifujarama@gmail.com

Pendidikan

1. 1993 – 1999 : SD Negeri Cikoneng 2

2. 1999 – 2002 : SMP Negeri 1 Ciparay

3. 2002 – 2005 : SMU Negeri 1 Ciparay

4. 2005 - Sekarang : Program Studi S1 Jurusan Teknik Informatika Fakultas Teknik dan Ilmu Komputer Universitas Komputer Indonesia

Bandung, 05 Agustus 2010 Penulis