LAMPIRAN File style.css

Ukuran: px
Mulai penontonan dengan halaman:

Download "LAMPIRAN File style.css"

Transkripsi

1 LAMPIRAN File style.css body {background-color:#ffffff} table {background-color:#ffffff} td,body { color: #555555; font-family : Tahoma, Verdana; font-size : 8pt; font-weight : normal; } input { font-family : Tahoma, Verdana; font-size : 8pt; font-weight : normal; } textarea { font-family : Tahoma, Verdana; font-size : 8pt; font-weight : normal; } a{text-decoration:none} a:link{text-decoration:none} a:hover{text-decoration:underline;color:#000000;font-weight:bold} L1

2 File index.htm <HTML> <HEAD> <TITLE>Tentang SMP Islam Asy-Syarief</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso "> <link rel="stylesheet" href="./style.css"> </HEAD> <BODY LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 alink="#008000" vlink="#008000" link="#008000"> <!-- ImageReady Slices (desain1.psd) --> <TABLE WIDTH=780 BORDER=0 CELLPADDING=0 CELLSPACING=0 ALIGN="CENTER"> <TD ROWSPAN=4 background="./images/desain1_02.png" WIDTH=14 HEIGHT=176 ALT=""> <TD COLSPAN=3 BACKGROUND="./images/desain1_03.png" WIDTH=751 HEIGHT=25> <TD ROWSPAN=4 background="./images/desain1_04.png" WIDTH=15 HEIGHT=176 ALT=""> <TD BACKGROUND="./images/desain1_05.png" WIDTH=14><TD> <TABLE WIDTH=723 CELLSPACING="0" CELLPADDING="0" ORDER="0"> <TD colspan="2" align="center"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b " codebase=" version=5,0,42,0" id="header" width="580" height="190"> L2

3 <param name="movie" value="./flash/header.swf"> <param name="bgcolor" value="#ffffff"> <param name="quality" value="high"> <param name="allowscriptaccess" value="samedomain"> <embed type="application/x-shockwave-flash" pluginspage=" width="580" height="190" name="header" src="./flash/header.swf" bgcolor="#ffffff" quality="high" swliveconnect="true" allowscriptaccess="samedomain"> </embed> </object> <td width="143" valign="top"> <table CELLSPACING="0" CELLPADDING="0" BORDER="0" width="143"> <td height="17"> <td height="17" bgcolor="#d6f0d5"><b>tentang Kami</b> <td height="17"><a href="./visimisi.htm">visi dan Misi</a> <td height="17"><a href="./kurikulum.htm">kurikulum</a> <td height="17"><a href="./fasilitas.htm">fasilitas</a> <td height="17"><a href="./ekskul.htm">kegiatan Ekstrakulikuler</a> <td height="17"><a href="./partisipasi.htm">partisipasi Sekolah</a> <td height="17"><a href="./pimpinan.htm">pimpinan Sekolah</a> <td height="17"><a href="./petalokasi.htm">peta Lokasi</a> <td height="17"><a href="./hubungikami.htm">hubungi Kami</a> L3

4 <td height="17"><a href="./dbukutamu.php">buku Tamu</a> </table> <td width="580" valign="top"> <table CELLSPACING="0" CELLPADDING="10" BORDER="0"> <td valign="top" width="580" bgcolor="#d6f0d5"><p align="center"><img src="./images/image-28.jpg" width="524" height="224"></p> <br> SMP Islam Asy- 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.<br><br> 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. <br><br> 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.<br><br> </table> </TABLE> L4

5 <TD BACKGROUND="./images/desain1_07.png" WIDTH=14> <TD COLSPAN=3 BACKGROUND="./images/desain1_08.png" WIDTH=751 HEIGHT=24 align="center"> <b>2007 Dede Nur'aidah</b> </TABLE> <!-- End ImageReady Slices --> </BODY> </HTML> File visimisi.htm <HTML> <HEAD> <TITLE>Visi dan Misi SMP Islam Asy-Syarief</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso "> <link rel="stylesheet" href="./style.css"> </HEAD> <BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 alink="#008000" vlink="#008000" link="#008000"> <!-- ImageReady Slices (desain1.psd) --> <TABLE WIDTH=780 BORDER=0 CELLPADDING=0 CELLSPACING=0 ALIGN="CENTER"> <TD ROWSPAN=4 background="./images/desain1_02.png" WIDTH=14 HEIGHT=176 ALT=""> L5

6 <TD COLSPAN=3 BACKGROUND="./images/desain1_03.png" WIDTH=751 HEIGHT=25> <TD ROWSPAN=4 background="./images/desain1_04.png" WIDTH=15 HEIGHT=176 ALT=""> <TD BACKGROUND="./images/desain1_05.png" WIDTH=14><TD> <TABLE WIDTH=723 CELLSPACING="0" CELLPADDING="0" BORDER="0"> <TD colspan="2" align="center"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b " codebase=" version=5,0,42,0" id="header" width="580" height="190"> <param name="movie" value="./flash/header.swf"> <param name="bgcolor" value="#ffffff"> <param name="quality" value="high"> <param name="allowscriptaccess" value="samedomain"> <embed type="application/x-shockwave-flash" pluginspage=" width="580" height="190" name="header" src="./flash/header.swf" bgcolor="#ffffff" quality="high" swliveconnect="true" allowscriptaccess="samedomain" ></embed> </object> L6

7 <td width="143" valign="top"> <table CELLSPACING="0" CELLPADDING="0" BORDER="0" width="143"> <td height="17"> <td height="17"><a href="index.htm">tentang Kami</a> <td height="17" bgcolor="#d6f0d5"><b>visi dan Misi</b> <td height="17"><a href="./kurikulum.htm">kurikulum</a> <td height="17"><a href="./fasilitas.htm">fasilitas</a> <td height="17"><a href="./ekskul.htm">kegiatan Ekstrakulikuler</a> <td height="17"><a href="./partisipasi.htm">partisipasi Sekolah</a> <td height="17"><a href="./pimpinan.htm">pimpinan Sekolah</a> <td height="17"><a href="./petalokasi.htm">peta Lokasi</a> <td height="17"><a href="./hubungikami.htm">hubungi Kami</a> <td height="17"><a href="./dbukutamu.php">buku Tamu</a> </table> <td width="580" valign="top"> <table CELLSPACING="0" CELLPADDING="10" BORDER="0"> <td valign="top" width="580" bgcolor="#d6f0d5"> <b><u>visi:</u></b><br><br><br>menuju sekolah berprestasi dan berkarya berdasarkan iman dan taqwa.<br><br><br><br><b><u>misi:</u></b><br><br><br>1. Mengoptima lkan sistem pembinaan profesionalisme guru<br><br>2. Melaksanakan pembelajaran dan bimbingan secara terjadual, efektif, dan L7

8 efisien<br><br>3. Mendorong dan menumbuhkan semangat prestasi, belajar dan bekerja keras pada diri siswa<br><br>4. Menumbuhkan dan mendorong minat siswa untuk menggali bakat dan potensi diri<br><br>5. Membiasakan warga sekolah berkomunikasi dalam bahasa asing<br><br>6. mengaplikasikan nilai-nilai keagamaan dalam kehidupan sehari-hari<br><br> </table> </TABLE> <TD BACKGROUND="./images/desain1_07.png" WIDTH=14> <TD COLSPAN=3 BACKGROUND="./images/desain1_08.png" WIDTH=751 HEIGHT=24 align="center"><b>2007 Dede Nur'aidah</b> </TABLE> <!-- End ImageReady Slices --> </BODY> </HTML> File kurikulum.htm <HTML> <HEAD> <TITLE>Kurikulum yang ada di SMP Islam Asy-Syarief</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso L8

9 1"> <link rel="stylesheet" href="./style.css"> </HEAD> <BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 alink="#008000" vlink="#008000" link="#008000"> <!-- ImageReady Slices (desain1.psd) --> <TABLE WIDTH=780 BORDER=0 CELLPADDING=0 CELLSPACING=0 ALIGN="CENTER"> <TD ROWSPAN=4 background="./images/desain1_02.png" WIDTH=14 HEIGHT=176 ALT=""> <TD COLSPAN=3 BACKGROUND="./images/desain1_03.png" WIDTH=751 HEIGHT=25> <TD ROWSPAN=4 background="./images/desain1_04.png" WIDTH=15 HEIGHT=176 ALT=""> <TD BACKGROUND="./images/desain1_05.png" WIDTH=14><TD> <TABLE WIDTH=723 CELLSPACING="0" CELLPADDING="0" ORDER="0"> <TD colspan="2" align="center"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b "codebase=" sh/swflash.cab#version=5,0,42,0" id="header" width="580" height="190"> L9

10 <param name="movie" value="./flash/header.swf"> <param name="bgcolor" value="#ffffff"> <param name="quality" value="high"> <param name="allowscriptaccess" value="samedomain"> <embed type="application/x-shockwave-flash" pluginspage=" width="580" height="190" name="header" src="./flash/header.swf" bgcolor="#ffffff" quality="high" swliveconnect="true" allowscriptaccess="samedomain"> </embed> </object> <td width="143" valign="top"> <table CELLSPACING="0" CELLPADDING="0" BORDER="0" width="143"> <td height="17"> <td height="17"><a href="index.htm">tentang Kami</a> <td height="17"><a href="./visimisi.htm">visi dan Misi</a> <td height="17" bgcolor="#d6f0d5"><b>kurikulum</b> <td height="17"><a href="./fasilitas.htm">fasilitas</a> <td height="17"><a href="./ekskul.htm">kegiatan Ekstrakulikuler</a> <td height="17"><a href="./partisipasi.htm">partisipasi Sekolah</a> L10

11 <td height="17"><a href="./pimpinan.htm">pimpinan Sekolah</a> <td height="17"><a href="./petalokasi.htm">peta Lokasi</a> <td height="17"><a href="./hubungikami.htm">hubungi Kami</a> <td height="17"><a href="./dbukutamu.php">buku Tamu</a> </table> <td width="580" valign="top"> <table CELLSPACING="0" CELLPADDING="10" BORDER="0"> <td valign="top" width="580" bgcolor="#d6f0d5"> <b><u>kurikulum:</u></b><br> <br> <br> Untuk mewujudkan fungsi dan tujuan tersebut, kurikulum SMP Islam Asy-Syarief memadukan secara harmonis dan seimbang antara kurikulum SMP umum dan materi pembelajaran yang biasa yang dipelajari dan dikaji dilingkungan pondok pesantren. Pada garis besarnya materi pendidikan dan pembelajaran SMP Islam Asy-Syarief terdiri atas tiga kelompok, yaitu:<br> <br> <b>1. Materi Intra-Kulikuler</b><br> a. Pendidikan Pancasila dan Kewarganegaraan<br> b. Agama<br> c. Bahasa Indinesia<br> d. Matematika<br> e. Ilmu Pengetahuan Alam (IPA)<br> f. Ilmu Pengetahuan Sosial (IPS)<br> g. Kerajinan L11

12 Tangan dan Kesenian<br> h. Pendidikan Jasmani dan Kesehatan <br> i. Bahasa Inggris<br> j. Muatan Lokal (Bahasa Arab dan Bahasa Sunda)<br> <br>b>2. Materi Ekstrakulikuler</b><br> a. Kepramukaan<br> b. Usaha Kesehatan Sekolah (UKS)<br> c. Keterampilan Pertanian, Perikanan, Peternakan, Kaligrafi, dll.<br> d. Keterampilan Membaca<br> e. Keterampilan komputer<br> <br> <b>3. Pendidikan Khusus Keagamaan (Pondok Pesantren)</b><br> Pendidikan Khusus Keagamaan mengacu pada pola pendidikan dipondok pesantren, terutama ditujukan bagi siswa yang tinggal (menginap) di Asrama SMP Islam Asy-Syarief, bahkan kajian yang diberikan antara lain:<br> <br> Alqur'an<br> Hadis<br> Nahwu<br> Shorof<br> Aqidah<br> Akhlak, dan<br> Sejarah Islam <br> </table> </TABLE> <TD BACKGROUND="./images/desain1_07.png" WIDTH=14> L12

13 <TD COLSPAN=3 BACKGROUND="./images/desain1_08.png" WIDTH=751 HEIGHT=24 align="center"><b>2007 Dede Nur'aidah</b> </TABLE> <!-- End ImageReady Slices --> </BODY> </HTML> File fasilitas.htm <HTML> <HEAD> <TITLE>Fasilitas-fasilitas yang ada di SMP Islam Asy-Syarief</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso "> <link rel="stylesheet" href="./style.css"> </HEAD> <BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 alink="#008000" vlink="#008000" link="#008000"> <!-- ImageReady Slices (desain1.psd) --> <a name="#link"></a> <TABLE WIDTH=780 BORDER=0 CELLPADDING=0 CELLSPACING=0 ALIGN="CENTER"> <TD ROWSPAN=4 background="./images/desain1_02.png" WIDTH=14 HEIGHT=176 ALT=""> <TD COLSPAN=3 BACKGROUND="./images/desain1_03.png" WIDTH=751 HEIGHT=25> L13

14 <TD ROWSPAN=4 background="./images/desain1_04.png" WIDTH=15 HEIGHT=176 ALT=""> <TD BACKGROUND="./images/desain1_05.png" WIDTH=14> <TD> <TABLE WIDTH=723 CELLSPACING="0" CELLPADDING="0" BORDER="0"> <TD colspan="2" align="center"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b " codebase=" version=5,0,42,0" id="header" width="580" height="190"> <param name="movie" value="./flash/header.swf"> <param name="bgcolor" value="#ffffff"> <param name="quality" value="high"> <param name="allowscriptaccess" value="samedomain"> <embed type="application/x-shockwave-flash" pluginspage=" width="580" height="190" name="header" src="./flash/header.swf" bgcolor="#ffffff" quality="high" swliveconnect="true" allowscriptaccess="samedomain"> </embed> </object> <td width="143" valign="top"> L14

15 <table CELLSPACING="0" CELLPADDING="0" BORDER="0" width="143"> <td height="17"> <td height="17"><a href="index.htm">tentang Kami</a> <td height="17"><a href="./visimisi.htm">visi dan Misi</a> <td height="17"><a href="./kurikulum.htm">kurikulum</a> <td height="17" bgcolor="#d6f0d5"><b>fasilitas</b> <td height="17"><a href="./ekskul.htm">kegiatan Ekstrakulikuler</a> <td height="17"><a href="./partisipasi.htm">partisipasi Sekolah</a> <td height="17"><a href="./pimpinan.htm">pimpinan Sekolah</a> <td height="17"><a href="./petalokasi.htm">peta Lokasi</a> <td height="17"><a href="./hubungikami.htm">hubungi Kami</a> <td height="17"><a href="./dbukutamu.php">buku Tamu</a> </table> <td width="580" valign="top"> <table CELLSPACING="0" CELLPADDING="10" BORDER="0"> <td valign="top" width="580" bgcolor="#d6f0d5"> <b><u>fasilitas:</u></b><br><br> L15

16 <a href="#1">1. Mesjid Jami Asy-Syarief</a><br> <a href="#2">2. Gedung SMP Asy-Syarief</a><br> <a href="#3">3. Ruang Abdus Salam (Ruang Kepala Sekolah dan Ruang Kerja TU)</a><br> <a href="#4">4. Ruang Ibnu Bajjah (Guru)</a><br> <a href="#5">5. Ruang Ibnu Sina, Ruang Ibnu Alkasysyab, Ruang Ibnu Albanna</a><br> <a href="#6">6. Ruang Ibnu Haytsam (Ruang Laboratorium dan Keterampilan)</a><br> <a href="#7">7. Ruang Perpustakaan</a><br> <a href="#8">8. Gedung Perpustakaan Masjid Jami Asysyarief</a><br> <a href="#9">9. Ruang Ibnu Rusyid (Ruang UKS)</a><br> <a href="#10">10. Ruang Ibnu Juljul (Ruang BP)</a><br> <a href="#11">11. Asrama SMP Islam Asy-syarief</a> <br><br><br> <a name="#1"></a> <b> 1. Masjid Jami Asy-Syarief</b><br><br> Mesjid Jami As-Syarief juga berfungsi sebagai pusat pendidikan. Peserta didik yang tinggal (menginap) di Asrama SMP Islam Asy-Syarief. Proses pendidikan dan pembelajaran dimulai dari shalat Subuh dan diakhiri setelah shalat Isya di Mesjid Jami Asy-Syarief. <a href="#link" title="kembali pada link di atas"><<</a><br><br> <div style="text-align:center"> <a href="./images/image-27.png"><img src="./images/thumb01.png" width="120" height="60" title="masjid Jami Asy-Syarief"></a><br> </div> <br><br><br> <a name="#2"></a> L16

17 <b> 2. Gedung SMP Asy-Syarief</b><br><br> Gedung SMP Islam Asy-Syarief terdiri atas Ruang Kepala Sekolah, ruang Guru, ruang Tata Usaha, tiga ruang Belajar, 1 ruang Laboratorium dan Keterampilan, 1 ruang Perpustakaan, 1 ruang Usaha Kesehatan Sekolah (UKS), 1 ruang Bimbingan dan Penyuluhan (BP), dan 2 Kamar Kecil Peserta Didik, kecuali 2 Kamar Kecil, semua ruangan di beri nama Ilmuan-ilmuan Muslim. <a href="#link" title="kembali pada link di atas"><<</a><br><br> <div style="text-align:center"> <a href="./images/image-28.jpg"><img src="./images/thumb02.png" width="120" height="60" align="bottom" title="gedung SMP Islam Asy-Syarief tampak depan"></a> <a href="./images/image-29.jpg"><img src="./images/thumb03.png" width="120" height="60" align="bottom" title="gedung SMP Islam Asy-Syarief tampak samping"></a> </div> <br><br><br> <a name="#3"></a> <b> 3. Ruang Abdus Salam (Ruang Kepala Sekolah dan Ruang Kerja TU)</b><br><br> Dari dua ruangan ini seluruh kegiatan pendidikan dan pembelajaran, baik teknis pendidikan maupun administrasi, dikendalikan. <a href="#link" title="kembali pada link di atas"><<</a><br><br> <div style="text-align:center"> <a href="./images/image-37.jpg"><img src="./images/thumb04.png" width="120" height="60" align="bottom" title="ruang Kepala Sekolah dan Tata Usaha"></a> </div> <br><br><br> <a name="#4"></a> <b> 4. Ruang Ibnu Bajjah (Guru)</b><br><br> L17

18 Dari ruangan inilah semua program dan kegiatan pendidikan serta pembelajaran direncanakan, didesain, dan di evaluasi oleh guru maupun ustadz. <a href="#link" title="kembali pada link di atas"><<</a><br><br> <div style="text-align:center"> <a href="./images/image-36.jpg"><img src="./images/thumb05.png" width="120" height="60" align="bottom" title="ruang Guru"></a> </div> <br><br><br> <a name="#5"></a> <b> 5. Ruang Ibnu Sina, Ruang Ibnu Alkasysyab, Ruang Ibnu Albanna</b><br><br> Di dalam ketiga ruangan ini proses pendidikan dan pembelajaran SMP Islam Asy- Syarief dilaksanakan. <a href="#link" title="kembali pada link di atas"><<</a><br><br> <div style="text-align:center"> <a href="./images/image-29.jpg"><img src="./images/thumb06.png" width="120" height="60" align="bottom" title="ruang Kelas Siswa"></a> </div> <br><br><br> <a name="#6"></a> <b> 6. Ruang Ibnu Haytsam (Ruang Laboratorium dan Keterampilan)</b><br><br> Alat-alat Laboratorium IPA, alat-alat peraga matematika, dan alat-alat keterampilan ditata berdasarkan fungsi dan kegunaannya dalam proses pendidikan dan pembelajaran. Gambar 1 Pada gambar disebelah kiri tampak siswa SMP Islam Asy-Syarief sedang melakukan percobaan Mata Pembelajaran Ilmu Pengetahuan Alam (IPA). <a href="#link" title="kembali pada link di atas"><<</a><br><br> <div style="text-align:center"> L18

19 <a href="./images/image-30.jpg"><img src="./images/thumb07.png" width="120" height="60" align="bottom" title="ruang Laboratorium IPA"></a> <a href="./images/image-31.jpg"><img src="./images/thumb08.png" width="120" height="60" align="bottom" title="siswi putri sedang melakukan percobaan penelitian di Ruang Laboratorium IPA"></a> <a href="./images/image-32.jpg"><img src="./images/thumb09.png" width="120" height="60" align="bottom" title="siswa putra sedang melakukan percobaan penelitian di Ruang Laboratorium IPA"></a> </div> <br><br><br> <a name="#7"></a> <b> 7. Ruang Perpustakaan</b><br><br> Di dalam ruang perpustakaan SMP Islam Asy-Syarief tersedia buku-buku untuk siswa dan guru, seperti buku-buku pengetahuan umum, pengetahuan khusus pendidikan, pelajaran pokok dan pelengkap untuk semua bidang, bacaan fiksi dan nonfiksi, kamus, peta, ensiklopedia, dan glibe. Khusus untuk para ustadz tersedia kitab-kitab agama mulai dari kitab-kitab klasik sampai dengan kitab-kitab kontemporer diperpustakaan Mesjid Jami Asy-Syarief. <a href="#link" title="kembali pada link di atas"><<</a><br><br> <div style="text-align:center"> <a href="./images/image-33.jpg"><img src="./images/thumb10.png" width="120" height="60" align="bottom" title="kegiatan Membaca di ruang perpustakaan"></a> <a href="./images/image-34.jpg"><img src="./images/thumb11.png" width="120" height="60" align="bottom" title="kegiatan Membaca di ruang perpustakaan"></a> <a href="./images/image-35.jpg"><img src="./images/thumb12.png" width="120" height="60" align="bottom" title="penggunaan sarana audio visual di ruang L19

20 perpustakaan"></a> </div> <br><br><br> <a name="#8"></a> <b> 8. Gedung Perpustakaan Masjid Jami Asy-syarief</b><br><br> Gedung Mesjid Jami Asy-Syarief merupakan sumbangan dari DR.H. Dedi Supriadi. Dosen Pascasarjana Universitas Pendidikan Indonesia (UPI Bandung). <a href="#link" title="kembali pada link di atas"><<</a> <br><br><br> <a name="#9"></a> <b> 9. Ruang Ibnu Rusyid (Ruang UKS)</b><br><br> Fungsi Ruang Usaha Kesehatan Sekolah (UKS) antara lain untuk memberikan pertolongan pertama kesehatan bagi siswa SMP Islam Asy-Syarief, selain untuk keperluan siswa, ruang UKS ini kadang-kadangdigunakan untuk keperluan masyarakat, seperti khitanan masal. Gambar <a href="#link" title="kembali pada link di atas"><<</a><br><br> <div style="text-align:center"> <a href="./images/image-38.jpg"><img src="./images/thumb13.png" width="120" height="60" align="bottom" title="kegiatan khitanan di ruang UKS"></a> </div> <br><br><br> <a name="#10"></a> <b>10. Ruang Ibnu Juljul (Ruang BP)</b><br><br> Salah satu fungsi Ruang Bimbingan dan Pentuluhan (BP) adalah tempat memberikan bimbingan, penyuluhan dan nasehat secara individual kepada siswa, tampak pada gambar Wakil Kepala Sekolah urusan kesiswaan dan Hubungan masyarakat sedang memberikan bimbingan. <a href="#link" title="kembali pada link di atas"><<</a><br><br> <div style="text-align:center"> L20

21 <a href="./images/image-39.jpg"><img src="./images/thumb14.png" width="120" height="60" align="bottom" title="kegiatan bimbingan di ruang BP"></a> </div> <br><br><br> <a name="#11"></a> <b>11. Asrama SMP Islam Asy-syarief</b><br><br> Asrama merupakan sarana penujangproses pendidikan dan pembelajaran yang penting, terutama dalam mengembangkan kebersamaan dan toleransi. Banyak siswa dan orang tua siswa yang menghendaki putra-putrinya tinggal (menginap) di Asrama. Kebersamaan dan kesederhanaan merupakan salah satu ciri kehidupan di pondok pesantren. <a href="#link" title="kembali pada link di atas"><<</a><br><br> <div style="text-align:center"> <a href="./images/image-40.jpg"><img src="./images/thumb15.png" width="120" height="60" align="bottom" title="ruang tidur di asrama"></a> <a href="./images/image-41.jpg"><img src="./images/thumb16.png" width="120" height="60" align="bottom" title="bangunan asrama tampak luar"></a> <a href="./images/image-42.jpg"><img src="./images/thumb17.png" width="120" height="60" align="bottom" title="kegitan makan bersama di asrama"></a> </div> </table> </TABLE> <TD BACKGROUND="./images/desain1_07.png" WIDTH=14> L21

22 <TD COLSPAN=3 BACKGROUND="./images/desain1_08.png" WIDTH=751 HEIGHT=24 align="center"><b>2007 Dede Nur'aidah</b> </TABLE> <!-- End ImageReady Slices --> </BODY> </HTML> File ekskul.htm <HTML> <HEAD> <TITLE>Kegiatan Ekstrakulikuler yang ada di SMP Islam Asy-Syarief</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso "> <link rel="stylesheet" href="./style.css"> </HEAD> <BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 alink="#008000" vlink="#008000" link="#008000"> <!-- ImageReady Slices (desain1.psd) --> <TABLE WIDTH=780 BORDER=0 CELLPADDING=0 CELLSPACING=0 ALIGN="CENTER"> <TD ROWSPAN=4 background="./images/desain1_02.png" WIDTH=14 HEIGHT=176 ALT=""> <TD COLSPAN=3 BACKGROUND="./images/desain1_03.png" WIDTH=751 L22

23 HEIGHT=25> <TD ROWSPAN=4 background="./images/desain1_04.png" WIDTH=15 HEIGHT=176 ALT=""> <TD BACKGROUND="./images/desain1_05.png" WIDTH=14> <TD> <TABLE WIDTH=723 CELLSPACING="0" CELLPADDING="0" BORDER="0"> <TD colspan="2" align="center"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b " codebase=" version=5,0,42,0" id="header" width="580" height="190"> <param name="movie" value="./flash/header.swf"> <param name="bgcolor" value="#ffffff"> <param name="quality" value="high"> <param name="allowscriptaccess" value="samedomain"> <embed type="application/x-shockwave-flash" pluginspage=" width="580" height="190" name="header" src="./flash/header.swf" bgcolor="#ffffff" quality="high" swliveconnect="true" allowscriptaccess="samedomain"> </embed> </object> L23

24 <td width="143" valign="top"> <table CELLSPACING="0" CELLPADDING="0" BORDER="0" width="143"> <td height="17"> <td height="17"><a href="index.htm">tentang Kami</a> <td height="17"><a href="./visimisi.htm">visi dan Misi</a> <td height="17"><a href="./kurikulum.htm">kurikulum</a> <td height="17"><a href="./fasilitas.htm">fasilitas</a> <td height="17" bgcolor="#d6f0d5"><b>kegiatan Ekstrakulikuler</b> <td height="17"><a href="./partisipasi.htm">partisipasi Sekolah</a> <td height="17"><a href="./pimpinan.htm">pimpinan Sekolah</a> <td height="17"><a href="./petalokasi.htm">peta Lokasi</a> <td height="17"><a href="./hubungikami.htm">hubungi Kami</a> <td height="17"><a href="./dbukutamu.php">buku Tamu</a> </table> <td width="580" valign="top"> <table CELLSPACING="0" CELLPADDING="10" BORDER="0"> <td valign="top" width="580" bgcolor="#d6f0d5"> L24

25 Latihan kepramukaan di adakan dua kali dalam satu bulan diikuti baik oleh siswa putri maupun putra.<br><br> <div style="text-align:center"> <a href="./images/image-43.jpg"><img src="./images/thumb18.png" width="120" height="60" align="bottom" title="pramuka putra"></a> <a href="./images/image-44.jpg"><img src="./images/thumb19.png" width="120" height="60" align="bottom" title="pramuka putri"></a> </div> <br><br><br> Sebagian orang tua/wali siswa SMP Islam Asy-Syarief adalah petani, untuk menumbuhkan kebanggaan bahwa bertani merupakan pekerjaan yang mulia yang dapat merupakan pilihan pekerjaan sebagai sumber penghasilan kelak kemudian hari, kepada siswa SMP Islam Asy-Syarief diberikan pelajaran dasar-dasar bercocok tanam, memelihara ikan, dan ternak.<br><br> <div style="text-align:center"> <a href="./images/image-45.jpg"><img src="./images/thumb20.png" width="120" height="60" align="bottom" title="kegiatan berkebun"></a> <a href="./images/image-46.jpg"><img src="./images/thumb21.png" width="120" height="60" align="bottom" title="kegiatan bercocok tanam"></a> <a href="./images/image-47.jpg"><img src="./images/thumb22.png" width="120" height="60" align="bottom" title="kegiatan berternak ikan"></a> </div> <br><br><br> Kegiatan Olahraga<br><br> <div style="text-align:center"> <a href="./images/image-48.jpg"><img src="./images/thumb23.png" width="120" height="60" align="bottom" title="kegiatan bela raga"></a> <a href="./images/image-49.jpg"><img src="./images/thumb24.png" width="120" L25

26 height="60" align="bottom" title="kegiatan pertandingan tenis meja"></a> </div> <br><br><br> PENDIDIKAN KHUSUS AGAMA (Pondok Pesantren) Sebagaimana telah dikemukakan sebelumnya, terutama bagi siswa yang tinggal (menginap) di Asrama, proses pendidikan dan pembelajaran dimulai saat shalat Subuh berjamaah dan diakhiri shalat Isya berjamaah. Diantara waktu shalat Magrib dan shalat Isya bagi siswa yang menginap di Asrama diberikan pelajaran khusus ilmu Al-Qur'an yang dibimbing oleh para ustadz.<br><br> <div style="text-align:center"> <a href="./images/image-50.jpg"><img src="./images/thumb25.png" width="120" height="60" align="bottom" title="siswi putri seusai shalat subuh"></a> <a href="./images/image-51.jpg"><img src="./images/thumb26.png" width="120" height="60" align="bottom" title="siswa putra sedang mengerjakan shalat subuh berjama'ah"></a> <a href="./images/image-52.jpg"><img src="./images/thumb27.png" width="120" height="60" align="bottom" title="siswi putri sedang mengadakan pengajian yang dibimbing oleh Pak Utadz"></a> <a href="./images/image-53.jpg"><img src="./images/thumb28.png" width="120" height="60" align="bottom" title="siswa putra sedang mengadakan pengajian yang dibimbing oleh Pak Utadz"></a> </div> </table> L26

27 </TABLE> <TD BACKGROUND="./images/desain1_07.png" WIDTH=14> <TD COLSPAN=3 BACKGROUND="./images/desain1_08.png" WIDTH=751 HEIGHT=24 align="center"><b>2007 Dede Nur'aidah</b> </TABLE> <!-- End ImageReady Slices --> </BODY> </HTML> File partisipasi.htm <HTML> <HEAD> <TITLE>Partisipasi dan Kerjasama yang dilakukan oleh SMP Islam Asy- Syarief</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso "> <link rel="stylesheet" href="./style.css"> </HEAD> <BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 alink="#008000" vlink="#008000" link="#008000"> <!-- ImageReady Slices (desain1.psd) --> <TABLE WIDTH=780 BORDER=0 CELLPADDING=0 CELLSPACING=0 ALIGN="CENTER"> L27

28 <TD ROWSPAN=4 background="./images/desain1_02.png" WIDTH=14 HEIGHT=176 ALT=""> <TD COLSPAN=3 BACKGROUND="./images/desain1_03.png" WIDTH=751 HEIGHT=25> <TD ROWSPAN=4 background="./images/desain1_04.png" WIDTH=15 HEIGHT=176 ALT=""> <TD BACKGROUND="./images/desain1_05.png" WIDTH=14><TD> <TABLE WIDTH=723 CELLSPACING="0" CELLPADDING="0" BORDER="0"> <TD colspan="2" align="center"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b " codebase=" version=5,0,42,0" id="header" width="580" height="190"> <param name="movie" value="./flash/header.swf"> <param name="bgcolor" value="#ffffff"> <param name="quality" value="high"> <param name="allowscriptaccess" value="samedomain"> <embed type="application/x-shockwave-flash" pluginspage=" width="580" height="190" name="header" src="./flash/header.swf" bgcolor="#ffffff" quality="high" swliveconnect="true" allowscriptaccess="samedomain"> </embed> </object> L28

29 <td width="143" valign="top"> <table CELLSPACING="0" CELLPADDING="0" BORDER="0" width="143"> <td height="17"> <td height="17"><a href="index.htm">tentang Kami</a> <td height="17"><a href="visimisi.htm">visi dan Misi</a> <td height="17"><a href="./kurikulum.htm">kurikulum</a> <td height="17"><a href="./fasilitas.htm">fasilitas</a> <td height="17"><a href="./ekskul.htm">kegiatan Ekstrakulikuler</a> <td height="17" bgcolor="#d6f0d5"><b>partisipasi Sekolah</b> <td height="17"><a href="./pimpinan.htm">pimpinan Sekolah</a> <td height="17"><a href="./petalokasi.htm">peta Lokasi</a> <td height="17"><a href="./hubungikami.htm">hubungi Kami</a> <td height="17"><a href="./dbukutamu.php">buku Tamu</a> </table> <td width="580" valign="top"> <table CELLSPACING="0" CELLPADDING="10" BORDER="0"> <td valign="top" width="580" bgcolor="#d6f0d5"> L29

30 Kegiatan kemanusiaan yang telah dan terus dilakukan oleh siswa SMP Islam Asy- Syarief antara lain berpartisipasi dalam menyalurkan zakat, penyaluran daging hewan kurban, bakti sosial kemasyarakatan, berpartisipasi aktif dalam memperingati harihari besar Islam, upacara memperingati HUT RI yang dilaksanakan oleh Pemda setempat, serta mengikuti berbagai perlombaan.<br><br> <b>memperingati Hari-hari Besar Islam</b><br><br> Pada gambar disamping ini dapat dilihat siswa SMP Islam Asy-Syarief sedang menyuguhkan bentuk kesenian dalam memperingati Isro' dan Mi'raj Nabi Besar Muhammad saw, bertempat dihalaman Mesjid Jami Asy-Syarief.<br><br> <div style="text-align:center"> <a href="./images/image-54.jpg"><img src="./images/thumb29.png" width="120" height="60" align="bottom" title="keigatan Maulid Nabi Besar Muhammad SAW"></a> <a href="./images/image-55.jpg"><img src="./images/thumb30.png" width="120" height="60" align="bottom" title="keigatan Maulid Nabi Besar Muhammad SAW"></a> </div> <br><br><br> <b>memperingati HUT Kemerdekaan RI</b><br><br> Pada gambar disamping ini siswa SMP Islam Asy-Syarief telah berpartisipasi aktif dalam rangka memperingati HUT RI yang diselenggarakan oleh Kantor Kecamatan Sukawening.<br><br> <div style="text-align:center"> <a href="./images/image-56.jpg"><img src="./images/thumb31.png" width="120" height="60" align="bottom" title="upadara peringatan HUT RI"></a> <a href="./images/image-57.jpg"><img src="./images/thumb32.png" width="120" height="60" align="bottom" title="pembagian hadiah pada acara perlombaan HUT RI"></a> L30

31 </div> <br><br><br> </table> </TABLE> <TD BACKGROUND="./images/desain1_07.png" WIDTH=14> <TD COLSPAN=3 BACKGROUND="./images/desain1_08.png" WIDTH=751 HEIGHT=24 align="center"><b>2007 Dede Nur'aidah</b> </TABLE> <!-- End ImageReady Slices --> </BODY> </HTML> File pimpinan.htm <HTML> <HEAD> <TITLE>Pimpinan SMP Islam Asy-Syarief</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso "> <link rel="stylesheet" href="./style.css"> </HEAD> <BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 L31

32 MARGINWIDTH=0 MARGINHEIGHT=0 alink="#008000" vlink="#008000" link="#008000"> <!-- ImageReady Slices (desain1.psd) --> <TABLE WIDTH=780 BORDER=0 CELLPADDING=0 CELLSPACING=0 ALIGN="CENTER"> <TD ROWSPAN=4 background="./images/desain1_02.png" WIDTH=14 HEIGHT=176 ALT=""> <TD COLSPAN=3 BACKGROUND="./images/desain1_03.png" WIDTH=751 HEIGHT=25> <TD ROWSPAN=4 background="./images/desain1_04.png" WIDTH=15 HEIGHT=176 ALT=""> <TD BACKGROUND="./images/desain1_05.png" WIDTH=14><TD> <TABLE WIDTH=723 CELLSPACING="0" CELLPADDING="0" BORDER="0"> <TD colspan="2" align="center"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b " codebase=" version=5,0,42,0" id="header" width="580" height="190"> <param name="movie" value="./flash/header.swf"> <param name="bgcolor" value="#ffffff"> <param name="quality" value="high"> <param name="allowscriptaccess" value="samedomain"> <embed type="application/x-shockwave-flash" pluginspage=" L32

33 width="580" height="190" name="header" src="./flash/header.swf" bgcolor="#ffffff" quality="high" swliveconnect="true" allowscriptaccess="samedomain" ></embed> </object> <td width="143" valign="top"> <table CELLSPACING="0" CELLPADDING="0" BORDER="0" width="143"> <td height="17"> <td height="17"><a href="index.htm">tentang Kami</a> <td height="17"><a href="./visimisi.htm">visi dan Misi</a> <td height="17"><a href="./kurikulum.htm">kurikulum</a> <td height="17"><a href="./fasilitas.htm">fasilitas</a> <td height="17"><a href="./ekskul.htm">kegiatan Ekstrakulikuler</a> <td height="17"><a href="./partisipasi.htm">partisipasi Sekolah</a> <td height="17" bgcolor="#d6f0d5"><b>pimpinan Sekolah</b> <td height="17"><a href="./petalokasi.htm">peta Lokasi</a> <td height="17"><a href="./hubungikami.htm">hubungi Kami</a> <td height="17"><a href="./dbukutamu.php">buku Tamu</a> L33

34 </table> <td width="580" valign="top"> <table CELLSPACING="0" CELLPADDING="10" BORDER="0"> <td valign="top" width="580" bgcolor="#d6f0d5"> <b>kepala Sekolah: </b><br>hj. Ratna Nurhayati, S.Ag.<br><br> <b>wakil Kepala Sekolah urusan kurikulum:</b><br>m. D. Adiwiharsa, S.Pd.<br><br> <b>wakil Kepala Sekolah Urusan Kesiswaan Dan Hubungan Masyarakat:</b><br>Aep Saepulloh<br><br> <b>wakil Kepala Sekolah Urusan administrasi Pendidikan:</b><br>Drs. Cahya<br><br> <b>wakil Kepala Sekolah urusan kurikulum:</b><br>hj. Nyimas Sadiah<br><br> <br><br> </table> </TABLE> <TD BACKGROUND="./images/desain1_07.png" WIDTH=14> <TD COLSPAN=3 BACKGROUND="./images/desain1_08.png" WIDTH=751 HEIGHT=24 align="center"><b>2007 Dede Nur'aidah</b> L34

35 </TABLE> <!-- End ImageReady Slices --> </BODY> </HTML> File petalokasi.htm <HTML> <HEAD> <TITLE>Peta Lokasi SMP Islam Asy-Syarief</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso "> <link rel="stylesheet" href="./style.css"> </HEAD> <BODY LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 alink="#008000" vlink="#008000" link="#008000"> <!-- ImageReady Slices (desain1.psd) --> <TABLE WIDTH=780 BORDER=0 CELLPADDING=0 CELLSPACING=0 ALIGN="CENTER"> <TD ROWSPAN=4 background="./images/desain1_02.png" WIDTH=14 HEIGHT=176 ALT=""> <TD COLSPAN=3 BACKGROUND="./images/desain1_03.png" WIDTH=751 HEIGHT=25> <TD ROWSPAN=4 background="./images/desain1_04.png" WIDTH=15 HEIGHT=176 ALT=""> <TD BACKGROUND="./images/desain1_05.png" WIDTH=14><TD> <TABLE WIDTH=723 CELLSPACING="0" CELLPADDING="0" BORDER="0"> L35

36 <TD colspan="2" align="center"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b " codebase=" version=5,0,42,0" id="header" width="580" height="190"> <param name="movie" value="./flash/header.swf"> <param name="bgcolor" value="#ffffff"> <param name="quality" value="high"> <param name="allowscriptaccess" value="samedomain"> <embed type="application/x-shockwave-flash" pluginspage=" width="580" height="190" name="header" src="./flash/header.swf" bgcolor="#ffffff" quality="high" swliveconnect="true" allowscriptaccess="samedomain" ></embed> </object> <td width="143" valign="top"> <table CELLSPACING="0" CELLPADDING="0" BORDER="0" width="143"> <td height="17"> <td height="17"><a href="index.htm">tentang Kami</a> <td height="17"><a href="./visimisi.htm">visi dan Misi</a> <td height="17"><a href="./kurikulum.htm">kurikulum</a> <td height="17"><a href="./fasilitas.htm">fasilitas</a> L36

37 <td height="17"><a href="./ekskul.htm">kegiatan Ekstrakulikuler</a> <td height="17"><a href="./partisipasi.htm">partisipasi Sekolah</a> <td height="17"><a href="./pimpinan.htm">pimpinan Sekolah</a> <td height="17" bgcolor="#d6f0d5"><b>peta Lokasi</b> <td height="17"><a href="./hubungikami.htm">hubungi Kami</a> <td height="17"><a href="./dbukutamu.php">buku Tamu</a> </table> <td width="580" valign="top"> <table CELLSPACING="0" CELLPADDING="10" BORDER="0"> <td valign="top" width="580" bgcolor="#d6f0d5"> <p align="center"><a href="./images/peta.jpg" title="perjelas gambar"><img src="./images/peta.jpg" width="544" height="324"></a></p><br><br> </table> </TABLE> <TD BACKGROUND="./images/desain1_07.png" WIDTH=14> L37

38 <TD COLSPAN=3 BACKGROUND="./images/desain1_08.png" WIDTH=751 HEIGHT=24 align="center"><b>2007 Dede Nur'aidah</b> </TABLE> <!-- End ImageReady Slices --> </BODY> </HTML> File hubungikami.htm <HTML> <HEAD> <TITLE>Hubungi Kami</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso "> <link rel="stylesheet" href="./style.css"> </HEAD> <BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 alink="#008000" vlink="#008000" link="#008000"> <!-- ImageReady Slices (desain1.psd) --> <TABLE WIDTH=780 BORDER=0 CELLPADDING=0 CELLSPACING=0 ALIGN="CENTER"> <TD ROWSPAN=4 background="./images/desain1_02.png" WIDTH=14 HEIGHT=176 ALT=""> <TD COLSPAN=3 BACKGROUND="./images/desain1_03.png" WIDTH=751 HEIGHT=25> L38

39 <TD ROWSPAN=4 background="./images/desain1_04.png" WIDTH=15 HEIGHT=176 ALT=""> <TD BACKGROUND="./images/desain1_05.png" WIDTH=14><TD> <TABLE WIDTH=723 CELLSPACING="0" CELLPADDING="0" BORDER="0"> <TD colspan="2" align="center"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b " codebase=" version=5,0,42,0" id="header" width="580" height="190"> <param name="movie" value="./flash/header.swf"> <param name="bgcolor" value="#ffffff"> <param name="quality" value="high"> <param name="allowscriptaccess" value="samedomain"> <embed type="application/x-shockwave-flash" pluginspage=" width="580" height="190" name="header" src="./flash/header.swf" bgcolor="#ffffff" quality="high" swliveconnect="true" allowscriptaccess="samedomain" ></embed> </object> <td width="143" valign="top"> <table CELLSPACING="0" CELLPADDING="0" BORDER="0" width="143"> L39

40 <td height="17"> <td height="17"><a href="index.htm">tentang Kami</a> <td height="17"><a href="./visimisi.htm">visi dan Misi</a> <td height="17"><a href="./kurikulum.htm">kurikulum</a> <td height="17"><a href="./fasilitas.htm">fasilitas</a> <td height="17"><a href="./ekskul.htm">kegiatan Ekstrakulikuler</a> <td height="17"><a href="./partisipasi.htm">partisipasi Sekolah</a> <td height="17"><a href="./pimpinan.htm">pimpinan Sekolah</a> <td height="17"><a href="./petalokasi.htm">peta Lokasi</a> <td height="17" bgcolor="#d6f0d5"><b>hubungi Kami</b> <td height="17"><a href="./dbukutamu.php">buku Tamu</a> </table> <td width="580" valign="top"> <table CELLSPACING="0" CELLPADDING="10" BORDER="0"> <td valign="top" width="580" bgcolor="#d6f0d5"> <b>smp Islam Asy-Syarief berlokasi di</b><br><br> Komplek Yayasan Pendidikan Islam Asy-Syariefiyah<br>Kampung Ragadiem, <br>desa Cinta, <br>kecamatan Karangtengah, <br>berjarak kurang lebih 26 km, arah timur kota Garut<br><br><br> <b>telepon</b><br><br> (0262) <br><br><br> L40

41 <b> </b><br><br> </table> </TABLE> <TD BACKGROUND="./images/desain1_07.png" WIDTH=14> <TD COLSPAN=3 BACKGROUND="./images/desain1_08.png" WIDTH=751 HEIGHT=24 align="center"> <b>2007 Dede Nur'aidah</b> </TABLE> <!-- End ImageReady Slices --> </BODY> </HTML> File settingdb.php <?php $koneksidb = mysql_connect("localhost","root","") or die("koneksi tidak terhubung"); $namadb = mysql_select_db("webdede") or die("database tidak ada");?> L41

42 File dbukutamu.php <?php include 'settingdb.php'; $halbaris = $_GET['record']; if(($halbaris=="")or($halbaris=="0")) { $myquery = "select * from buku_tamu order by tgl_tulis desc limit 0, 5"; $halbaris = 0; } else if(($halbaris<0)or(!is_numeric($halbaris))) { $myquery = "select * from buku_tamu order by tgl_tulis desc limit 0, 5"; $halbaris = 0; } else $myquery = "select * from buku_tamu order by tgl_tulis desc limit $halbaris, 5"; $run_myquery = mysql_query($myquery);?> <HTML> <HEAD> <TITLE>Buku Tamu</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso "> <link rel="stylesheet" href="./style.css"> </HEAD> <BODY LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 alink="#008000" vlink="#008000" link="#008000"> <!-- ImageReady Slices (desain1.psd) --> <TABLE WIDTH=780 BORDER=0 CELLPADDING=0 CELLSPACING=0 L42

43 ALIGN="CENTER"> <TD ROWSPAN=4 background="./images/desain1_02.png" WIDTH=14 HEIGHT=176 ALT=""> <TD COLSPAN=3 BACKGROUND="./images/desain1_03.png" WIDTH=751 HEIGHT=25> <TD ROWSPAN=4 background="./images/desain1_04.png" WIDTH=15 HEIGHT=176 ALT=""> <TD BACKGROUND="./images/desain1_05.png" WIDTH=14><TD> <TABLE WIDTH=723 CELLSPACING="0" CELLPADDING="0" BORDER="0"> <TD colspan="2" align="center"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b " codebase=" version=5,0,42,0" id="header" width="580" height="190"> <param name="movie" value="./flash/header.swf"> <param name="bgcolor" value="#ffffff"> <param name="quality" value="high"> <param name="allowscriptaccess" value="samedomain"> <embed type="application/x-shockwave-flash" pluginspage=" width="580" height="190" name="header" src="./flash/header.swf" bgcolor="#ffffff" quality="high" swliveconnect="true" allowscriptaccess="samedomain"> </embed> L43

44 </object> <td width="143" valign="top"> <table CELLSPACING="0" CELLPADDING="0" BORDER="0" width="143"> <td height="17"> <td height="17"><a href="index.htm">tentang Kami</a> <td height="17"><a href="./visimisi.htm">visi dan Misi</a> <td height="17"><a href="./kurikulum.htm">kurikulum</a> <td height="17"><a href="./fasilitas.htm">fasilitas</a> <td height="17"><a href="./ekskul.htm">kegiatan Ekstrakulikuler</a> <td height="17"><a href="./partisipasi.htm">partisipasi Sekolah</a> <td height="17"><a href="./pimpinan.htm">pimpinan Sekolah</a> <td height="17"><a href="./petalokasi.htm">peta Lokasi</a> <td height="17"><a href="./hubungikami.htm">hubungi Kami</a> <td height="17" bgcolor="#d6f0d5"><b>buku Tamu</b> </table> <td width="580" valign="top"> <table CELLSPACING="0" CELLPADDING="10" BORDER="0"> L44

45 <td valign="top" width="580" bgcolor="#d6f0d5"> <p align="center"><a href="wbukutamu.php">tulis Buku Tamu</a></p><br> <?php while ($get_query = mysql_fetch_array($run_myquery)) { echo "Nama: $get_query[0]<br>"; echo " $get_query[1]<br>"; echo "<b>komentar:</b><br>$get_query[2]<br>"; echo "<br><br>"; } $baris = mysql_num_rows($run_myquery); echo "<p align=\"center\">"; if(($halbaris=="")or($halbaris=="0")) { echo "<-- "; if($baris<5) echo "--> "; else echo "<a href=\"dbukutamu.php?record=".($halbaris+5)."\">--></a>"; } else if($halbaris<5) echo "<a href=\"dbukutamu.php?record=0\"><--</a> "; if($baris<5) echo "--> "; else echo "<a href=\"dbukutamu.php?record=".($halbaris+5)."\">--></a>"; echo "<a href=\"dbukutamu.php?record=".($halbaris-5)."\"><-- L45

46 </a> "; if($baris<5) { echo "--> <br><br><br><br>"; } else echo "<a href=\"dbukutamu.php?record=".($halbaris+5)."\">--></a>"; } echo "</p>";?> </table> </TABLE> <TD BACKGROUND="./images/desain1_07.png" WIDTH=14> <TD COLSPAN=3 BACKGROUND="./images/desain1_08.png" WIDTH=751 HEIGHT=24 align="center"><b>2007 Dede Nur'aidah</b> </TABLE> <!-- End ImageReady Slices --> </BODY> </HTML> L46

47 File wbukutamu.php <?php include 'settingdb.php'; $halbaris = $_GET['hal']; if(($halbaris=="")or($halbaris=="0")) $myquery = "select * from buku_tamu limit 0,10"; else $myquery = "select * from buku_tamu limit $halbaris, 10"; $run_myquery = mysql_query($myquery);?> <HTML> <HEAD> <TITLE>Tulis Buku Tamu</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso "> <link rel="stylesheet" href="./style.css"> </HEAD> <BODY LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 alink="#008000" vlink="#008000" link="#008000" onload="document.frm1.nama.focus()"> <!-- ImageReady Slices (desain1.psd) --> <TABLE WIDTH=780 BORDER=0 CELLPADDING=0 CELLSPACING=0 ALIGN="CENTER"> <TD ROWSPAN=4 background="./images/desain1_02.png" WIDTH=14 HEIGHT=176 ALT=""> <TD COLSPAN=3 BACKGROUND="./images/desain1_03.png" WIDTH=751 HEIGHT=25> <TD ROWSPAN=4 background="./images/desain1_04.png" WIDTH=15 L47

48 HEIGHT=176 ALT=""> <TD BACKGROUND="./images/desain1_05.png" WIDTH=14><TD> <TABLE WIDTH=723 CELLSPACING="0" CELLPADDING="0" BORDER="0"> <TD colspan="2" align="center"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b " codebase=" version=5,0,42,0" id="header" width="580" height="190"> <param name="movie" value="./flash/header.swf"> <param name="bgcolor" value="#ffffff"> <param name="quality" value="high"> <param name="allowscriptaccess" value="samedomain"> <embed type="application/x-shockwave-flash" pluginspage=" width="580" height="190" name="header" src="./flash/header.swf" bgcolor="#ffffff" quality="high" swliveconnect="true" allowscriptaccess="samedomain"> </embed> </object> <td width="143" valign="top"> <table CELLSPACING="0" CELLPADDING="0" BORDER="0" width="143"> <td height="17"> L48

49 <td height="17"><a href="index.htm">tentang Kami</a> <td height="17"><a href="./visimisi.htm">visi dan Misi</a> <td height="17"><a href="./kurikulum.htm">kurikulum</a> <td height="17"><a href="./fasilitas.htm">fasilitas</a> <td height="17"><a href="./ekskul.htm">kegiatan Ekstrakulikuler</a> <td height="17"><a href="./partisipasi.htm">partisipasi Sekolah</a> <td height="17"><a href="./pimpinan.htm">pimpinan Sekolah</a> <td height="17"><a href="./petalokasi.htm">peta Lokasi</a> <td height="17"><a href="./hubungikami.htm">hubungi Kami</a> <td height="17" bgcolor="#d6f0d5"><b>buku Tamu</b> </table> <td width="580" valign="top"> <table CELLSPACING="0" CELLPADDING="10" BORDER="0"> <td valign="top" width="580" bgcolor="#d6f0d5"> <p align="center"><a href="dbukutamu.php">lihat Buku Tamu</a></p><br> <form name="frm1" method="post" action="pwbukutamu.php"> <table cellpadding="0" cellspacing="0" border="0" align="center"> <td bgcolor="#d6f0d5">nama L49

50 <td bgcolor="#d6f0d5">: <td bgcolor="#d6f0d5"><input type="text" name="nama"> <td bgcolor="#d6f0d5"> <td bgcolor="#d6f0d5">: <td bgcolor="#d6f0d5"><input type="text" name=" "> <td bgcolor="#d6f0d5">komentar <td bgcolor="#d6f0d5">: <td bgcolor="#d6f0d5"> <textarea name="komentar" cols="50"></textarea> <td colspan="3" bgcolor="#d6f0d5"> <td colspan="3" align="center" bgcolor="#d6f0d5"> <input type="submit" value="tulis"> <input type="reset"> </table> </form><br> </table> L50

51 </TABLE> <TD BACKGROUND="./images/desain1_07.png" WIDTH=14> <TD COLSPAN=3 BACKGROUND="./images/desain1_08.png" WIDTH=751 HEIGHT=24 align="center"> <b>2007 Dede Nur'aidah</b> </TABLE> <!-- End ImageReady Slices --> </BODY> </HTML> File pwbukutamu.php <?php $nama = $_POST['nama']; $ = $_POST[' ']; $komentar = $_POST['komentar']; $tgltulis = date("y-m-d H:i:s"); include 'settingdb.php'; $myquery = "insert into buku_tamu (nama, ,komentar,tgl_tulis) values"; $myquery.= "('$nama','$ ','$komentar','$tgltulis')"; $run_myquery = mysql_query($myquery); header("location:dbukutamu.php");?> L51

BAB III ANALISA DAN PEMBAHASAN

BAB III ANALISA DAN PEMBAHASAN 28 BAB III ANALISA DAN PEMBAHASAN 3.1 SEJARAH SINGKAT SMP ISLAM ASY-SYARIEF SMP Islam Asy-Syarief didirikan oleh Yayasan Pendidikan Islam Asy- Syariefiah (Akte Notaris Harun Kamil S.H..No.71 tahun 1998

Lebih terperinci

Pembuatan Database PT. Fanitra Indotama. CREATE DATABASE fanitra; USE fanitra; Table structure for table 'guestbook'

Pembuatan Database PT. Fanitra Indotama. CREATE DATABASE fanitra; USE fanitra; Table structure for table 'guestbook' Pembuatan Database PT. Fanitra Indotama CREATE DATABASE fanitra; USE fanitra; Table structure for table 'guestbook' CREATE TABLE guestbook ( no int(10) auto_increment PRIMARY KEY, nama char(20), email

Lebih terperinci

LAMPIRAN A LISTING KODE PROGRAM

LAMPIRAN A LISTING KODE PROGRAM LAMPIRAN A LISTING KODE PROGRAM 1. Halaman Index.Html Yuni-Museum : Situs tentang Museum di Jakarta

Lebih terperinci

LAMPIRAN A LISTING PROGRAM

LAMPIRAN A LISTING PROGRAM LAMPIRAN A LISTING PROGRAM index.php ..:: RSA Medan - www.rsa-medan.com ::..

Lebih terperinci

?> <html> <head> <link href="data/styles.css" rel="stylesheet" type="text/css"> <title>sumber Ilmu Online Bookstore</title> </head>

?> <html> <head> <link href=data/styles.css rel=stylesheet type=text/css> <title>sumber Ilmu Online Bookstore</title> </head> Listing Program 1. Index.php session_start(); include_once "data/koneksi.php"; sumber Ilmu Online Bookstore

Lebih terperinci

Halaman Utama. Tampilan Menu. Universitas Sumatera Utara

Halaman Utama. Tampilan Menu. Universitas Sumatera Utara Halaman Utama Tampilan Menu Tampilan Galeri Tampilan Admin Listing Program Halaman Utama

Lebih terperinci

DAFTAR PUSTAKA. Irwanto, Djon. S.Kom., MM, Perancangan Object Oriented Software Dengan UML. C.V ANDI OFFSET, Yogyakarta, 2006

DAFTAR PUSTAKA. Irwanto, Djon. S.Kom., MM, Perancangan Object Oriented Software Dengan UML. C.V ANDI OFFSET, Yogyakarta, 2006 DAFTAR PUSTAKA Irwanto, Djon. S.Kom., MM, Perancangan Object Oriented Software Dengan UML. C.V ANDI OFFSET, Yogyakarta, 2006 Munawar. Pemodelan Visual Dengan UML. GRAHA ILMU, Jakarta, 2005 Afriyudi, M.Kom.

Lebih terperinci

LAMPIRAN LISTING PROGRAM HALAMAN WEBSITE

LAMPIRAN LISTING PROGRAM HALAMAN WEBSITE LAMPIRAN LISTING PROGRAM HALAMAN WEBSITE 1. Script banner.php

Lebih terperinci

BAB 4 PERANCANGAN LAYAR

BAB 4 PERANCANGAN LAYAR BAB 4 PERANCANGAN LAYAR 4.1 User Interface User Interface desaign adalah merupakan sebuah bagian dari bidang studi yang di sebut interaksi manusia dengan komputer. User interface merupakan bagian yang

Lebih terperinci

LISTING PROGRAM. 1. Halaman Pengunjung. 1.1 index.php

LISTING PROGRAM. 1. Halaman Pengunjung. 1.1 index.php LISTING PROGRAM 1. Halaman Pengunjung 1.1 index.php include ("scripts/dbconnector.php");

Lebih terperinci

Checkbox dengan Foreach dan MYSQL

Checkbox dengan Foreach dan MYSQL Checkbox dengan Foreach dan MYSQL Dwi Jayanthi dwi1607@gmail.com Abstrak Pada tutorial ini, kita akan membahas tentang Insert Data Checkbox dengan Foreach ke database MySQL. Komponen Checkbox merupakan

Lebih terperinci

Lampiran 1. Flowchart perancangan sistem

Lampiran 1. Flowchart perancangan sistem Lampiran 1. Flowchart perancangan sistem Mulai Identifikasi Data Desain Program Desain Basis Data Input Data Desain Layout Programming Diagnosa Program idak Benar idak a Uji ampilan Data Benar idak a Dokumentasi

Lebih terperinci

LAMPIRAN B : LISTING PROGRAM

LAMPIRAN B : LISTING PROGRAM LAMPIRAN B : LISTING PROGRAM Listing index.php

Lebih terperinci

Membuat Layout Desain Awal dengan Photoshop

Membuat Layout Desain Awal dengan Photoshop 2 Websiteku Membuat Layout Desain Awal dengan Photoshop jalankan aplikasi photoshop anda dan siapkan sebuah kanvas baru, caranya pilih file - new lalu gunakan setting berikut: Width : 700 pixel Height

Lebih terperinci

Kartu Bimbingan Tugas Akhir Mahasiswa

Kartu Bimbingan Tugas Akhir Mahasiswa KEMENTERIAN PENDIDIKAN NASIONAL UNIVERSITAS SUMATERA UTARA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM Jln. Bioteknologi No.1 Kampus USU Padang Bulan Medan-20155 Telp. (061) 8211050, 82144290, Fax. (061)

Lebih terperinci

LAMPIRAN. 1. Listing Program pada website sekolah. index.php

LAMPIRAN. 1. Listing Program pada website sekolah. index.php LAMPIRAN 1. Listing Program pada website sekolah index.php sd Swasta Adhyaksa Medan

Lebih terperinci

TUTORIAL APLIKASI WEB Dengan PHP dan MySQL

TUTORIAL APLIKASI WEB Dengan PHP dan MySQL TUTORIAL APLIKASI WEB Dengan PHP dan MySQL Tutorial Aplikasi Web Dengan PHP dan MySQL A. DASAR TEORI PHP merpakan bahasa pemrograman yang sangat popular dalam pengembangan website dewasa ini, pada dasarnya,

Lebih terperinci

Membuat Login Dengan PHP dan MYSQL

Membuat Login Dengan PHP dan MYSQL Membuat Login Dengan PHP dan MYSQL Ramdhan Indra Bangun dadhan.rpl@gmail.com :: Abstrak Aplikasi login User dalam suatu situs dinamis menggunakan php sudah hamper menjadi kebutuhan wajib. Tanpa adanya

Lebih terperinci

Membuat bukutamu dengan PHP dan MySQL oleh Achmad Solichin

Membuat bukutamu dengan PHP dan MySQL oleh Achmad Solichin Membuat bukutamu dengan PHP dan MySQL oleh Achmad Solichin Pasti dah pada tau kan?? Apa itu buku tamu?? Atau dalam bahasa kerennya Guestbook. Karena dah pada tau, jadi gak usah dijelasin panjang lebar

Lebih terperinci

Membuat Form login dengan Php dan Mysql

Membuat Form login dengan Php dan Mysql Membuat Form login dengan Php dan Mysql 13 Hey,,,selamat malam semuanya,,kali ini ane mau membagikan bagaimana cara membuat Form login dengan php dan mysql... Yah kya gtulah kurang lebih intronya,,langsung

Lebih terperinci

LAMPIRAN A: TAMPILAN WEBSITE

LAMPIRAN A: TAMPILAN WEBSITE LAMPIRAN A: TAMPILAN WEBSITE A1. Halaman Index.php A2. Halaman Admin A3. Halaman Registrasi Buku Tamu A4. Halaman Registrasi Guru A5. Halaman Registrasi Alumni A6. Halaman Registrasi Siswa TAMPILAN B:

Lebih terperinci

Tutorial HTML. Oleh: Willy Bayuardi Suwarno, SP, MSi. Dipublikasi di tanggal 7 Mei 2008

Tutorial HTML. Oleh: Willy Bayuardi Suwarno, SP, MSi. Dipublikasi di  tanggal 7 Mei 2008 Tutorial HTML Oleh: Willy Bayuardi Suwarno, SP, MSi willy@ipb.ac.id Dipublikasi di http://willy.situshijau.co.id tanggal 7 Mei 2008 Artikel ini dapat digunakan dan disebarkan secara bebas, baik sebagian

Lebih terperinci

LAMPIRAN. Source Code: Koneksi: <? mysql_connect("localhost","sa","sa"); mysql_select_db("hrd");?> Seleksi Karyawan: <? include("sessionrequest.

LAMPIRAN. Source Code: Koneksi: <? mysql_connect(localhost,sa,sa); mysql_select_db(hrd);?> Seleksi Karyawan: <? include(sessionrequest. LAMPIRAN Source Code: Koneksi: mysql_connect("localhost","sa","sa"); mysql_select_db("hrd"); Session Request: if(isset($_request["user"])) session_id($_request["user"]); session_start(); $user = $_REQUEST["user"];

Lebih terperinci

MODUL 10 KONEKTIVITAS PHP DENGAN MySQL

MODUL 10 KONEKTIVITAS PHP DENGAN MySQL MODUL 10 KONEKTIVITAS PHP DENGAN MySQL Tujuan : 1. Memahami langkah-langkah koneksi PHP dengan MySQL. 2. Memahami perbedaan pengambilan record dari database. Langkah-langkah koneksi PHP-MySQL 1. Membuka

Lebih terperinci

LAMPIRAN Source Code Untuk Menampilkan Halaman Home

LAMPIRAN Source Code Untuk Menampilkan Halaman Home LAMPIRAN Source Code Untuk Menampilkan Halaman Home memanggil file koneksi.php untuk membuat sebuah koneksi ke database include 'koneksi.php'; $q="select * FROM buku order by id_buku desc limit 0,5"; $q=mysql_query($q);

Lebih terperinci

Create Read Update Delete using PHP MySql

Create Read Update Delete using PHP MySql 2016 Create Read Update Delete using PHP MySql CRUD TABEL ALUMNI DWI SETIYA NINGSIH // 210 315 70 25 [COMPANY NAME] [Company address] SS Program Gambar 1.1 Tampilan index.php Gambar 2.1 Tampilan edit.php

Lebih terperinci

Langkah 1. Asep Tatang S.

Langkah 1. Asep Tatang S. Membuat Halaman Kamus Istilah Sederhana Menggunakan PHP dan MySql Asep Tatang S. sasakala@gmail.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara

Lebih terperinci

Pemrograman Basis Data Berbasis Web

Pemrograman Basis Data Berbasis Web Pemrograman Basis Data Berbasis Web Pertemuan Ke-3 (HTML Lanjut [1]) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan: Tabel Membuat tabel sederhana Menambahkan

Lebih terperinci

LAMPIRAN LISTING PROGRAM WEBSITE

LAMPIRAN LISTING PROGRAM WEBSITE LAMPIRAN LISTING PROGRAM WEBSITE 1. Halaman Home (index.php) $judul_hal=home; function isi() include("koneksi.php");

Lebih terperinci

Berilah tanda cek pada kotak yang sesuai dengan pilihan Anda. Nama :... (boleh tidak diisi) Alamat :... (boleh tidak diisi)

Berilah tanda cek pada kotak yang sesuai dengan pilihan Anda. Nama :... (boleh tidak diisi) Alamat :... (boleh tidak diisi) Bagian I Pernyataan pada bagian I merupakan pernyataan yang berhubungan dengan identitas responden. Berilah tanda cek pada kotak yang sesuai dengan pilihan Anda. Nama :... (boleh tidak diisi) Alamat :...

Lebih terperinci

BAB III PEMBAHASAN. 3.1 Struktur Navigasi

BAB III PEMBAHASAN. 3.1 Struktur Navigasi BAB III PEMBAHASAN 3.1 Struktur Navigasi Struktur navigasi pada gambar di bawah adalah struktur navigasi campuran yang digunakan oleh penulis pada perancangan pembuatan situs Distro Overload. Struktur

Lebih terperinci

BAB IV IMPLEMENTASI DAN PEMBAHASAN SISTEM. Program dalam judul Sistem Informasi Geografis Obyek

BAB IV IMPLEMENTASI DAN PEMBAHASAN SISTEM. Program dalam judul Sistem Informasi Geografis Obyek BAB IV IMPLEMENTASI DAN PEMBAHASAN SISTEM 4.1 Spesifikasi Program Program dalam judul Sistem Informasi Geografis Obyek Pariwisata Alam di Kabupaten Merauke yang berbasis web ini adalah sebagai berikut.

Lebih terperinci

BAB IV HASIL DAN PEMBAHASAN. Sistem Informasi Penjualan dan Pembelian Barang Pada Toko Touring

BAB IV HASIL DAN PEMBAHASAN. Sistem Informasi Penjualan dan Pembelian Barang Pada Toko Touring BAB IV HASIL DAN PEMBAHASAN 3.1 PROGRAM PENGHUBUNG DATABASE Sistem Informasi Penjualan dan Pembelian Barang Pada Toko Touring Menggunakan unit program didukung oleh pemrograman PHP dan database server

Lebih terperinci

MODUL 5 KONEKTIVITAS PHP DENGAN MySQL

MODUL 5 KONEKTIVITAS PHP DENGAN MySQL MODUL 5 KONEKTIVITAS PHP DENGAN MySQL A. Tujuan : 1. Memahami langkah-langkah koneksi PHP dengan MySQL. 2. Memahami perbedaan pengambilan record dari database. B. Dasar Teori Langkah-langkah koneksi PHP-MySQL

Lebih terperinci

b) Membuat database tiket. Siapkan databasenya dengan membuat database tiket Sampai langkah ini database tiket sudah siap digunakan

b) Membuat database tiket. Siapkan databasenya dengan membuat database tiket Sampai langkah ini database tiket sudah siap digunakan STJ MySQL-PHP Menggunakan MySQL sebagai database server a) Menghidupkan MySQL Database Server C:\mysql\bin>mysqld b) Membuat database tiket. Siapkan databasenya dengan membuat database tiket C:\mysql\bin>mysqladmin

Lebih terperinci

PENGENALAN HTML - 2. Anda bisa menambahkan beberapa cell (kolom) untuk membuat satu baris cell (kolom).

PENGENALAN HTML - 2. Anda bisa menambahkan beberapa cell (kolom) untuk membuat satu baris cell (kolom). PENGENALAN HTML - 2 G. Tabel HTML Setting untk membuat perintah tabel terdiri dari : Row : mementukan banyaknya baris yang dimiliki oleh tabel. Columns : menentukan banyaknya kolom yang dimiliki tabel.

Lebih terperinci

SEARCHING, EDIT / UPDATE DAN DELETE. PHP & MYSQL Part Two

SEARCHING, EDIT / UPDATE DAN DELETE. PHP & MYSQL Part Two SEARCHING, EDIT / UPDATE DAN DELETE PHP & MYSQL Part Two Maskie Z.O Review Project yang telah dibuat sebelumnya : Cek.php (Session) Index3.htm l Login1.php List1.ph p FmSiswaIn.P hp FmSiswaSim. php Index3.Html

Lebih terperinci

LAMPIRAN. Universitas Sumatera Utara

LAMPIRAN. Universitas Sumatera Utara LAMPIRAN rsud - Dr. H. Kumpulan Pane Tebing Tinggi rsud

Lebih terperinci

Nofriza Nindiyasari

Nofriza Nindiyasari Tips Membuat Metode Searching Sederhana Ala Google Nofriza Nindiyasari nofri_99@yahoo.com http://www.constantio.web.id Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi

Lebih terperinci

Pertemuan Ke-3 (HTML Lanjut [1]) D3 Manajemen Informatika - Unijoyo 1

Pertemuan Ke-3 (HTML Lanjut [1]) D3 Manajemen Informatika - Unijoyo 1 Pertemuan Ke-3 (HTML Lanjut [1]) D3 Manajemen Informatika - Unijoyo 1 Tabel Membuat tabel sederhana Menambahkan judul tabel Mengatur lebar dan tinggi suatu tabel Perataan dalam tabel Membuat warna pada

Lebih terperinci

L A M P I R A N. Universitas Sumatera Utara

L A M P I R A N. Universitas Sumatera Utara L A M P I R A N KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN UNIVERSITAS SUMATERA UTARA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM Jl. Bioteknologi No. 1 Kampus USU Padang Bulan, Medan 20155 Telp. (061) 8211050,

Lebih terperinci

<table> : Tag ini merupakan inti dari perintah untuk membuat. </table> : Tag ini merupakan penutup dari perintah untuk membuat

<table> : Tag ini merupakan inti dari perintah untuk membuat. </table> : Tag ini merupakan penutup dari perintah untuk membuat : Tag ini merupakan inti dari perintah untuk membuat tabel pada dokumen HTML : Tag ini merupakan penutup dari perintah untuk membuat tabel pada dokumen HTML : Tag ini digunakan untuk membuat

Lebih terperinci

Pemrograman Basis Data Berbasis Web

Pemrograman Basis Data Berbasis Web Pemrograman Basis Data Berbasis Web Pertemuan Ke-4 (HTML Lanjut) Oleh: Noor Ifada S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan: Tabel Form Frame S1 Teknik Informatika - Unijoyo 2 TABEL Fungsi: Menampilkan

Lebih terperinci

1. Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah.

1. Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah. A SOAL PILIHAN GANDA 1 Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah A ikan Badut (Clownfish) B ikan Badut (Clownfish) C

Lebih terperinci

PRAKTIKUM I MySQL / phpmyadmin

PRAKTIKUM I MySQL / phpmyadmin PRAKTIKUM I MySQL / phpmyadmin I.ATujuan 1. Mengerti dan memahami database, tabel, field dan record 2. Dapat membuat database dan tabel 3. Dapat memodifikasi database dengan perintah SQL I.B.Alat & Bahan

Lebih terperinci

LAMPIRAN. dan informasi yang dibutuhkan dalam pembuatan aplikasi ini. berfokus pada penjualan pakan ternak. Tetapi, untuk produksi lainnya, PT.

LAMPIRAN. dan informasi yang dibutuhkan dalam pembuatan aplikasi ini. berfokus pada penjualan pakan ternak. Tetapi, untuk produksi lainnya, PT. L1 LAMPIRAN Wawancara Berikut merupakan hasil wawancara yang dilakukan dengan Bapak Sunya Adiputra, selaku Accounting Manager dari PT. Charoen Pokphand Indonesia, untuk mencari data dan informasi yang

Lebih terperinci

LAMPIRAN. Source code halaman utama:

LAMPIRAN. Source code halaman utama: LAMPIRAN Source code halaman utama:

Lebih terperinci

HTML 2 dan CSS. Setelah mengikuti praktikum ini mahasiswa diharapkan dapat :

HTML 2 dan CSS. Setelah mengikuti praktikum ini mahasiswa diharapkan dapat : HTML 2 dan CSS 1. Tujuan Setelah mengikuti praktikum ini mahasiswa diharapkan dapat : 1. Mahasiswa mengerti bagaimana cara mengimplementasikan HTML dan CSS 2. Table Banyak orang suka menampilkan informasinya

Lebih terperinci

FORMAT TEXT. Tag Attribut Value Keterangan. RGB(red,green,blue) Kode Warna. Memberikan warna terhadap background web mengatur posisi text rata kiri

FORMAT TEXT. Tag Attribut Value Keterangan. RGB(red,green,blue) Kode Warna. Memberikan warna terhadap background web mengatur posisi text rata kiri FORMAT TEXT Tag Attribut Value Keterangan Body P (Paragraf) H (Heading) ol (Order List) ul (UnOrder List) Font marquee align RGB(red,green,blue) Kode Warna justify Memberikan warna terhadap background

Lebih terperinci

TIB18 - PEMROGRAMAN WEB. Pemrograman Web Pertemuan & 21-22

TIB18 - PEMROGRAMAN WEB. Pemrograman Web Pertemuan & 21-22 TIB18 - PEMROGRAMAN WEB Pemrograman Web Pertemuan 19-20 & 21-22 Kompetensi Khusus Mahasiswa dapat membuat aplikasi berbasiskan web dengan menggunakan Data ManipulaIon Language (DML) melalui PHP yang terkoneksi

Lebih terperinci

LAMPIRAN. L-1 Universitas Kristen Maranatha

LAMPIRAN. L-1 Universitas Kristen Maranatha LAMPIRAN L-1 Connect.php $koneksi = mysql_connect("localhost","root",""); if ($koneksi) { mysql_select_db("ta_spa",$koneksi) or die ("Database yang anda minta tidak ada!".mysql_error()); } else { echo

Lebih terperinci

MODUL PEMOGRAMAN WEB II STMIK IM BANDUNG MODUL PEMOGRAMAN WEB II. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id

MODUL PEMOGRAMAN WEB II STMIK IM BANDUNG MODUL PEMOGRAMAN WEB II. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id 1 MODUL PEMOGRAMAN WEB II Oleh: CHALIFA CHAZAR 2 MODUL 13 PHP & MySQL Tujuan: Mahasiswa memahami cara mengkoneksikan dan menggunakan MySQL dengan PHP untuk menyelesaikan permasalahan tertentu. Pustaka:

Lebih terperinci

BAB V SIMPULAN DAN SARAN. Sistem pengambilan keputusan menggunakan metode multifactor

BAB V SIMPULAN DAN SARAN. Sistem pengambilan keputusan menggunakan metode multifactor BAB V SIMPULAN DAN SARAN A. Simpulan Berdasarkan hasil penelitian, perancangan dan implementasi maka dapat disimpulkan: Sistem pengambilan keputusan menggunakan metode multifactor evaluation process (MFEP)

Lebih terperinci

Membangun koneksi dari PHP ke MySQL adalah dengan fungsi mysql_connect();

Membangun koneksi dari PHP ke MySQL adalah dengan fungsi mysql_connect(); Integrasi PHP dan MySQL PHP akan mengakses database melalui web server yaitu Apache. Jika database server dan web server berada pada komputer yang sama maka koneksi akan menggunakan localhost sebagai nama

Lebih terperinci

MODUL PEMOGRAMAN WEB II STMIK IM BANDUNG MODUL PEMOGRAMAN WEB II. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id

MODUL PEMOGRAMAN WEB II STMIK IM BANDUNG MODUL PEMOGRAMAN WEB II. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id 1 MODUL PEMOGRAMAN WEB II Oleh: CHALIFA CHAZAR 2 MODUL 13 PHP & MySQL Tujuan: Mahasiswa memahami cara mengkoneksikan dan menggunakan MySQL dengan PHP untuk menyelesaikan permasalahan tertentu. Pustaka:

Lebih terperinci

Membuat Toko Buku dengan PHP - MySQL

Membuat Toko Buku dengan PHP - MySQL Membuat Toko Buku dengan PHP - MySQL Iman Amalludin iman.llusion@gmail.com :: http://blog.imanllusion.hostzi.com Abstrak PHP. Apa itu? PHP (Hypertext Preprocessor) adalah bahasa skrip yang dapat ditanamkan

Lebih terperinci

Membuat Contact us dan Form dengan PHP

Membuat Contact us dan Form  dengan PHP Membuat Contact us dan Form Email dengan PHP Cahaya Metha cimet15@ymail.com :: http://cimet15.blogspot.com/ Abstrak Seperti yang kita tahu bahwa website merupakan sarana untuk berbagi, baik dengan sesama

Lebih terperinci

Praktikum 3 Cookie, Session, dan Database MySQL

Praktikum 3 Cookie, Session, dan Database MySQL Praktikum Cookie, Session, dan Database MySQL Tujuan Praktikum : Memberikan pemahaman kepada mahasiswa tentang cookie dan bagaimana menggunakannya. Memberikan pemahaman kepada mahasiswa tentang session

Lebih terperinci

Menangani Input dari User

Menangani Input dari User Menangani Input dari User PHP Programming Language Workshop For Newbie Class Yan Friskantoni

Lebih terperinci

Materi 10: Create Read Update Delete

Materi 10: Create Read Update Delete JURNAL PRAKTIKUM (LAB. ACTIVITY) PEMROGRAMAN WEB LANJUT SI087 Materi 10: Create Read Update Delete Dosen: Lilis Dwi Farida, S.Kom., M.Eng Moch. Farid Fauzi, M.Kom Irma Rofni Wulandari, S.Pd., M.Eng S1

Lebih terperinci

LAMPIRAN LISTING PROGRAM WEBSITE

LAMPIRAN LISTING PROGRAM WEBSITE LAMPIRAN LISTING PROGRAM WEBSITE 1. Halaman home.php home

Lebih terperinci

MODUL II MEMBUAT DAFTAR ITEM, MEMBUAT LINK, MEMBUAT TABEL

MODUL II MEMBUAT DAFTAR ITEM, MEMBUAT LINK, MEMBUAT TABEL MODUL II MEMBUAT DAFTAR ITEM, MEMBUAT LINK, MEMBUAT TABEL A. MAKSUD DAN TUJUAN 1. MAKSUD a. Merapikan teks yang berupa daftar (list) dan table dengan tag HTML b. Membuat halaman web terhubung dengan halaman

Lebih terperinci

LAMPIRAN. Lampiran 1 Wawancara dengan Bapak Thoriq Rachmat selaku Manager IT di PT. 1. Apakah perusahaan saat ini membutuhkan sistem server yang baru?

LAMPIRAN. Lampiran 1 Wawancara dengan Bapak Thoriq Rachmat selaku Manager IT di PT. 1. Apakah perusahaan saat ini membutuhkan sistem server yang baru? LAMPIRAN Lampiran 1 Wawancara dengan Bapak Thoriq Rachmat selaku Manager IT di PT. Indonesia News Center. 1. Apakah perusahaan saat ini membutuhkan sistem server yang baru? Jawab: Ya, kami membutuhkan

Lebih terperinci

BAB X AKSES DAN MANIPULASI DATA

BAB X AKSES DAN MANIPULASI DATA BAB X AKSES DAN MANIPULASI DATA A. TUJUAN Memahami konsep dasar akses dan manipulasi data. Mampu mengintegrasikan aplikasi PHP dengan database MySQL. Mampu menghasilkan aplikasi web database untuk pengolahan

Lebih terperinci

HTML.

HTML. HTML www.amikom.info HTML HTTP (hypertext transfer protocol) merupakan protokol yang digunakan untuk mentransfer data antara web server ke web browser. Protokol ini mentransfer dokumendokumen web yang

Lebih terperinci

DASAR HTML UNTUK PEMULA

DASAR HTML UNTUK PEMULA DASAR HTML UNTUK PEMULA Dian Propa, dianpropa@gmail.com HTML atau Hypertext Markup Language merupakan protokol yang digunakan untuk mentransfer data atau document dari web server ke browser, seperti Internet

Lebih terperinci

Pemrograman Basis Data Berbasis Web

Pemrograman Basis Data Berbasis Web Pemrograman Basis Data Berbasis Web Pertemuan Ke-11 (Aplikasi Web dgn PHP & MySQL) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan Membuat Counter Membuat Guest

Lebih terperinci

DAFTAR PUSTAKA. Fatansyah Basis Data. Informatika : Bandung. Kadir, Abdul Konsep dan Tuntutan Praktis Basis Data.

DAFTAR PUSTAKA. Fatansyah Basis Data. Informatika : Bandung. Kadir, Abdul Konsep dan Tuntutan Praktis Basis Data. DAFTAR PUSTAKA Fatansyah. 2002. Basis Data. Informatika : Bandung Kadir, Abdul. 2003. Konsep dan Tuntutan Praktis Basis Data. Andi : Yogyakarta Marlinda, Linda S.Kom. 2004. Sistem Basis Data. ANDI : Yogyakarta

Lebih terperinci

Penempatan Peta pada page HTML Setelah image peta sudah disiapkan, maka langkah selanjutnya adalah meletakkan image tersebut dalam web site kita. Beri

Penempatan Peta pada page HTML Setelah image peta sudah disiapkan, maka langkah selanjutnya adalah meletakkan image tersebut dalam web site kita. Beri Membuat Aplikasi Peta Sederhana menggunakan AJAX Eko Heri Susanto ekoheri@gmail.com http://www.jawadwipa.com Lisensi Dokumen: Copyright 2003 IlmuKomputer.Com Seluruh dokumen di IlmuKomputer.Com dapat digunakan,

Lebih terperinci

Pengaturan Teks. Contoh : <H2>Tutorial Html</H2> Hasilnya akan terlihat seperti : Tutorial Html

Pengaturan Teks. Contoh : <H2>Tutorial Html</H2> Hasilnya akan terlihat seperti : Tutorial Html Struktur dasar HTML HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang digunakan dalam pembuatan halaman web. Dalam penggunaannya sebagian besar kode HTML tersebut harus terletak di antara

Lebih terperinci

BELAJAR WEB UNTUK PEMULA

BELAJAR WEB UNTUK PEMULA Index.php Keteranagn :Halaman index berisi link untuk meredireck halaman ke www.namasitus.com/start Media.php

Lebih terperinci

HTML Dasar. PERTEMUAN 1 Tujuan: 1. Siswa dapat memahami dan mengenal perintah-perintah dasar HTML 2. Siswa dapat membuat tabel dan pengaturannya

HTML Dasar. PERTEMUAN 1 Tujuan: 1. Siswa dapat memahami dan mengenal perintah-perintah dasar HTML 2. Siswa dapat membuat tabel dan pengaturannya HTML Dasar Tujuan: Siswa dapat membuat desain situs menggunakan pemrograman web PERTEMUAN 1 Tujuan: 1. Siswa dapat memahami dan mengenal perintah-perintah dasar HTML 2. Siswa dapat membuat tabel dan pengaturannya

Lebih terperinci

LAMPIRAN. 1. Buka halaman website Black hole 2. Klik next untuk membuka halaman selanjutnya

LAMPIRAN. 1. Buka halaman website Black hole  2. Klik next untuk membuka halaman selanjutnya LAMPIRAN Cara Menjalankan Program a. Menjalankan Sistem Admin 1. Buka halaman website Black hole http://blackholestudio.co.cc 2. Klik next untuk membuka halaman selanjutnya 3. Input username dan password

Lebih terperinci

Pemrograman Web DASAR HTML 2

Pemrograman Web DASAR HTML 2 Pemrograman Web DASAR HTML 2 Marquee Marquee adalah menu tekst barjalan yang berfungsi untuk memperindah tampila web, serta membuat pengunjung agar melihat taks tersebut. Teks ini seperti tesks biasa yang

Lebih terperinci

Struktur dasar HTML BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK, LEFTMARGIN & TOPMARGIN.

Struktur dasar HTML BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK, LEFTMARGIN & TOPMARGIN. Struktur dasar HTML HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang digunakan dalam pembuatan halaman web. Dalam penggunaannya sebagian besar kode HTML tersebut harus terletak di antara

Lebih terperinci

DAFTRA PUSTAKA. Raymond McLeod, Jr. (2001). Sistem Informasi Manajemen Jilid 1. Edisi Ketujuh. Jakarta : PT. Prenhallindo.

DAFTRA PUSTAKA. Raymond McLeod, Jr. (2001). Sistem Informasi Manajemen Jilid 1. Edisi Ketujuh. Jakarta : PT. Prenhallindo. DAFTRA PUSTAKA Jogiyanto,HM.(2005).Analisis dan Desain Sistem informasi :Pendekatan Terstruktur Teori dan Praktek Aplikasi Bisnis.Edisi Ketiga. Yogyakarta: Andi Offset. Raymond McLeod, Jr. (2001). Sistem

Lebih terperinci

Aplikasi Sistem Informasi Siswa ini adalah Versi 1.1 yang merupakan kelanjutan dari versi sebelumnya dengan tambahan Menu. Struktur menunya adalah :

Aplikasi Sistem Informasi Siswa ini adalah Versi 1.1 yang merupakan kelanjutan dari versi sebelumnya dengan tambahan Menu. Struktur menunya adalah : Aplikasi Sistem Informasi Siswa ini adalah Versi 1.1 yang merupakan kelanjutan dari versi sebelumnya dengan tambahan Menu. Struktur menunya adalah : Menu Form Siswa Laporan Yang pertama kali diakses adalah

Lebih terperinci

PENULISAN LAPORAN KKP/ PP/ PI

PENULISAN LAPORAN KKP/ PP/ PI SEKOLAH TINGGI MANAJEMEN INFORMATIKA & KOMPUTER JAKARTA STI&K PENULISAN LAPORAN KKP/ PP/ PI APLIKASI PENGENALAN PRODUK MELALUI WEB ( SITUS WEB ) PADA TOKO ADVENTURER WORKSHOP BOLDER MENGGUNAKAN MACROMEDIA

Lebih terperinci

DAFTAR PUSTAKA. A.S, R., & Shalahuddin, M. (2013). Rekayasa Perangkat Lunak. Bandung: Informatika.

DAFTAR PUSTAKA. A.S, R., & Shalahuddin, M. (2013). Rekayasa Perangkat Lunak. Bandung: Informatika. 62 DAFTAR PUSTAKA Abdul kadir, pemograman Database MySQL Untuk Pemula, 2013. Yogyakarta. Media Kom. A.S, R., & Shalahuddin, M. (2013). Rekayasa Perangkat Lunak. Bandung: Informatika. Chou, S.-C., & Chen,

Lebih terperinci

Lampiran 1: Bagan Struktur Organisasi Dana Pensiun Sekolah Kristen

Lampiran 1: Bagan Struktur Organisasi Dana Pensiun Sekolah Kristen LAMPIRAN Lampiran 1: Bagan Struktur Organisasi Dana Pensiun Sekolah Kristen MUSYAWARAH PENDIRI DAN MITRA PENDIRI Mitra Pendiri Pendiri Pengurus Dewan Pengurus Kepala Kantor Adm. Kepersertaan Administrasi

Lebih terperinci

Pemrograman Basis Data Berbasis Web

Pemrograman Basis Data Berbasis Web Pemrograman Basis Data Berbasis Web Pertemuan Ke-11 (Aplikasi Web dengan PHP & MySQL) Noor Ifada S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan Membuat Counter Membuat Guest Book (Buku Tamu) Membuat

Lebih terperinci

BAB III IMPLEMENTASI. Program penghubung database tersebut disimpan dengan nama. konek.php. Berikut merupakan kode program penghubung Database :

BAB III IMPLEMENTASI. Program penghubung database tersebut disimpan dengan nama. konek.php. Berikut merupakan kode program penghubung Database : BAB III IMPLEMENTASI 3.1 Program Penghubung Database Program penghubung database tersebut disimpan dengan nama konek.php. Berikut merupakan kode program penghubung Database :

Lebih terperinci

<script type="text/javascript" src="js/cal.js"></script> <link href="css/cal.css" rel="stylesheet" type="text/css">

<script type=text/javascript src=js/cal.js></script> <link href=css/cal.css rel=stylesheet type=text/css> 52 LAMPIRAN A. LISTING PROGRAM 1. Halaman Input Data session_start(); //echo "$_SESSION[sipptNama]"; if($_session[sipptnama]=="" or $_SESSION[sipptUsername]=="GUEST"){ alert('maaf...!silahkan

Lebih terperinci

SOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA

SOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA SOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA 1. HTML adalah kepanjangan dari. A. Hyper Text Multiple Language B. Hiper Text Multiple Language C. Hipo Text Multiple Language D. Hyper Text Multiple Land E.

Lebih terperinci

DAFTAR PUSTAKA. HM, Jogianto, Analisis dan Desain Sistem Informasi Edisi 3 Yogyakarta: Andi

DAFTAR PUSTAKA. HM, Jogianto, Analisis dan Desain Sistem Informasi Edisi 3 Yogyakarta: Andi DAFTAR PUSTAKA HM, Jogianto, 2005. Analisis dan Desain Sistem Informasi Edisi 3 Yogyakarta: Andi Munawar, 2005. Pemodelan Visual Dengan UML, Jakarta: GRAHA ILMU http://elib.unikom.ac.id/download.php?id=125574

Lebih terperinci

L A M P I R A N. Universitas Sumatera Utara

L A M P I R A N. Universitas Sumatera Utara L A M P I R A N A Listing program a. Categories categories home profile administration

Lebih terperinci

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB IV IMPLEMENTASI DAN PENGUJIAN BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Setelah dilakukannya analisa dan perancangan sistem pada bab sebelumnya, lalu langkah selanjutnya adalah implementasi dan pengujian sistem dimana didalam

Lebih terperinci