BAB III
ANALISA DAN PEMBAHASAN
3.1 SEJARAH SINGKAT SMP ISLAM ASY-SYARIEF
SMP Islam Syarief didirikan oleh Yayasan Pendidikan Islam Asy-Syariefiah (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:
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. 1 2 6 5 4 3
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
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.
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
1
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.
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
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,
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)
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. Animasi Link Link Link Link Link Link Link Link Link Link Gambar Teks Teks
3.5.2.3 Desain tampilan Visi dan Misi (visimisi.htm)
Gambar 3.5 Desain visimisi.htm
Halaman ini berisi informasi tentang visi dan misi dari SMP Islam Asy-Syarief. Animasi Link Link Link Link Link Link Link Link Link Link Teks Teks
3.5.2.4 Desain tampilan Kurikulum (kurikulum.htm)
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.
Animasi Link Link Link Link Link Link Link Link Link Link Teks Teks
3.5.2.5 Desain tampilan Fasilitas (fasilitas.htm)
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.
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
3.5.2.6 Desain tampilan Kegiatan Ekstrakulikuler (ekskul.htm)
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. 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
3.5.2.7 Desain tampilan Partisipasi Sekolah (partisipasi.htm)
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.
Animasi Link Link Link Link Link Link Link Link Link Link Teks Gambar Gambar Teks Gambar Gambar Teks
3.5.2.8 Desain tampilan Pimpinan (pimpinan.htm)
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.
Animasi Link Link Link Link Link Link Link Link Link Link Teks Teks
3.5.2.9 Desain tampilan Peta Lokasi (petalokasi.htm)
Gambar 3.17 Desain petalokasi.htm
Halaman ini berisi informasi tentang denah gambar dari lokasi SMP Islam Asy-Syarief. Animasi Link Link Link Link Link Link Link Link Link Link Gambar Teks
3.5.2.10 Desain tampilan Hubungi Kami (hubungikami.htm)
Gambar 3.19 Desain hubungikami.htm
Halaman ini berisi informasi tentang lokasi atau alamat dari SMP Islam Asy-Syarief, no. telepon yang bisa dihubungi, atau alamat email.
Animasi Link Link Link Link Link Link Link Link Link Link Teks Teks
3.5.2.11 Desain tampilan Buku Tamu (dbukutamu.php)
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.
Animasi Link Link Link Link Link Link Link Link Link Link Link Teks Link Link Teks
3.5.2.12 Desain tampilan Tulis Buku Tamu (wbukutamu.php)
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.
Animasi Link Link Link Link Link Link Link Link Link Link Link Teks Teks Teks Teks Tombol Tombol
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.
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.
