28
BAB III ANALISA DAN PEMBAHASAN 3.1 SEJARAH SINGKAT SMP ISLAM ASY-SYARIEF SMP Islam Asy-Syarief didirikan oleh Yayasan Pendidikan Islam AsySyariefiah (Akte Notaris Harun Kamil S.H..No.71 tahun 1998 tanggal 31 Agustus 1998). Izin pendirian didasarkan atas keputusan Kepala Kantor Wilayah Departemen Pendidikan dan Kebudayaan Pripinsi Jawa Barat Nomor 104/102.1/Kep/OT/1999 tanggal 3 Februari 2000. SMP Islam Asy-Syarief didirikan berlandaskan konsep “Pendidikan Berbasis Masyarakat”. Dengan demikian, SMP Islam Asy-Syarief mencoba memberdayakan masyarakat
dalam
upaya
mengembangkan
sekolah.
Adapun
dalam
penyelenggaraannya didasarkan pada konsep “Manajemen Berbasis Sekolah”. SMP Islam Asy-Syarief berlokasi di Komplek Yayasan Pendidikan Islam Asy-Syariefiyah
di Kampung Ragadiem, Desa Cinta, Kecamatan Karangtengah,
berjarak kurang lebih 26 km, arah timur kota Garut. Dan berfungsi untuk Mengembangkan seluruh potensi peserta didik dalam meningkatkan kualitas hidup, kualitas iman dan taqwa, kualitas pikir dan dzikir, kualitas amal, kualitas intelektual, kecerdasan emosional dan keterampilan sosial.
3.2 STRUKTUR ORGANISASI SMP ISLAM ASY-SYARIEF Dibawah ini merupakan struktur organisasi yang sedang berjalan saat ini di SMP Islam Asy-Syarief:
29
1
2
3
4
5
6
Gambar 3.1 Struktur Organisasi SMP Islam Asy-Syarief
Keterangan : 1. Ketua Yayasan
: DR. H. Endang Sunarya
2. Kepala Sekolah
: Hj. Ratna Nurhayati, S.Ag
3. Wakil Kepala Sekolah Urusan Kurikulum
: Syafiar Mardhotillah, S.Ag
4. Wakil Kepala Sekolah Urusan Asrama
: Nyimas Sadiah
5. Sekretaris
: Eka Asri Utami, S.Pd
6. Bendahara
: Renni Hadyanti, S.Pd
Penjelasan : 1. Ketua Yayasan : bertugas mengontrol seluruh kegiatan baik di Sekolah maupun di Asrama. 2. Kepala Sekolah : bertugas sebagai pengendali seluruh kegiatan di sekolah, baik tehnis pembelajaran maupun administrasi. 3. Wakil Kepala Sekolah Urusan Kurikulum : bertugas sebagai perencana dan mendesain semua program dan kegiatan pendidikan serta pembelajaran di Sekolah. 4. Wakil Kepala Sekolah Urusan Asrama : bertugas sebagai perencana dan mendesain semua program dan kegiatan di asrama.
30
5. Sekretaris : bertugas mencatat dan melaksanakan semua kegiatan yang menyangkut sekolah SMP tersebut. 6. Bendahara : bertugas sebagai pemegang uang (biaya) dan mengatur / mengalokasikan seluruh biaya yang diperlukan, baik untuk keperluan sarana dan prasarana pendidikan maupun biaya yang lainnya.
3.3 Visi dan Misi Sekolah SMP Islam Asy-Syarief 1. Visi Sekolah Menuju Sekolah Berprestasi terampil bekerja berdasarkan pada iman dan taqwa
2. Misi Sekolah a. Mengoptimalkan sistem pembinaan profesionalisme guru b. Melaksanakan pembelajaran dan bimbingan secara terjadwal, efektif dan efisien c. Mendorong dan menumbuhkan semangat berprestasi, belajar, dab bekerja keras pada diri siswa d. Menumbuhkan dan mendorong minat siswa untuk menggali bakat dan potensi diri e. Membiasakan warga sekolah berkomunikasi dalam bahasa asing f. Mengaplikasikan nilai-nilai keagamaan dalam kehidupan sehari-hari. 3.4 Permasalahan Permasalahan yang timbul dari SMP Islam Asy-Syarief saat ini adalah karena belum
terhubungnya
jaringan
internet
memungkinkan
sulitnya
untuk
mempromosikan dan menginformasikan tentang SMP Islam Asy-Syarief, sehingga masih sedikit masyarakat umum yang mengetahui keberada sekolah tersebut. Dalam hal ini penulis akan membuat website SMP Islam Asy-Syarief, dengan website ini segala sesuatu yang menyangkut SMP Islam Asy-Syarief mudah untuk di informasikan dan masyarakat umum juga lebih mudah mencari informasi SMP Islam
31
Asy-Syarief hanya dengan melihat di layar monitor dimana mereka tinggal / berada tanpa harus berinjak langsung kelokasi.
3.5 ANALISA DAN PEMBAHASAN
3.5.1 Analisa Analisa yang penulis buat berupa gambaran umum dari penulisan ilmiah ini, yang dituangkan dalam bentuk struktur navigasi. Struktur navigasi yang digunakan adalah struktur navigasi campuran
3.5.1.1 Struktur Navigasi Dibawah ini merupakan gambar struktur navigasi yang digunakan pada aplikasi website SMP Islam Asy-Syarief. 1
2
3
4
5
6
7
8
Gambar 3.2 Struktur Navigasi Website SMP Islam Asy-Syarief
Keterangan : 1. Index (Tentang Kami)
6. Partisipasi Sekolah
2. Visi dan Misi
7. Pimpinan Sekolah
3. Kurikulum
8. Peta Lokasi
4. Fasilitas
9. Hubungi Kami
5. Ekskul
10. Buku Tamu
9
10
32
Penjelasan Struktur Navigasi Visualisasi Website SMP Islam Asy-Syarief : 1. Halaman Index (Tentang Kami) Halaman ini merupakan halaman pembuka, yang menampilkan judul serta tombol-tombol yang merupakan hyperlink untuk menyambungkan ke halaman lain yang terdiri dari : a. Tombol atau Hyperlink “Index (Tentang Kami)”: Tombol ini menampilkan halaman tentang Index (tentang kami) berupa Sejarah SMP Islam Asy-Syarief. b. Tombol atau Hyperlink “Visi dan Misi”: Tombol ini menampilkan halaman tentang Visi dan Misi SMP Islam Asy-Syarief. c. Tombol atau Hyperlink “Kurikulum”: Tombol ini menampilkan halaman tentang Kurikulum yang berlaku di SMP Islam Asy-Syarief. d. Tombol atau Hyperlink “Fasilitas”: Tombol ini menampilkan halaman tentang Fasilitas-fasilitas yang ada di SMP Islam Asy-Syarief. e. Tombol atau Hyperlink “Ekskul”: Tombol ini menampilkan halaman tentang kegiatan Ekskul yang ada di SMP Islam Asy-Syarief. f. Tombol atau Hyperlink “Partisipasi Sekolah”: Tombol ini menampilkan halaman tentang Partisipasi yang biasa dilakukan oleh siswa SMP Islam Asy-Syarief. g. Tombol atau Hyperlink “Pimpinan Sekolah”: Tombol ini menampilkan halaman tentang Pimpinan/Organisasi Sekolah SMP Islam Asy-Syarief. h. Tombol atau Hyperlink “Peta Lokasi”: Tombol ini menampilkan halaman tentang Peta Lokasi dimana SMP Islam Asy-Syarief berada. i. Tombol atau Hyperlink “Hubungi Kami”: Tombol ini menampilkan halaman tentang Hubungi Kami yang berupa alamat-alamat yang bisa dihubungi mengenai SMP Islam Asy-Syarief. j. Tombol atau Hyperlink “Buku Tamu”: Tombol ini menampilkan halaman tentang Buku Tamu dimana para user dapat memberikan komentar tentang SMP Islam Asy-Syarief.
33
2. Halaman Visi dan Misi Halaman ini terdiri dari satu tombol “Index” yang berfungsi untuk menutup halaman Visi dan Misi, dan kembali menampilkan halaman index. Terdapat sembilan tombol hyperlink yang berfungsi sebagai penghubung antar halaman lainnya (penjelasannya sama seperti yang tertera pada halaman index/tentang kami). 3. Halaman Kurikulum Halaman ini terdiri dari satu tombol “Index” yang berfungsi untuk menutup halaman Fasilitas, dan kembali menampilkan halaman index. Terdapat sembilan tombol hyperlink yang berfungsi sebagai penghubung antar halaman lainnya (penjelasannya sama seperti yang tertera pada halaman index/tentang kami). 4. Halaman Fasilitas Halaman ini terdiri dari satu tombol “Index” yang berfungsi untuk menutup halaman fasilitas dan kembali menampilkan halaman index. Terdapat sembilan tombol hyperlink yang berfungsi sebagai penghubung antar halaman lainnya (penjelasannya sama seperti yang tertera pada halaman index/tentang kami). 5. Halaman Eskul Halaman ini terdiri dari satu tombol “Index” yang berfungsi untuk menutup halaman eskul dan kembali menampilkan halaman index. Terdapat sembilan tombol hyperlink yang berfungsi sebagai penghubung antar halaman lainnya (penjelasannya sama seperti yang tertera pada halaman index/tentang kami). 6. Halaman Partisipasi Sekolah Halaman ini terdiri dari satu tombol “Index” yang berfungsi untuk menutup halaman partisipasi sekolah dan kembali menampilkan halaman index. Terdapat sembilan tombol hyperlink yang berfungsi sebagai penghubung antar halaman lainnya (penjelasannya sama seperti yang tertera pada halaman index/tentang kami). 7. Halaman Pimpinan Sekolah Halaman ini terdiri dari satu tombol “Index” yang berfungsi untuk menutup halaman pimpinan sekolah dan kembali menampilkan halaman index. Terdapat
34
sembilan tombol hyperlink yang berfungsi sebagai penghubung antar halaman lainnya (penjelasannya sama seperti yang tertera pada halaman index/tentang kami). 8. Halaman Peta Lokasi Halaman ini terdiri dari satu tombol “Index” yang berfungsi untuk menutup halaman peta lokasi dan kembali menampilkan halaman index. Terdapat sembilan tombol hyperlink yang berfungsi sebagai penghubung antar halaman lainnya (penjelasannya sama seperti yang tertera pada halaman index/tentang kami). 9. Halaman Hubungi Kami Halaman ini terdiri dari satu tombol “Index” yang berfungsi untuk menutup halaman hubungi kami dan kembali menampilkan halaman index. Terdapat sembilan tombol hyperlink yang berfungsi sebagai penghubung antar halaman lainnya (penjelasannya sama seperti yang tertera pada halaman index/tentang kami). 10. Halaman Buku Tamu Halaman ini terdiri dari satu tombol “Index” yang berfungsi untuk menutup halama buku tamu dan kembali menampilkan halaman index. Terdapat sembilan tombol hyperlink yang berfungsi sebagai penghubung antar halaman lainnya (penjelasannya sama seperti yang tertera pada halaman index/tentang kami)
3.5.2 Pembahasan Pada bab ini penulis membahas bagaimana cara merancang suatu aplikasi informasi dan kemudian menampilkannya. Dibawah ini merupakan pembahasan perancangan dan tampilan website SMP Islam Asy-Syarief.
3.5.2.1 Perancangan Web Dalam proses perancangan program aplikasi grafis berbasis website tentang SMP Islam Asy-Syarief, maka pada bab ini penulis akan menjelaskan beberapa tahap dalam pembuatan program, tahap-tahap ini penulis kerjakan secara berurutan. Adapun tahap yang akan dibahas dimualai dengan pembuatan tampilan halaman home (Tentang Kami), Visi dan Misi, Kurikulum, Fasilitas, Kegiatan Ekstrakulikuler,
35
Partisipasi Sekolah, Pimpinan Sekolah, Peta Lokasi, Hubungu Kami, dan Buku Tamu. Sehingga program aplikasi dapat dijalankan.
3.5.2.2 Desain tampilan Tentang kami (index.htm) Animasi
Link Link Link Link Link Link Link Link Link Link
Gambar
Teks
Teks Gambar 3.3 Desain index.htm
Halaman ini merupakan halaman utama dari website Asy-Syarief, di mana di dalamnya terdapat gambar tampak depan dari bangunan dan keterangan seputar SMP Islam Asy-Syarief.
36
Gambar 3.4 Output index.htm
37
3.5.2.3 Desain tampilan Visi dan Misi (visimisi.htm) Animasi
Link Link Link Link Link Link Link Link Link Link
Teks
Teks Gambar 3.5 Desain visimisi.htm
Halaman ini berisi informasi tentang visi dan misi dari SMP Islam AsySyarief.
38
Gambar 3.6 Output visimisi.htm
39
3.5.2.4 Desain tampilan Kurikulum (kurikulum.htm) Animasi
Link Link Link Link Link Link Link Link Link Link
Teks
Teks Gambar 3.7 Desain kurikulum.htm
Halaman ini merupakan halaman kurikulum, di mana di dalamnya berisi informasi tentang kurikulum yang digunakan, materi ekstrakulikuler, dan pendidikan khusus keagamaan yang diajarkan.
40
Gambar 3.8 Output kurikulum.htm
41
3.5.2.5 Desain tampilan Fasilitas (fasilitas.htm) Animasi
Link Link Link Link Link Link Link Link Link Link
Link Link Link Link Link Link Link Link Link Link Link Teks Gambar Teks Gambar Gambar Teks Gambar Teks Gambar Teks Gambar Teks Gambar Gambar Gambar
Teks Gambar 3.9 Desain fasilitas.htm
Halaman ini berisi informasi tentang fasilitas-fasilitas yang ada di SMP Islam Asy-Syarief mulai dari masjid, gedung sekolah, perpustakaan dan lain sebagainya.
42
Gambar 3.10 Output fasilitas.htm
43
3.5.2.6 Desain tampilan Kegiatan Ekstrakulikuler (ekskul.htm) Animasi
Link Link Link Link Link Link Link Link Link Link
Teks Gambar Gambar Teks Gambar Gambar Gambar Teks Gambar Gambar Teks Gambar Gambar Gambar Gambar
Teks
Gambar 3.11 Desain ekskul.htm
Halaman ini berisi informasi tentang kegiatan-kegiatan ekstrakulikuler yang ada di SMP Islam mulai dari pramuka, bercocok tanam, beternak, olah raga, hingga kegiatan pesantren.
44
Gambar 3.12 Output ekskul.htm
45
3.5.2.7 Desain tampilan Partisipasi Sekolah (partisipasi.htm) Animasi
Link Link Link Link Link Link Link Link Link Link
Teks Gambar Gambar
Teks Gambar Gambar
Teks
Gambar 3.13 Desain partisipasi.htm
Halaman ini berisi informasi tentang partisipasi yang dilakukan oleh SMP Islam Asy-Syarief seperti penyaluran zakat, perayaan hari-hari besar Islam, perayaan HUT RI, dan lain sebagainya.
46
Gambar 3.14 Output partisipasi.htm
47
3.5.2.8 Desain tampilan Pimpinan (pimpinan.htm) Animasi
Link Link Link Link Link Link Link Link Link Link
Teks
Teks Gambar 3.15 Desain pimpinan.htm
Halaman ini berisi informasi tentang nama-nama pimpinan sekolah yang aktif mulai dari Ketua Yayasan, Kepala sekolah, Wakil Kepala Sekolah Urusan Kurikulum, Wakil Kepala Sekolah Urusan Asrama, Sekretaris, dan Bendahara.
48
Gambar 3.16 Output pimpinan.htm
49
3.5.2.9 Desain tampilan Peta Lokasi (petalokasi.htm) Animasi
Link Link Link Link Link Link Link Link Link Link
Gambar
Teks Gambar 3.17 Desain petalokasi.htm
Halaman ini berisi informasi tentang denah gambar dari lokasi SMP Islam Asy-Syarief.
50
Gambar 3.18 Output petalokasi.htm
51
3.5.2.10 Desain tampilan Hubungi Kami (hubungikami.htm) Animasi
Link Link Link Link Link Link Link Link Link Link
Teks
Teks Gambar 3.19 Desain hubungikami.htm
Halaman ini berisi informasi tentang lokasi atau alamat dari SMP Islam AsySyarief, no. telepon yang bisa dihubungi, atau alamat email.
52
Gambar 3.20 Output hubungikami.htm
53
3.5.2.11 Desain tampilan Buku Tamu (dbukutamu.php) Animasi
Link Link Link Link Link Link Link Link Link Link
Link
Teks
Link Link
Teks Gambar 3.21 Desain dbukutamu.php
Di halaman ini pengunjung bisa melihat daftar pengunjung yang telah mengisi buku tamu dan juga link untuk mengisi buku tamu.
54
Gambar 3.22 Output dbukutamu.php
55
3.5.2.12 Desain tampilan Tulis Buku Tamu (wbukutamu.php) Animasi
Link Link Link Link Link Link Link Link Link Link
Link
Teks Teks Teks
Tombol
Tombol
Teks Gambar 3.23 Desain wbukutamu.php
Di halaman ini pengunjung dapat mengisi buku tamu dengan menginput pada kolom input yang telah disediakan dan juga terdapat link untuk melihat daftar pengunjung yang telah mengisi buku tamu.
56
Gambar 3.24 Output wbukutamu.php
57
3.6 STRUKTUR DATABASE Dalam pembuatan web ini, penulis menggunakan satu buah database MySQL. Dan di dalam database ini, penulis menggunakan satu buah tabel untuk data buku tamu.
3.7 STRUKTUR TABEL Nama tabel yang penulis gunakan untuk menyimpan data yaitu buku_tamu. Adapun struktur tabel dari tabel buku_tamu adalah sebagai berikut:
Nama Field
Tipe Data
Panjang Field
Keterangan
nama
varchar
25
nama pengunjung
email
varchar
50
email pengunjung
komentar
varchar
255
komentar pengunjung
tgl_tulis
datetime
12
tanggal mengisi buku tamu
Gambar 3.25 Struktur tabel buku_tamu
3.8 SPESIFIKASI KOMPUTER YANG DIGUNAKAN Dalam pembuatan aplikasi website SMP Islam Asy-Syarief ini, penulis menggunakan spesifikasi komputer sebagai berikut: a.
Hardware Perangkat keras atau hardware yang digunakan sebagai berikut:
1.
Processor Intel Pentium IV 1.4Ghz.
2.
Memory DDRAM 256Mb.
3.
VGA Onboard.
4.
Sound Card Onboard.
5.
Harddisk 40Gb.
6.
Monitor dengan Resolusi 1024x768 pixel.
7.
Keyboard dan Mouse.
58
b.
Software Sedangkan perangkat lunak atau software yang digunakan adalah sebagai
berikut: 1.
Sistem Operasi Windows XP SP2.
2.
Paket Wamp versi 1.4.4.
3.
Adobe Photoshop.
4.
Macromedia Dreamweaver MX.
5.
SwishMax.