Pengembangan Website SMA Negeri 1 Ciparay

(1)

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

(2)

iii

KATA PENGANTAR

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

(3)

iv

3. Bapak Prof. Dr. Ir. Ukun Sastrapawira, M.Sc., selaku Dekan Fakultas

Teknik dan Ilmu Komputer Universitas Komputer Indonesia.

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

(4)

v

Penulis menyadari bahwa dalam penyusunan skripsi ini jauh dari

kesempurnaan sehingga saran dan perbaikan yang ditunjukkan untuk

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

(5)

vi

KATA PENGANTAR ... iii

DAFTAR ISI ...… vi

DAFTAR TABEL ... xi

DAFTAR GAMBAR ... xvi

DAFTAR SIMBOL ... xx

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

2.1.3 Struktur Organisasi ... 11

(6)

vii

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

(7)

viii

3.1.5.1 Analisis Perangkat Keras (hardware) ... 40

3.1.5.2 Analisis Perangkat Lunak (Software) ... 42

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

(8)

ix

3.2.2.5.1.7Perancangan Antar Muka Data Kontak ... 97

3.2.2.5.1.8Perancangan Antar Muka Ganti Password Admin . 98 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.12 Perancangan Antar Muka Tambah Berita Sekolah ...100

3.2.2.5.1.13 Perancangan 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.8 Perancangan 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.12 Perancangan 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

(9)

x

4.3 Implementasi Antar Muka ...127

4.4 Pengujian Perangkat Lunak ...141

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

(10)

xvi

DAFTAR GAMBAR

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

(11)

xvii

Gambar 3.15 Struktur menu Guru ... 92

Gambar 3.16 Struktur menu Siswa ... 93

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

(12)

xviii

Gambar 3.38 Perancangan Antar Muka Karya Siswa ... 107

Gambar 3.39 Perancangan Antar Muka Ekskul ... 108

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

(13)

xix

Gambar 4.10 Tampilan Tambah Berita ... 132

Gambar 4.11 Tampilan Tambah Berita Ekskul ... 132

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

(14)

xi

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

(15)

xii

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

(16)

xiii

Tabel 4.29. Hapus Guru (invalid) ... 151

Tabel 4.30. Edit Guru (valid) ... 151

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.41. Ganti Password Siswa (invalid) ... 155

(17)

xiv

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

(18)

xv

(19)

xx

DAFTAR SIMBOL

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)

(20)

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

(21)

194

DAFTAR PUSTAKA

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

(22)

xxii

DAFTAR LAMPIRAN

Lampiran A Tampilan Antar Muka ... A Lampiran B Listing Program ... B

(23)

1 BAB I PENDAHULUAN

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

(24)

2

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

(25)

3

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

(26)

4

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.

(27)

5

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

(28)

6

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

(29)

7

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

(30)

8

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

(31)

9 BAB II

TINJAUAN PUSTAKA

2.1 Tinjauan Instansi

Pada tinjauan perusahaan ini akan dibahas mengenai sejarah berdirinya

sekolah, struktur organisasi, visi misi sekolah, tempat dan kedudukan sekolah.

2.1.1 Sejarah 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)

(32)

. 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.2 Visi dan Misi 2.1.2.1 Visi

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

1. Peningkatan mutu pendidikan dan pengajaran.

2. Peningkatan pembinaan kesiswaan dan kegiatan ektrakurikuler.

3. Meningkatkan pelayanan kepada seluruh pengguna jasa.

(33)

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

(34)

2.2 Landasan Teori 2.2.1 Konsep Dasar Web 2.2.1.1 Pengertian 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.2 Pengertian 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

(35)

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

(36)

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]

(37)

2.2.1.3 Web 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.4 Domain 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

(38)

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.5 Pengertian World Wide Web WWW

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, anonymous ftp, 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

(39)

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

(40)

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

(41)

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

(42)

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

(43)

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

(44)

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.1 Diagram 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.2 Data Flow Diagram

Data Flow Diagram (DFD –DAD/Diagram Alir Data) memperlihatkan

hubungan fungsional dari nilai yang dihitung oleh sistem, termasuk nilai masukan,

(45)

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.

(46)

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

(47)

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.4 Struktur Menu

Struktur menu merupakan gambaran mengenai struktur menu program yang

akan dibuat yang digambarkan dalam bentuk diagram.

2.2.3.5 Kamus 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.1 PHP (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

(48)

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

(49)

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.2 HTML (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.3 Javascript

Javascript diperkenalkan pertama kali oleh Netscape pada tahun 1995. Pada

awalnya bahasa ini dinamakan “LiveScript” yang berfungsi sebagai bahasa

(50)

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

(51)

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

(52)

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

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

(53)

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

(54)

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

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

MySQL memiliki kecepatan yang menakjubkan dalam menangani query

sederhana, dengan kata lain dapat memproses lebih banyak SQL per satuan

waktu.

5. Column types

MySQL memiliki tipe kolom yang sangat kompleks, seperti signed / unsigned

integer, float, double, char, text, date, timestamp, dan lain-lain.

6. Command dan functions

MySQL memiliki operator dan fungsi secara penuh yang mendukung perintah

(55)

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. Scalability dan limits

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

(56)

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.6 Macromedia 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),

(57)

website dengan server berbahasa CFML (Cold Fusion markup language),

ASP.net, JSP dan PHP.

2.2.4.7 WAMP

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

(58)

BAB III

ANALISIS DAN PERANCANGAN SISTEM

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.

(59)

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

(60)

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

(61)

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