Pembangunan website Muhammadiyah Antapani Primary Secondary School

(1)

PEMBANGUNAN WEBSITE MUHAMMADIYAH ANTAPANI

PRIMARY SECONDARY SCHOOL

KERJA PRAKTEK

Diajukan Untuk Memenuhi Tugas Mata Kuliah Kerja Praktek Program Studi Teknik Informatika

Fakultas Teknik dan Ilmu Komputer

DODI PERMANA

10110261

PIPIT PITRIA

10110246

SELAMET RIYADI

10110254

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNIK DAN ILMU KOMPUTER

(2)

LAMPIRAN E

(3)

(4)

LAMPIRAN F

(5)

(6)

(7)

(8)

LAMPIRAN G

(9)

Daftar Riwayat Hidup

A.Data Pribadi

Nama Lengkap : Dodi Permana Nama Panggilan : Dodi

Tempat, Tgl Lahir : Sumedang, 22 Februari 1992 Jenis Kelamin : Laki - Laki

Agama : Islam

Kewarganegaraan : Indonesia

Alamat : Dsn. Pasir Nangka RT. 03 RW.05 Desa Cipacing Kecamatan Jatinangor Kabupaten Sumedang No. HP/Tlp : 089637382910

Email : do.di_permana@yahoo.com

B.Pendidikan Formal

1998-2004 : SD Negeri Mekar Asih, Bandung 2004-2007 : SMP Al- Ma’some, Sumedang 2007-2010 : SMA Al –Ma’some, Sumedang

2010 – Sekarang : Universitas Komputer Indonesia, Bandung S1, Teknik Informatika

C.Riwayat Pekerjaan

a.Kerja praktek di Muhammadiyah Antapani Primary Secondary School tahun 2013

Bandung, 21 Desember 2013

Dodi Permana

(10)

A.Data Pribadi

Nama Lengkap : Pipit Pitria Nama Panggilan : Pipit

Tempat, Tgl Lahir : Subang, 17 Oktober 1992 Jenis Kelamin : Perempuan

Agama : Islam

Alamat : Dsn. Margasari RT.33/15 Desa Sukamandi Jaya Kec. Ciasem Kab. Subang

No. HP/Tlp : 081272974122

Email : pipitpitriaa@gmail.com

B.Pendidikan Formal

1998-2004 : SD Negeri Sukamandi III , Subang 2004-2007 : SMP Negeri 2 Ciasem, Subang 2007-2010 : SMA Negeri 1 Ciasem, Subang

C.Riwayat Pekerjaan

b.Kerja praktek di Muhammadiyah Antapani Primary Secondary School tahun 2013

Pipit Pitria

(11)

D.Data Pribadi

Nama Lengkap : Selamet Riyadi Nama Panggilan : Selamet

Tempat, Tgl Lahir : Bandung, 21 Oktober 1992 Jenis Kelamin : Laki - Laki

Agama : Islam

Alamat : Jl. Sariwates Indah 5 No. 1 RT. 60/13 Kel. Antapani Kec. Cicadas

No. HP/Tlp : 089655496741 Email : simeuth@gmail.com

E.Pendidikan Formal

1997-1998 : TK Insan Kamil

1998-2004 : SD Negeri Griba 13/1, Bandung 2004-2007 : SMP Negeri 45, Bandung 2007-2010 : SMA Negeri 6 , Bandung

F. Riwayat Pekerjaan

c.Kerja praktek di Muhammadiyah Antapani Primary Secondary School tahun 2013

Selamet Riyadi

(12)

DAFTAR ISI

DAFTAR GAMBAR ... xviii

DAFTAR LAMPIRAN ... xxvi

BAB I PENDAHULUAN ... 1

1.1 Latar Belakang Masalah ... 1

1.2 Perumusan Masalah... 1

1.3 Maksud dan Tujuan ... 2

1.3.1 Maksud ... 2

1.3.2 Tujuan ... 2

1.4 Batasan Masalah ... 2

1.5 Metode Penelitian ... 3

1.5.1 Metode Pengumpulan Data ... 3

1.5.1.1Metode Observasi ... 3

1.5.1.2Metode Wawancara ... 3

1.5.2 Metode Pembangunan Perangkat Lunak ... 4

1.6 Sistematika Penulisan ... 5

BAB II TINJAUAN PUSTAKA ... 6

2.1 Profil Tempat Kerja Praktek ... 6

2.1.1 Sejarah Instansi ... 7

2.1.1.1Sejarah Singkat ... 7

2.1.1.2Tokoh Pendiri ... 8

2.1.2 Visi & Misi Instansi ... 10

2.1.3 Logo Instansi ... 10

2.1.4 Struktur Organisasi ... 13

2.1.5 Job Description ... 13

(13)

2.2.1 Pengertian Website ... 16

2.2.2 Pengertian Internet ... 17

2.2.3 Pengertian Web dan Situs ... 17

2.2.4 Database ... 17

2.2.4.1Fungsi Database ... 18

2.2.4.2Kriteria Database ... 18

2.2.5 Alat Bantu Pembangun Sistem ... 18

2.2.5.1Diagram Konteks ... 18

2.2.5.2DFD (Data Flow Diagram) ... 19

2.2.5.3Kamus Data ... 21

2.2.6 Perangkat Lunak yang Digunakan ... 21

2.2.6.1PHP (Hypertext PrePocessor) ... 21

2.2.6.1.1 Kelebihan PHP... 22

2.2.6.1.2 Struktur Dasar PHP... 22

2.2.6.2MySQL ... 22

2.2.6.3Sublime Text 2... 23

2.2.6.4Adobe Dreamweaver ... 24

2.2.6.5XAMPP ... 24

2.2.6.6Google Chrome... 24

BAB III PEMBAHASAN ... 25

3.1Prosedure Kerja Praktek ... 25

3.1.1 Cara dan Teknik Kerja Praktek ... 25

3.1.2 Kegiatan Kerja Praktek ... 25

3.2Analisis Sistem ... 26

3.2.1 Analisis Masalah ... 26

3.2.2 Analisis Sistem Berjalan (Skenario & Flowmap) ... 26

3.3Analisis Kebutuhan Non-Fungsional ... 28

3.3.1 Analisis User (Pengguna) Sistem ... 28

3.3.2 Analisis Perangkat Keras (Hardware) ... 29

3.3.3 Analisis Perangkat Lunak (Software) ... 30

3.4Analisis Perancangan Basis Data ... 31

(14)

3.4.2 Asumsi ... 33

3.4.3 ERD & Kardinalitas ... 34

3.4.4 Skema Relasi ... 36

3.5Analisis Kebutuhan Fungsional ... 37

3.5.1 Diagram Konteks ... 37

3.5.2 DFD ... 38

3.5.3 Spesifikasi Proses ... 60

3.5.4 Kamus Data ... 94

3.6Perancangan Basis Data ... 116

3.7Perancangan Arsitektur ... 128

3.7.1 Perancangan Struktur Menu ... 129

3.7.1.1Perancangan Struktur Menu Admin ... 129

3.7.1.2Perancangan Struktur Menu Pengunjung ... 130

3.7.2 Perancangan Antarmuka ... 132

3.7.2.1Perancangan Antarmuka Admin ... 133

3.7.2.1.1 Login Admin ... 133

3.7.2.1.2 Pegawai SD ... 133

3.7.2.1.3 Tambah Pegawai SD ... 134

3.7.2.1.4 Detail Pegawai SD ... 136

3.7.2.1.5 Ubah Pegawai SD ... 138

3.7.2.1.6 Pegawai SMP ... 140

3.7.2.1.7 Tambah Pegawai SMP ... 141

3.7.2.1.8 Detail Pegawai SMP ... 143

3.7.2.1.9 Ubah Pegawai SMP ... 145

(15)

3.7.2.1.18 Pendaftar SD ... 161

3.7.2.1.19 Tambah Pendaftar SD ... 161

3.7.2.1.20 Detail Pendaftar SD ... 162

3.7.2.1.21 Ubah Pendaftar SD... 162

3.7.2.1.22 Pendaftar SMP ... 163

3.7.2.1.23 Tambah Pendaftar SMP ... 163

3.7.2.1.24 Detail Pendaftar SMP... 164

3.7.2.1.25 Ubah Pendaftar SMP ... 164

3.7.2.1.26 Kategori Forum ... 165

3.7.2.1.27 Tambah Kategori Forum ... 165

3.7.2.1.28 Ubah Kategoti Forum... 166

3.7.2.1.29 Topik Forum ... 166

3.7.2.1.30 Detail Topik Forum ... 167

3.7.2.1.31Ubah Topik Forum ... 167

3.7.2.1.32 Komentar Forum ... 168

3.7.2.1.33 Detail Komentar Forum ... 168

3.7.2.1.34 Ubah Komentar Forum ... 169

3.7.2.1.35 Karya Guru ... 169

3.7.2.1.36 Detail Karya Guru ... 170

3.7.2.1.37 Ubah Karya Guru ... 170

3.7.2.1.38 Komentar Karya Guru ... 171

3.7.2.1.39 Detail Komentar Karya Guru ... 171

3.7.2.1.40 Ubah Komentar Karya Guru ... 172

3.7.2.1.41 Berita ... 172

3.7.2.1.42 Tambah Berita ... 173

3.7.2.1.43 Detail Berita ... 173

3.7.2.1.44 Ubah Berita ... 174

3.7.2.1.45 Komentar Berita ... 174

3.7.2.1.46 Detail Komentar Berita ... 175

3.7.2.1.47 Ubah Komentar Berita ... 175

3.7.2.1.48 Galeri ... 176

(16)

3.7.2.1.50 Ubah Galeri ... 177

3.7.2.1.51 Tahun Pelajaran... 177

3.7.2.1.52 Tambah Tahun Pelajaran ... 178

3.7.2.1.53 Ubah Tahun Pelajaran ... 178

3.7.2.1.54 Ubah Password ... 179

3.7.2.2Perancangan Antarmuka Website Untuk Umum ... 180

3.7.2.2.1 Halaman Utama... 180

3.7.2.2.2 Halaman Beranda ... 180

3.7.2.2.3 Halaman Visi dan Misi ... 181

3.7.2.2.4 Halaman Sumber Daya Insani ... 182

3.7.2.2.5 Halaman Daftar Pengajar ... 182

3.7.2.2.6 Halaman Sarana dan Prasarana ... 183

3.7.2.2.7 Halaman Kurikulum ... 183

3.7.2.2.8 Halaman Logo ... 184

3.7.2.2.9 Halaman Berita SD ... 184

3.7.2.2.10Halaman Berita SMP ... 185

3.7.2.2.11Halaman Karya Guru ... 185

3.7.2.2.12Halaman Galeri ... 186

3.7.2.2.13Halaman Isi Galeri ... 186

3.7.2.2.14Halaman Lihat Berita atau Karya ... 187

3.7.2.2.15Halaman Hasil Pencarian ... 187

3.7.2.2.16Halaman Pendaftaran ... 188

3.7.2.2.17Halaman Pendaftaran Siswa SD ... 188

3.7.2.2.18Halaman Pendaftaran Siswa SMP... 189

3.7.2.2.19Halaman Lanjutkan Pendaftaran ... 189

3.7.2.2.20Halaman Pendaftaran Tahap Ke-2 ... 190

3.7.2.2.21Halaman Pendaftaran Tahap Ke-3 ... 190

3.7.2.3Perancangan Antarmuka Forum Untuk Umum ... 191

3.7.2.3.1 Halaman Utama Forum (beranda)... 191

3.7.2.3.2 Halaman Kategori Forum... 191

3.7.2.3.3 Halaman Isi Kategori Forum ... 192

(17)

3.7.2.3.5 Halaman Tampil Isi Topik ... 193

3.7.2.3.6 Halaman Tampil Login User Forum ... 193

3.7.2.4Perancangan Antarmuka Website untuk Siswa ... 194

3.7.2.4.1 Halaman Utama ... 194

3.7.2.4.4 Halaman Sumberdaya Insani ... 195

3.7.2.4.8 Halaman Logo ... 197

3.7.2.4.10 Halaman Berita SMP ... 198

3.7.2.4.11 Halaman Karya Guru ... 199

3.7.2.4.12 Halaman Galeri ... 199

3.7.2.4.13 Halaman Isi Galeri ... 200

3.7.2.4.14 Halaman Lihat Berita atau Karya... 200

3.7.2.4.15 Halaman Hasil Pencarian ... 201

3.7.2.4.16 Halaman Ubah Password ... 201

3.7.2.4.17 Halaman Ubah Username ... 202

3.7.2.4.18 Halaman Navigasi Profile ... 202

3.7.2.4.19 Halaman Pendaftaran ... 203

3.7.2.4.20 Halaman Pendaftaran Siswa SD ... 203

3.7.2.4.21 Halaman Pendaftaran Siswa SMP... 204

3.7.2.4.22 Halaman Lanjutkan Pendaftaran ... 204

3.7.2.4.23 Halaman Pendaftaran Tahap ke-2 ... 205

3.7.2.4.24 Halaman Pendaftran Tahap ke-3 ... 205

3.7.2.5Halaman Antarmuka Form untuk Siswa ... 206

3.7.2.5.3 Halaman Isi Kategori ... 207

(18)

3.7.2.5.5 Halaman User ... 208

3.7.2.5.7 Halaman Buat Topik Baru ... 209

3.7.2.5.8 Halaman Edit Topik ... 209

3.7.2.5.9 Halaman Ubah Username ... 210

3.7.2.5.10 Halaman Ubah Password ... 210

3.7.2.5.11 Halaman Navigasi Profile User ... 211

3.7.2.6Perancangan Antarmuka Website untuk Guru ... 211

3.7.2.6.8 Halaman Logo ... 215

3.7.2.6.12 Halaman Galeri ... 217

3.7.2.6.14 Halaman Buat Karya ... 218

3.7.2.6.15 Halaman User ... 218

3.7.2.6.16 Halaman Lihat Berita atau Karya... 219

3.7.2.6.17 Halaman Edit Karya Guru ... 219

3.7.2.6.19 Halaman Navigasi Profile ... 220

3.7.2.6.20 Halaman Ubah Password ... 221

3.7.2.6.21 Halaman Ubah Username ... 221

(19)

3.7.2.6.26 Halaman Pendaftaran Tahan-2 ... 224

3.7.2.6.27 Halaman Pendaftaran Tahap -3 ... 224

3.7.2.7Perancangan Antarmuka Forum Untuk Guru... 225

3.7.2.7.5 Halaman User ... 227

3.7.2.7.8 Halaman Edit Topik ... 228

3.7.2.8Perancangan Antarmuka Website Untuk Admin ... 230

3.7.2.8.8 Halaman Logo ... 234

3.7.2.8.12 Halaman Galeri ... 236

3.7.2.8.14 Halaman Buat Berita ... 237

3.7.2.8.15 Halaman User ... 237

(20)

3.7.2.8.17 Halaman Edit Karya Guru ... 238

3.7.2.8.19 Halaman Navigasi Profile ... 239

3.7.2.8.24 Halaman Pendaftaran Siswa SMP... 242

3.7.2.8.26 Halaman Pendaftaran Tahan-2 ... 243

3.7.2.8.27 Halaman Pendaftaran Tahap -3 ... 243

3.7.2.9Perancangan Antarmuka Forum untuk Admin... 244

3.7.2.9.5 Halaman User ... 246

3.7.2.9.8 Halaman Edit Topik ... 247

3.7.2.10 Perancangan Pesan ... 250

3.7.3 Jaringan Semantik ... 251

3.7.3.1Jaringan Semantik Admin ... 251

3.7.3.2Jaringan Semantik di Website dan Forum .... 252

3.7.3.3Jaringan Semantik Guru di Website dan Forum ... 253

(21)

3.7.3.5Jaringan Semantik Siswa di Website

dan Forum ... 255

3.8Perancangan Prosedural ... 256

3.9Implementasi Sistem ... 261

3.9.1 Perangkat Lunak Pendukung ... 262

3.9.2 Perangkat Keras Pendukung ... 262

3.9.3 Implementasi Database ... 262

3.9.4 Implementasi Antarmuka ... 274

3.9.4.1Implementasi Antarmuka Admin ... 274

3.9.4.2Implementasi Antarmuka Pengunjung (Umum) ... 280

3.9.4.3Implementasi Antarmuka Pengunjung (Guru) ... 282

3.9.4.4Implementasi Antarmuka Pengunjung (Siswa) ... 285

3.10 Pengujian Sistem ... 288

3.11 Pengujian Alpa ... 288

3.11.1 Sekenario Pengujian Alpa ... 288

3.11.2 Kasus Hasil Pengujian ... 296

3.11.3 Kesimpulan Hasil Pengujian Alpa ... 332

3.12 Pengujian Beta ... 332

3.12.1 Kuisioner Pengujian Beta untuk Admin ... 332

3.12.2 Kesimpulan Hasil Pengujian Beta untuk Admin ... 333

BAB IV KESIMPULAN DAN SARAN ... 334

4.1 Kesimpulan ... 334

4.2 Saran ... 334

(22)

KATA PENGANTAR

Puji syukur kami panjatkan kepada Tuhan Yang Maha Esa yang telah memberikan rahmat serta hidayahnya kepada kami sehingga kami dapat menyelesaikan laporan kerja praktek dengan tepat waktu. Laporan ini dapat kami selesaikan, tidak lain atas bantuan dari berbagai pihak, oleh karena itu, kami ingin mengucapkan terima kasih kepada:

1. Bapak Iskandar Ikbal, S.T.,M.Kom., yang telah membimbing kami dalam menyelesaikan laporan kerja praktek ini.

2. Bapak Yudi Kurnia selaku pembimbing kami di tempat kerja praktek yakni Muhammadiyah Antapani Primary Secondary School yang telah membimbing kami dalam menyelesaikan tugas dan laporan kerja praktek.

Kami sangat menyadari dalam pembuatan laporan ini masih banyak terdapat kekurangan, untuk itu kami mohon saran dan kritik yang membangun agar kedepannya lebih baik lagi. Kami

juga berharap agar laporan ini dapat bermanfaat bagi kita semua.

(23)

DAFTAR PUSTAKA

[1] Sommerville, Ian. 2001. "Software Engineering". Addison Wesley.

[2] Peter, Jerry. 2007. “XAMPP: Paket Apache, PHP dan MySQL Instant”. [doc].

(http://fileserver.suneoxide.com/Teknologi/xampp.doc, diakses pada 28 Desember 2013).

[3] _{http://blog-wandi.blogspot.com/2012/02/google-chrome-pengertian-fungsi-sejarah.html,} diakses pada 28 Desember 2013.

(24)

BAB 1

PENDAHULUAN

1.1Latar Belakang Masalah

Muhammadiyah Antapani Primary-Secondary School merupakan lembaga pendidikan Islam SD-SMP Muhammadiyah yang terletak komplek perguruan Muhammadiyah , Sekolah Dasar Muhammadiyah Antapani Primary Secondary School merupakan Rintisan Sekolah Dasar bertaraf internasional , yang memiliki program unggulan yaitu Agama (Aqidah, Akhlak, Praktek Ibadah, Pendalaman Sejarah Islam, Do’a, & Ibadah Sehari-hari , Kemuhammadiyahan, Baca Tulis dan Hapalan Al-Qur’an, Bahasa Asing(Inggris dan Arab ) serta pengembangan diri , program unggulan inilah yang membuat Muhammadiyah Antapani Primary Secondary School makin di akui keberadaannya , serta mendapat kepercayaan yang baik dari orang tua murid .

Informasi – informasi tentang profil sekolah , kegiatan – kegiatan yang di lakukan di Muhammadiyah Antapani Primary Secondary School dapat diinformasikan melalui website , sayangnya Muhammadiyah Antapani Primary Secondary School belum

memiliki alamat website sendiri sehingga sulit untuk peroleh informasi , serta sistem pendaftaran untuk penerimaan murid baru di Muhammadiyah Antapani Primary Secondary School masih bersifat manual .

Oleh karena itu, salah satu cara untuk menanggulangi hal tersebut adalah dengan membuat Website Muhammadiyah Antapani Primary Secondary School agar mempermudah publikasi kegiatan sekolah dan pendaftaran siswa baru , penyampaian informasi sarana dan prasarana yang ada , serta informasi mengenai staf pengajar yang ada disekolah .

1.2Perumusan Masalah

(25)

2

1.3Maksud dan Tujuan 1.3.1 Maksud

Maksud diadakan penelitian ini adalah untuk membangun Website Muhammadiyah Antapani Primary Secondary School serta untuk mengimplementasikan ilmu pengetahuan yang didapat di bangku perkuliahan dengan kenyataan yang sesungguhnya di lapangan.

1.3.2 Tujuan

Sebagai sarana yang lebih efisien untuk mempermudah publikasi kegiatan sekolah dan pendaftaran siswa baru , penyampaian informasi sarana dan prasarana yang ada , serta informasi mengenai staf pengajar yang ada di Muhammadiyah Antapani Primary Secondary School.

1.4Batasan Masalah

Website ini menampilkan informasi – informasi tentang Muhammadiyah Antapani Primary Secondary School lewat jaringan internet , selain itu website membantu para

guru untuk memuat artikel tentang sekolah serta memudahkan para guru dan siswa untuk berkomunikasi atau berdiskusi dimana saja lewat jaringan internet , dan website ini memudahkan calon orang tua siswa Muhammadiyah Primary Secondary School

untuk mendaftar dimana saja secara cepat .

(26)

3

1.5Metodologi Penelitian

Metode penelitian yang digunakan adalah : 1.5.1 Metode Pengumpulan Data

1.5.1.1Metode Observasi

Metode ini dilakuka dengan cara pengumpulan data berdasarkan pengamatan langsung ke Muhammadiyah Antapani Primary Secondary Schooldan mencatat hal – hal yang berhubungan dengan permasalhan secara lengkap dan sistematis.

1.5.1.2Metode Wawancara

(27)

4

1.5.2 Metode Pembangunan Perangkat Lunak

Metode yang digunakan untuk membangun Website Muhammadiyah Antapani Primary Secondary School Antapani Bandung ini menggunakan Waterfall menurut referensi Sommerville.

Gambar 1. 1 Waterfall Model

Referensi : [1]

Requirements

definitions

System and software design

Implementation and unit testing

Integration and system testing

Opeational

(28)

5

1.6Sistematika Penulisan

Sistematika penulisan yang digunakan dalam laporan kerja praktek ini adalah :

BAB 1 PENDAHULUAN

Bab ini menguraikan tentang latar belakang permasalahan, merusmuskan inti permasalah yang dihadapi, menetukan tujuan dan maksud, yang kemudian diikuti dengan pembatasan masalah, metodologi penelitian serta sistematika penulisan.

BAB 2 TINJAUAN PUSTAKA

Bab inimerupakan tinjauan umum yang di dalamnya menjelaskan tentang profil instansi mulai dari sejarah, struktur organisasi, visi dan misi dan landasan teori yang berhubungan dengan permsalahan berdasarkan studi pustaka yang dilakuan di Muhammadiyah Antapani Primary Secondary School.

BAB 3 PEMBAHASAN

Bab ini berisi tentang perancangan terhadap seluruh sistem untuk mengetahui kebutuhan apa saja yang harus dipenuhi. Bab ini juga berisi tentang implementasi website, hasil website, pengujian website serta kelebihan dan kekurangan website .

BAB 4 KESIMPULAN DAN SARAN

(29)

BAB 2

TINJAUAN PUSTAKA

2.1 Profil Tempat Kerja Praktek

MAPSS adalah Muhammadiyah Antapani Primary-Secondary School.MAPSS merupakan lembaga pendidikan Islam SD-SMP Muhammadiyah yang berdiri sejak tahun 80 an,letak komplek perguruan Muhammadiyah ini di Jl. Kadipaten Raya no.4-6 Antapani Bandung.

Strategi Muhammadiyah Antapani Primary Secondary School adalah :

1. Keteladanan kepala sekolah dan guru dalam bersikap dan berprilaku. 2. Menumbuhkan minat baca dan semangat belajar bagi guru dan siswa dengan

menjadikan perpustakaan sebagai pusat belajar.

3. Menumbuhkan budaya sehat dengan menyediakan kantin sehat, senam pagi, makan bersama, dan membudayakan 6 K (Kebersihan, Ketertiban, Keindahan, Keamanan, Kekeluargaan, dan Kerindangan).

4. Menjadikan setip sudut tempat pembelajaran yang islami.

5. Memfasilitasi pengembangan bakat dan minat siswa dengan menyediakan

waktu, sarana, dan prasarana untuk peningkatan potensi non akademik. Tujuan pendidikannya untuk menghasilkan lulusan yang mempunyai kualitas

keislaman, keilmuan, kebahasaan, keterampilan, dan keindonesian. Karateristik Muhammadiyah Antapani Primary Secondary School 1. Kurikulum terpadu dan integral.

2. Pembelajaran klasikal dan individual dengan variasi metode mengajar sesuai kebutuhan.

(30)

7

2.1.1 Sejarah Instansi 2.1.1.1 Sejarah Singkat

Lembaga pendidikan Muhammadiyah didirikan pada tahun 1985, oleh Pimpinan Muhammadiyah Daerah Bandung. Alur cerita pendiriannya bersumber dari cerita yang disampaikan ketua Pimpinan Daerah Muhammadiyah saat itu yaitu KH. Abdurraman. Beliau mengungkapkan bahwa pada saat diadakan rapat kecil pimpinan Muhammadiyah, tak sengaja membaca iklan dari sebuah media masa yang tertulis akan didirikan 2000 rumah di Antapani dan sebuah lahan tanah untuk lembaga pendidikan. Secara spontan muncul ide untuk mendirikan sekolah karena dikhawatirkan akan dibangun oleh nonmuslim yang tentunya akan berpengaruh pada masyarakat penghuni 2000 rumah tersebut. Namun membangun tak semudah merusak, mendirikan tak semudah menghancurkan karena banyak aral melintang di depan. Tercatat tak kurang dari 14 lembaga non muslim telah siap secara materi maupun finansial untuk membeli lahan tanah yang sekarang berlokasi di jalan Kadipaten Raya. Sebaliknya, Muhammadiyah tak memiliki dana sepeserpun kecuali semangat dan kerja keras dan memang hanya organisasi

Muhammadiyah yang saat itu siap bersaing. Andaikan organisasi dakwah Muhammadiyah mundur artinya telah mengorbankan aqidah 2000 rumah tangga begitu saja.

Harga lahan tanah yang diperuntukan untuk sekolah tersebut sebesar 162 juta rupiah, dan uang muka harus dibayar lebih awal sebesar 30% dari harganya, sisanya harus dicicil dalam tempo lima tahun. Untuk mengumpulkan dana tersebut tentunya tidak mudah, tetapi semua itu tentu saja harus dihadapi demi meraih sebuah cita-cita yang mulia. Selain mengumpulkan dana dari para donator khususnya pengusaha-pengusaha arab, para pendiripun tak segan merogoh saku sendiri. 20 gram kalung istrinya mengawali infaq dalam sebuah rapat kecil itu diikuti donator lainnya .

(31)

8

2.1.1.2 Tokoh Pendiri

Sebagai tindak lanjut dari pemuka-pemuka Muhammadiyah di PDM Kodya Bandung, maka pada tahun 1985 terlebih dahulu didirikan Sekolah Bustaul Athfal 12, dan satu tahun kemudian yaitu pada tahun 1986 maka dengan resmi Sekolah Dasar Muhammadiyah 7 Bandung didirikan, dan pada tanah yang kosong tersebut dibangun 10 ruangan belajar. Sebagai legalitas organisasi atas pendirian sekolah tersebut, pada tahun 1987 Surat Keputusan Pimpinan Daerah Muhammadiyah Daerah Tingkat II Kotamadya Bandung dengan Nomor: A-1/087/1987 menetapkan dan mengesahkan pendirian Perguruan SD Muhammadiyah 7 Antapani Bandung terhitung mulai tanggal 1 Juli 1987 .

Untuk lebih memaksimalkan fungsi ruangan kelas, pada tahun 1988 didirikan SMP Muhammadiyah 8, dengan kepala sekolah pertama yaitu Sidik Hasan. Pembelajaran dilaksanakan pada siang hari setelah siswa SD keluar. Kemudian pada tahun 1989 dibangun gedung baru untuk pembelajaran SMP sebanyak 3 lokal, sehingga pembelajaran SMP yang semula dilakukan pada siang hari, dapat dilakasanakan pada pagi hari sama dengan pembelajaran SD. Pada

tahun 1991, SMA Muhammadiyah yang berada di Jl. Padasuka Bandung berpindah dan bergabung ke komplek perguruan Muhammadiyah Jalan Kadipaten Raya, menempati gedung baru SMP yang pembelajarannya dilaksanakan pada

siang hari. Kepala Sekolah yang pertama memimpin ialah Sholihin. Tahun 1997 SMA Muhammadiyah 2 Bandung mendapat bantuan dari dinas pendidikan untuk membenagun gedung baru sebanyak 6 lokal, sehingga setelah selesai dibangun berpindah dan pembelajaran dilakukan pada pagi hari juga.

Dikarenakan jumlah siswa SD terus bertambah, dan ruangan belajar tidak memadai walaupun terus diupayakan dan sempat menempati sebagian ruang lokal belajar SMP, maka pada tahun 2007 dibangun gedung baru sebanyak 9 lokal

dengan dana talangan dari Bank Syari’ah Jabar Banten. Kemudian pada tahun

(32)

9

Kadipaten Raya, yaitu memprogamkan agar siswa-siswi yang telah lulus SD diharapkan dapat melanjutkan langsung ke SMP Muhammadiyah, atau dengan kata lain berkelanjutan selama sembilan tahun lamanya. Hal ini sesuai dengan program pemerintah wajib belajar 9 tahun. Selain itu asumsi bahwa pendidikan 6 tahun belum cukup untuk menanamkan nilai-nilai mental spiritual bagi c peserta didik sehingga perlu dilanjutkan menjadi 9 tahun, agar peserta didik lebih kuat fundamental agamanya, sehingga lebih tangguh ketika harus menjalankan proses kehidupan dalam fase-fase selanjutnya. Unifikasi tersebut dipimpin langsung oleh H. Acep Mansur salah seorang anggota dari Majlis DIKDASMEN Kota Bandung. Salah satu bentuk program peningkatan kualitas pengajar di SMP Muhammadiyah, yang diharapkan memiliki kualitas setidaknya sama dengan kualitas SD yang dapat dikatakan maju, maka Tim Unifikasi sekolah melakukan managemen sekolah satu atap. Selain itu setiap guru yang akan mengajar pada kelas 7 harus mengikuti seleksi terlebih dahulu sesuai dengan prosedur yang disiapkan.

Atas kerja sama Tim Unifikasi Sekolah, akhirnya program sekolah berkelanjutan itu terealisasi dan mendapatkan respon yang positif dari orangtua

siswa dan masyarakat. Angkatan pertama kelas 7 Alhamdulillah mendapatkan siswa sebanyak 2 kelas. Siswa tersebut ada dari SD Muhammadiyah 7 Bandung dan adapula yang dari SD luar, sehingga pada tahun ajaran 2010-2011 sudah

memiliki tiga angkatan sebanyak 6 kelas.

(33)

10

lainnya, Sekolah Dasar Muhammadiyah 7 Bandung terlebih dahulu diverifikasi mengenai kelayakannya untuk memperoleh status RSBI, dan ternyata setelah dilakukan verifikasi, Sekolah Dasar Muhammadiyah 7 Bandung sudah cukup sebagai syarat RSBI, terutama menyangkut sarana dan prasarana dan juga SDM Sekolah, sehingga dengan ridha dan izin Allah SWT pada tahun 2010 di kota Bandung sudah terdapat status RSDBI.

2.1.2 Visi dan Misi Instansi

Visi

Menjadi Lembaga Pendidikan Dasar Islami yang unggul dalam prestasi Akademik dan Non Akademik.

Misi

1. Mempersiapkan calon lulusan yang memiliki pribadi muslim, berakhlak mulia, sehat, cerdas, terampil, dan berbudaya.

2. Meningkatkan mutu pendidikan PAIKEM(Pembelajaran Aktif Inovatif

Kreatif Menyenangkan), sehingga dapat mengembangkan kemampuan siswa secara optimal sesuai dengan potensi yang dimiliki.

3. Mengembangkan bakat, minat, budaya, dan kemampuan siswa secara

optimal sesuai potensi diri, dan lingkungan daerah.

2.1.3 Logo Instansi

(34)

11

Gambar 2. 1 Logo MAPSS

- Warna merah

Melambangkan keberanian untuk beritijhad dalam memajukan dan mengembangkan pendidikan MAPSS sebagai media dakwah dan kaderisasi.

- Warna putih

Melambangkan kebersihan diri dalam kesucian hati para pendiri dan pengelola MAPSS dengan penuh keikhlasan.

- Warna hijau

Melambangkan kesejukan, keharmonisan, dan kedamaian suasana di MAPSS dalam mengembangkan iklim yang sehat untuk meraih keberhasilan bersama.

- Lingkaran luar berbentuk kelopak bunga

Melambangkan perkembangan dan kemajuan pendidikan sehingga MAPSS dapat menjadi daya tarik pendidikan sebagaimana fungsi kelopak bunga sebagai mahkota yang berfungsi daya tarik yang mengundang masyarakat

dengan penuh kebanggaan “The Centre of Excellent” - Kelopak bunga berjumlah delapan

Melambangkan dinamisasi perkembangan SMP Muhammadiyah 8 menjadi pilihan dan terdepan.

(35)

12

Melambangkan kekuatan yang lahir dari keikhlasan yang bisa menyatukan dua lembaga SD Muhammadiyah 7 dan SMP Muhammadiyah 8 dalam satu derap langkah yang sama, seiring, senada, dan seirama menuju prestasi yang tertinggi.

- Dasar bunga berjumlah tujuh

Melambangkan SD Muhammadiyah 7 menjadi peletak dasar bangkitnya pendidikan Muhammadiyah yang unggul dan berdaya saing global.

- Kursi tinggi seperti benang sari.

Melambangkan kesiapsiagaan untuk berkontribusi melahirkan sebuah generasi yang unggul.

- Lingkaran logo menyerupai putik

Melambangkan kerelaan hati untuk mengemban amanah bersama-sama melahirkan generasi yang berprestasi.

- Kursi dan meja

Melambangkan pendidikan Muhammadiyah termasuk MAPSS selalu mengikuti perkembangan zaman dan manjadikan MAPSS terdepan untuk

menguasai ilmu dan teknologi.

- Matahari dengan logo Muhammadiyah

Melambangkan semangat membara untuk terus berjuang dengan sekuat

tenaga dan pikiran tanpa kenal lelah mewujudkan dakwah amar maruf nahyi munkar melalui dunia pendidikan dalam satu sistem pergerakan

persyarikatan Muhammadiyah untuk bersama-sama menuju masyarakat Islam yang utama.

- Garis tengan berbentuk pena

Melambangkan inovasi tanpa henti dari setiap Stake Holder MAPSS untuk sama-sama memikirkan perkembangan dan kemajuan pendidikan.

(36)

13

Melambangkan cinta. MAPSS juga lambang cinta , cinta kepada Illahi Rabbi.

2.1.4 Stuktur Organisasi

Berikut adalah struktur organisasi Muhammadiyah Primary Secondary School :

Gambar 2. 2 Struktur Organisasi MAPSS

2.1.5 Job Description

a. Pimpinan Dewan Muhammadiyah

Pimpinan Dewan Muhammadiyah mempunyai tugas memberikan pembinaan kepada pengurus dan dewan guru , dan memberikan pengawasan serta pertimbangan keputusan yang dihasilkan oleh pengurus.

b. Direktur MAPSS

Direktur MAPSS mempunyai tugas memberikan contoh dan tauladan kepada semua warga sekolah (menjadi uswah hasanah), merencanakan sebuah proses yang sistematis untuk mencapai tujuan perguruan , merancang sumber daya yang diperlukan untuk melaksanakan rencana yang ada dalam rangka proses menciptakan struktur, mekanisme kerja dan proses

(37)

14

pemeliharaan karyawan untuk mencapai tujuan perguruan , melakukan pengawasan terhadap pelaksanaan tugas yang telah direncanakan.

c. Kepala Sekolah

Kepala sekolah selaku edukator bertugas melaksanakan proses pengajaran secara efektif dan efisien .

Kepala sekolah selaku manajer mempunyai tugas menyusun perencanaan, mengorganisasikan kegiatan, mengarahkan / mengendalikan kegiatan, mengkoordinasikan kegiatan.

Kepala sekolah selaku administrator bertugas menyelengarakan administrasi perencanaan, pengorganisasian, pengarahan dan pengendalian, pengawasana , sarana/ prasarana dan perlengkapan lainnya.

Kepala sekolah selaku supervisor bertugas menyelenggarakan supervise mengenal proses belajar mengajar, kegiatan bimbingan, kegiatan ekstrakulikuler, kegiatan kerja sama dengan masyarakat, kegiatan ketatausahaan , koperasi sekolah, kehadiran guru, pegawai dan siswa. d. Wakil Kepala I

Wakil Kepala I mempunyai tugas membantu kepala sekolah dalam kegiatan penyusunan rencana , pembuatan program kegiatan dan program pelaksanaan , pengorganisasian , pengarahan , ketenagakerjaan dan

kengkordinasian. e. Wakil Kepala II

Wakil Kepala I mempunyai tugas membantu kepala sekolah dalam kegiatan pengawasan, penilaian, identifikasi dan pengumpulan data, pengembangan keunggulan dan penyusunan laporan.

f. Kurikulum

(38)

15

g. ISMUBA

Islam , Muhammadiyah , Bahasa Arab mempunyai tugas menyusun jadwal kegiatan ismuba dan kultum siswa, membimbing dan mengefektifkan sholat

dhuha dan Jama’ah Dzuhur dan kultum, melaksanakan pembiasaan tadarus

Al-Qur’an sebelum pelajaran dimulai, mengadakan penyembelihan hewan

qurban, mengadakan kunjungan sosial , mengkoordinir pelaksanaan kegiatan ISMUBA

h. Ketenagakerjaan

Ketenagekerjaan mempunyai tugas mengkoordinasi tenaga kerja pada sekolah , penyusunan program ketenagakerjaan , mengawasi proses kerja tenaga kerja yang ada .

i. Kesiswaan

Kesiswaan mempunyai tugas mengatur pelaksanaan bimbingan konseling, mengatur dan mengkoordinasi pelaksanaan 7K(Keamanan, Kebersihan, Ketertiban, Keindahan, Kekeluargaan, Kesehatan, Kerindangan) , mengatur dan membina kegiatan OSIS, mengatur pelaksanaan kurikuler dan

menyeleksi calon untuk diusulkan mendapat beasiswa. j. Sarana dan Prasarana

Sarana dan Prasarana mempunyai tugas merencanakan kebutuhan sarana

prasarana untuk menunjang proses belajar mengajar, merencanakan program pengadaannya, mengatur pemanfaatan sarana prasarana, mengelola perawatan, perbaikan, dan pengisian, mengatur pembukuannya dan menyusun laporan.

k. Humas

(39)

16

Dewan guru mempunyai tugas membuat perangkat pembelajaran , melaksanakan kegiatan pembelajaran , melaksanankan kegiatan penilaian proses belajar, ulangan harian, ulangan umum, ujian akhir, melaksanakan analisis hasil ulangan harian, menyusun dan melaksanakan program perbaikan dan pengayaan, mengisi daftar nilai siswa .

2.2Landasan Teori

Landasan teori mendasari suatu penelitian sebagai pemandu agar fokus penelitian sesuai dengan kenyataan di lapangan. Selain itu landasan teori juga bermanfaat untuk memberikan gambaran umum tentang latar penelitian dan sebagai bahan pembahasan hasil penelitian.

2.2.1 Pengertian Website

Website atau situs dapat diartikan sebagai kumpulan halaman yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink).

Sebuah halaman web adalah sebuah dokumen, biasanya ditulis dalam teks biasa diselingi dengan instruksi format Hypertext Markup Language (HTML, XHTML). Sebuah halaman web dapat memasukkan unsur-unsur dari situs-situs lain dengan jangkar markup yang sesuai.

(40)

17

2.2.2 Pengertian Internet

Menurut Tracy LaQuey “Internet merupakan jaringan longgar dari ribuan jaringan komputer yang menjangkau jutaan orang di seluruh dunia”.

Internet dapat diartikan sebagai jaringan komputer yang memiliki jangakauan luas dan besar yang mendunia, yaitu menghubungkan pemakai komputer dari suatu negara ke negara lain di seluruh dunia, dimana di dalamnya terdapat berbagai sumber daya informasi, data dan lain-lain dari mulai yang statis hingga yang dinamis dan interaktif.

2.2.3 Pengertian Web dan Situs

Secara terminologi, website adalah kumpulan dari halaman-halaman situs, yang biasanya terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di dalam World Wide Web (WWW) di internet. Sebuah halaman web adalah dokumen yang ditulis dalam format HTML (Hyper Text Markup Language), yang hampir selalu bisa diakses melalui HTTP, yaitu protokol yang

menyampaikan informasi dari server website untuk ditampilkan kepada para pemakai melalui web browser. Semua publikasi dari website-website tersebut dapat membentuk sebuah jaringan informasi yang sangat besar.

Situs juga dapat diartikan sebagai kumpulan halaman yang memiliki atau menampilkan gambar diam, gambar bergerak, data, teks, animasi, suara, video dan atau gabungan keseluruhan elemen yang bersifat statis atau dinamis dalam sebuah kerangka dimana halaman-halaman tersebut saling berhubungan satu sama lain.

2.2.4 Database

(41)

18

2.2.4.1.Fungsi Database

Adapun fungsi database diantaranya adalah sebagai berikut :

1. Salah satu komponen penting dalam sistem informasi, karena merupakan dasar dalam menentukan informasi

2. Menentukan kualitas informasi. Informasi dapat dikatakan bernilai apabila manfaatnya lebih efektif dibandingkan dengan biaya mendapatkannya.

3. Mengurangi duplikasi data (data redundancy). 4. Hubungan data dapat ditingkatkan (data relatability). 5. Mengurangi pemborosan tempat simpanan luar.

2.2.4.2.Kriteria Database

Dari penjelasan sebelumnya dapat disimpulkan bahwa basis data mempunyai beberapa kriteria penting, yaitu :

1. Bersifat data oriented dan bukan program oriented

2. Dapat digunakan oleh beberapa program aplikasi tanpa perlu mengubah basis datanya

3. Dapat dikembangkan dengan mudah, baik volume maupun strukturnya 4. Dapat memenuhi kebutuhan sistem-sistem baru secara mudah

5. Dapat digunakan dengan cara-cara yang berbeda.

2.2.5 Alat Bantu Pembangun Sistem 2.2.5.1 Diagram Konteks

Diagram Konteks merupakan diagram alir data dan sebuah informasi yang menggambarkan sistem dalam satu lingkarang dan menggambarkan proses dalam suatu sistem secara keseluruhan.

(42)

19

Tabel 2. 1 Simbol Diagram Konteks

Simbol Keterangan

Kesatuan luar (external entity) yang menggambarkan sumber atau tujuan.

Kegiatan yang dilakukan orang atau computer dari hasil suatu arus data yang masuk ke dalam proses untuk

menghasilkan informasi yang keluar dari proses.

Menunjukan arus data yang berupa masukan untuk sistem atau dari sistem.

2.2.5.2 DFD (Data Flow Diagram)

Data Flow Diagram (DFD) menurut [4] adalah suatu model logika data atau

proses yang dibuat untuk menggambarkan dari mana asal data dan kemana tujuan data yang dikeluarkan dari sistem, dimana data disimpan, proses apa yang menghasilkan data tersebut, dan interaksi antara data yang tersimpan dan proses yang dikenakan pada data tersebut.

DFD merupakan salah satu alat pembuatan model yang sering digunakan, khususnya bila fungsi-fungsi sistem merupakan bagian yang lebih penting dan kompleks dari pada data yang dimanipulasi oleh sistem. Dengan kata lain, DFD adalah alat pembuatan model yang memberikan penekanan hanya pada fungsi sistem.

(43)

20

1. Pemberian nama untuk tiap komponen DFD

2. Pemberian nomor pada komponen proses

3. Penggambaran DFD sesering mungkin agar nyaman dilihat

4. Penghindaran penggambaran DFD yang rumit

5. Pemastian DFD yang dibentuk itu konsisten secara logika

Adapun fungsi dari DFD adalah sebagai berikut :

1. Membantu para analis sitem meringkas informasi tentang sistem, mengetahui hubungan antar sub-sub sistem, dan membantu perkembangan aplikasi secara efektif.

2. Sebagai alat komunikasi yang baik antara pemakai dan analis sistem.

3. Menggambarkan sejumlah batasan otomasi untuk pengembangan alternatif sistem fisik.

Tabel 2. 2 Simbol DFD

Simbol Keterangan

Entitas

Kesatuan luar dilingkunagan luar. Sistem dapat berupa uang,organisasi atau sistem lainnya yang berada dilingkungan luarnya yang akan memberikan input atau menerima output dari suatu sistem.

Arus Data (Flow)

(44)

21

Proses

Proses ini mengubah 1 atau lebih input menjadi output. Nama proses dituliskan dengan suatu kata, singkatan atau kalimat sederhana.

Simpanan Data

Simpanan data dapat berupa file, database, arsip, tabel.

2.2.5.3 Kamus Data

Kamus Data adalah suatu daftar data elemen yang terorganisir dengan definisi yang tetap dan sesuai dengan sistem, sehingga user dan analis sistem mempunyai pengertian yang sama tentang input, output, dan komponen data strore.

Kamus data selain digunakan untuk dokumentasi dan mengurangi redudansi, juga memiliki fungsi sebagai berikut :

1. Memvalidasi diagram aliran data dalam hal kelengkapan dan keakuratan 2. Menyediakan suatu titik awal untuk mengembangkan layar dan

laporan-laporan

3. Menentukan muatan data yang disimpan dalam file-file

4. Mengembangkan logika untuk proses-proses diagram aliran data.

2.2.6 Perangkat Lunak yang Digunakan 2.2.6.1 PHP (Hypertext PrePocessor)

(45)

22

2.2.6.1.1 Kelebihan PHP

Kelebihan program yang menggunakan PHP MySQL antara lain : 1. Program dapat dijalankan di semua sistem operasi.

PHP MySQL berjalan secara web base, itu artinya semua sistem operasi yang memiliki web browser dapat menggunakan aplikasi ini, dan semua sistem operasi tentu saja selalu memiliki web browser.

2. Sangat cocok dan mudah diterapkan pada komputer berjaringan.

Program PHP MySQL cukup diinstal di salah satu komputer yang merupakan komputer server. Pada komputer client, pemakai tidak perlu menginstalasikan program apapun lagi. Pada komputer client pemakai cukup mengarahkan web browser ke komputer server dan program dapat langsung dijalankan.

3. Tidak ada virus yang menginfeksi program PHP.

Program PHP belum dapat diinfeksi virus sampai saat ini. Kebanyakan virus menginfeksi file berekstensi *.exe dan lain-lain.

2.2.6.1.2 Struktur Dasar PHP <?php

<-– script PHP -- > ?>

2.2.6.2 MySQL

MySQL adalah sistem manajemen database SQL yang bersifat Open Source dan paling populer saat ini. Sistem Database MySQL mendukung beberapa fitur seperti multithreaded, multi-user, dan SQL database managemen sistem (DBMS). Database ini dibuat untuk keperluan sistem database yang cepat, handal dan mudah digunakan.

(46)

23

MySQL AB yang merupakan sebuah perusahaan komersial yang didirikan oleh para pengembang MySQL. MySQL sudah digunakan lebih dari 11 miliar instalasi saat ini. Informasi-informasi terbaru mengenai MySQL dapat diperoleh dengan mengunjungi http://www.mysql.com/.

Berikut ini beberapa kelebihan MySQL sebagai database server antara lain :

1. Source MySQL dapat diperoleh dengan mudah dan gratis. 2. Sintaksnya lebih mudah dipahami dan tidak rumit.

3. Pengaksesan database dapat dilakukan dengan mudah.

4. MySQL merupakan program yang multithreaded, sehingga dapat dipasang pada server yang memiliki multiCPU.

5. Didukung program - program umum seperti C, C++, Java, Perl, PHP, Python, dsb.

6. Bekerja pada berbagai platform. (tersedia berbagai versi untuk berbagai sistem operasi).

7. Memiliki jenis kolom yang cukup banyak sehingga memudahkan konfigurasi sistem database.

8. Memiliki sistem sekuriti yang cukup baik dengan verifikasi host. 9. Mendukung ODBC untuk sistem operasi Windows.

10.Mendukung record yang memiliki kolom dengan panjang tetap atau panjang bervariasi.

2.2.6.3 Sublime Text 2

(47)

24

Untuk kecepatan, sublime 2 lebih ungul dikarenakan dipengaruhi oleh rasa kenyamanan tadi, yang membuat kecepatan pun sedikit bertambah.

2.2.6.4 Adobe Dreamweaver

Adobe Deramweaver adalah sebuah HTML editor professional untuk mendesain secara visual dan mengelola suatu web. Keunggulan Dreamweaver dibandingkan editor lainnya adalah memungkinkan pengguna berkreasi secara bebas dan cepat pada suatu lingkungan visual, tanpa menulis sebaris pun kode atau tag HTMLnya, dan setelah itu kita dapat menguji tampilan halaman web kita langsung di browser apapun yang kita inginkan.

2.2.6.5 XAMPP

XAMPP merupakan pengembangan dari LAMP (Linux Apache, MySQL, PHP and PERL), XAMPP ini merupakan project non-profit yang di kembangkan oleh Apache Friends yang didirikan Kai 'Oswalad' Seidler dan Kay Vogelgesang pada tahun 2002, project mereka ini bertujuan mempromosikan pengunaan Apache web server. [2]

XAMPP berfungsi sebagai server offline yang berdiri sendiri (seringkali disebut sebagai localhost). XAMPP terdiri dari beberapa program yaitu Apache HTTP Server, MYSQL Database, PHP, dan Pearl.

2.2.6.6 Google Chrome

Google Chrome adalah sebuah penjelajah web sumber terbuka yang dikembangkan oleh Google dengan menggunakan mesin rendering WebKit. WebKit adalah sebuah Mesin Layout yang didesain agar penjelajah web dapat merender halaman web.

(48)

BAB IV

PENUTUP

4.1Kesimpulan

Kesimpulan yang diperoleh setelah melalui tahap pembangunan website Antapani Primary Secondary School, adalah sebagai berikut :

1. Perancangan website yang tertata dengan baik, akan lebih mudah untuk membantu dalam penyajian tampilan awal agar menarik dilihat dan mempermudah user untuk menggunakan website tersebut.

2. Website Muhammadiyah Antapani Primary Secondary School sangat dibutuhkan sebagai sarana untuk publikasi sekolah dan interaksi antar siswa dengan guru , ataupun untuk masyarakat lebih mengenal Muhammadiyah Antapani Primary Secondary School.

3. Pada tahap perancangan website dirumuskan kebutuhan perangkat keras dan perangkat lunak yang digunakan, agar nantinya mempermudah implementasi hingga menjadi sebuah website yang utuh.

4. Database sangat diperlukan untuk pembangunan website, karena akan mempermudah dalam hal pengolahan data.

4.2Saran

Saran dari penulis untuk pihak Muhammadiyah Antapani Primary Secondary School sebagai tempat penulis melaksanakan kerja praktek , adalah sebagai berikut :

1. Hendaknya suatu sekolah yang sudah Rintisan Sekolah Bertaraf Internasional sudah saatnya memiliki situs website pribadi yang berkualitas.

(49)

335