1. Home
  2. Lainnya

Perancangan Website Integritas Bangsa (Learning Center) Menggunakan PHP Dan MySQL

  DEPARTEMEN PENDIDIKAN DAN KEBUDAYAAN UNIVERSITAS SUMATERA UTARA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM Jln. Bioteknologi No. 1 Kampus USU Telp. (061) 8212050-8214920. Fax. (061) 8214290 Medan 20155 KARTU BIMBINGAN TUGAS AKHIR MAHASISWA

  Nama : Dea Yulianda Pratiwi Nomor Induk Mahasiswa : 112406028 Judul Tugas Akhir : Perancangan Website Integritas Bangsa

  (Learning Center) Menggunakan PHP dan MySQL

  Dosen Pembimbing : Drs. Rachmad Sitepu, M.Si Tanggal Mulai Bimbingan : Tanggal Selesai Bimbingan :

  No

  1

  2

  3

  4

  5

  6

  7 

Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan mahasiswa telah selesai

  Diketahui, Disetujui,

  Program Studi D-3 Teknik Informatika Pembimbing Fmipa USU Dr. Elly Rosmaini, M.Si Drs. Rachmad Sitepu, M.Si Nip. 196005201985032002 Nip. 195304181987031001

  

SURAT KETERANGAN

Hasil Uji Program Tugas Akhir

  Yang bertanda tangan dibawah ini, menerangkan bahwa Mahasiswa Tugas Akhir Program D3 Teknik Informatika : Nama : DEA YULIANDA PRATIWI NIM : 112406028 Prog. Studi : DIPLOMA (D3) TEKNIK INFORMATIKA Judul Tugas Akhir : PERANCANGAN WEBSITE

  INTEGRITAS BANGSA (LEARNING CENTER) MENGGUNAKAN PHP DAN MYSQL

Telah melaksanakan test program Tugas Akhir Mahasiswa tersebut di atas pada tanggal………………………

  Dengan Hasil : Sukses / Gagal Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU Medan.

  Medan, Mei 2014 Dosen Pembimbing

   Drs. Rachmad Sitepu, M.Si

  Nip. 195304181987031001

  

LISTING PROGRAM

Index.php

  <html> <head> <title>Integritas Bangsa (LEARNING CENTER)</title> <link href="header.css" rel="stylesheet" type="text/css"> <style type="text/css"> <!-- #Layer1 { position:absolute; left:204px; top:3px; width:809px; height:195px; z-index:1; line-height: normal; color: #000000; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin;

  } #Layer4 { position:absolute; left:1068px; top:24px; width:220px; height:83px; z-index:2; border: thick ridge #EEEEEE; background-color: #0099FF;

  } .style1 { font-family: "Times New Roman", Times, serif; font-size: 14px;

  }

  #Layer6 { position:absolute; left:233px; top:397px; width:271px; height:553px; z-index:3; background-color: #0099FF; border: medium double #EEEEEE;

  } #Layer2 { position:absolute; left:234px; top:1001px; width:270px; height:358px; z-index:4; border: medium double #EEEEEE; background-color: #0099FF;

  } #Layer3 { position:absolute; left:1137px; top:120px; width:149px; height:93px; z-index:5;

  }

  • > </style> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859- 1"></head> <style> #wrapper

  { width:920px; height:780px; background:; margin:0px auto; } #header { height:200px; background-color: #FF9900; } #menu { height:55px; padding:0px; background-color: #99FF33;

  } #content { height:1150px; background-color:#CC0099; background-image: none;

  } #left_content { margin: 20px 3px 5px 3px; padding: 8px; float: left; height: 780px; width: 300px; border: ; border-radius :5px 5px 5px 5px;

  } #right_content { margin: 20px 3px 5px 3px; padding: 10px; float: right; height: 1040px; width: 550px; border: 1px solid #000000; border-radius :5px 5px 5px 5px; background-color:#CCFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; color: #000000;

  }

  #footer { height:20px; background-color: #C46200;

  } .style3 {font-size: 24px} .style6 {font-size: 36px} .style8 {font-size: 18px} .style9 { font-family: Geneva, Arial, Helvetica, sans-serif; color: #EEEEEE; text-decoration: blink;

  } .style12 { font-family: Geneva, Arial, Helvetica, sans-serif; font-style: italic; color: #EEEEEE; font-size: 17px;

  } .style13 { font-family: "Monotype Corsiva"; font-style: italic; color: #CC0000; font-size: 36px;

  } </style> <link href="js-image-slider.css" rel="stylesheet" type="text/css" /> <script src="js-image-slider.js" type="text/javascript"></script> </head> <body bgcolor="#FF9900"> <div id="Layer1"><img src="g/logo 2.jpg" width="294" height="206" hspace="30" border="0" align="left" usemap="#Map"> <h2 align="center" style="color: black"; font-family: Times New Roman"><strong><span class="style3"><br> <span class="style6"><br>

  INTEGRITAS BANGSA</span></span></strong></h2> <h3 align="center" class="style6" style="color: black; font-family: Times New Roman"> <strong>(Learning Center)</strong></h3> </div> <div id="Layer4"> <p><span class="style1" style="color: black">Jl. Binjai KM 8,5 No. 16/470 MEDAN KAMPUNG LALANG<br> (SIMP. PINANG BARIS)<br>

  Telp.(061)8451083</span><br> </p> </div> <div id="Layer2"> <p align="center"><span class="flt1 lp_box2bg"><img src="g/say.jpg" alt="" width="140" height="183" align="left" class="flt1 lp_imgclient" /><span class="flt lp_txtclint style5 style8 style9">Child Speak<br> </span></span><span class="flt1 lp_box2bg"><span class="flt lp_txtclint style5 style8"><br> <span class="style12">waktunya generasi muda berbicara bersama Integritas Bangsa </span></span></span><br> <br> <br> <span class="flt1 lp_box2txt">“<span id="result_box" lang="en">One hour of fun and intensive, much better and profitable than many years of dreaming and pondering.</span>”<br /> <span style="float:right; color:#F3FF9F;">- John Ambrose</span></span></p> </div> <div id="Layer3"> <div id="clock"></div> <script type="text/javascript"> <!-- function showTime() { var a_p = ""; var today = new Date(); var curr_hour = today.getHours(); var curr_minute = today.getMinutes(); var curr_second = today.getSeconds(); if (curr_hour < 12) { a_p = "AM"; } else { a_p = "PM"; } if (curr_hour == 0) { curr_hour = 12; } if (curr_hour > 12) { curr_hour = curr_hour - 12; } curr_hour = checkTime(curr_hour); curr_minute = checkTime(curr_minute); curr_second = checkTime(curr_second); document.getElementById('clock').innerHTML=curr_hour + ":" + curr_minute

  • ":" + curr_second + " " + a_p; } function checkTime(i) { if (i < 10) { i = "0" + i; } return i; } setInterval(showTime, 500); //--> </script>

  </div> </div> <div id="wrapper"> <div id="header"></div> <div id="menu"> <link href="dropdown.css" rel="stylesheet" type="text/css" media="screen" /> <nav>

  <ul> <li><a href="index.php">HOME</a></li> <li><a href="inggris.php">ENGLISH COURSE</a></li> <li><a href="musik.php">MUSIC COURSE</a></li> <li><a href="play.php">PLAYGROUP & TAMAN KANAK-

  KANAK</a></li> <li><a href="galeri.php">GALERI</a></li> <li><a href="kontak.php">CONTACT</a></li>

  <link href="style1.css" rel="stylesheet" type="text/css"> </ul>

  </nav> </div> <div id="content">

  <h3 style="color: blue"><marquee direction="left" scrollamount="4"><strong>WELCOME TO THE INTEGRITAS BANGSA</strong></marquee></h3>

  <div id="left_content"> <div id="Layer6">

  <div align="center"><span class="style7">  <span class="style3">STAF PENGAJAR </span> </span><br> <br> <br> </div> <div align="left"> <div id="sliderFrame"> <div id="slider"> <img src="g/sir.jpg" alt="Welcome to Integritas Bangsa School" width="159" height="145" /></a> <img src="g/dr.jpg" alt="" width="159" height="145" /> <img src="g/gr.jpg" alt="" width="159" height="145" /> <img src="g/gr1.jpg" alt="" width="159" height="145" />

  <img src="g/gr2.jpg" alt="" width="159" height="145" />

  <img src="g/gr3.jpg" alt="" width="159" height="145" />

  <img src="g/gr4.jpg" alt="" width="159" height="145" /></div> <div id="htmlcaption" style="display: none;"> <em>HTML</em> caption. Link to <a href="http://www.google.com/">Google</a>.

  </div> </div> </p> </div> <br> <div> <div align="center"> <p>Gambar di atas merupakan beberapa dari staf pengajar di Yayasan Ambasador Integritas Bangsa. </p> <p>Dengan profesionalisme dan dalam bidang masing-masing yang di terapkan pada Integritas Bangsa School bersama-sama mencerdaskan bangsa Indonesia. </p> </div> </div> </div> </div>

  <div id="right_content"><span class="style13"> <p class="style13"><strong>our services...</strong></p> </span> <p><img src="g/2.jpg" width="296" height="200" align="left"></p> <div>

  <div align="justify"><span class="flt rp_weltxt">Bahasa inggris adalah bahasa yang paling banyak digunakan di dunia. bahasa ini merupakan bahasa ibu untuk lebih dari 400 juta orang diseluruh dunia. dalam setiap hari jutaan orang menggunakan bahasa inggris di tempat kerja maupun di kehidupan sosial. Ketika kepala pemerintahan bertemu, Bahasa inggris adalah bahasa yang paling sering digunakan. Dan ketika orang-orang dari bangsa yang berbeda saling bertemu, bahasa inggris adalah satu-satunya bahasa penghubung yang digunakan oleh mereka. <br> <br> Kami memberikan pelayanan terbaik untuk meningkatkan pengetahuan siswa dalam hal ini adalah memperlancar komunikasi dalam bahasa internasional yaitu bahasa inggris. kami menyediakan pelayanan diskusi dengan staf pengajar dan para siswa membentuk sebuah forum diskusi diluar kegiatan akademik di Integritas Bangsa dengan menggunakan bahasa inggris (conversation) untuk melatih kelancaran dalam berbahasa asing<br> <br> </span></div> </div>

  <div align="justify"> <p class="flt rp_weltxt">..........................................................................................................

  ............................</p> <p class="flt rp_weltxt"><img src="g/tesss.jpeg" alt="" width="148" height="108" align="left" class="flt1 rp_abacus" />Proses mendengar musik merupakan salah satu bentuk komunikasi afektif dan memberikan pengalaman emosional. Emosi yang merupakan suatu pengalaman subjektif yang inherent terdapat pada setiap manusia. Untuk dapat merasakan dan menghayati serta mengevaluasi makna dari interaksi dengan lingkungan, ternyata dapat dirangsang dan dioptimalkan perkembangannya melalui musik sejak masa dini. Efek atau suasana perasaan dan emosi baik persepsi, ekspresi, maupun kesadaran pengalaman emosional, secara predominan diperantarai oleh hemisfer otak kanan.

  Artinya, hemisfer ini memainkan peran besar dalam proses perkembangan emosi, yang sangat penting bagi perkembangan sifat-sifat manusia yang manusiawi.<br> <br> Kehalusan dan kepekaan seseorang untuk dapat ikut merasakan perasaan orang lain, menghayati pengalaman kehidupan dengan "perasaan", adalah fungsi otak kanan, sedang kemampuan mengerti perasaan orang lain, mengerti pengalaman dengan rasio adalah fungsi otak kiri. Kemampuan seseorang untuk dapat berkomunikasi dengan baik dan manusiawi dengan orang lain merupakan percampuran (blending antara otak kanan dan kiri).<br>

  <br /> </p>

  </div> <p><br>

  </p> <p> </p> </p>

  </div> </div>

  <div id="footer bgcolor="#C46200"> <p align="center">Copyright © 2014 | Integritas Bangsa. All

  Rights Reserved.</p> </div> </div> </body>

  </html>

  Inggris.php

  <html> <head> <title>Integritas Bangsa (LEARNING CENTER)</title> <link href="header.css" rel="stylesheet" type="text/css"> <style type="text/css"> <!-- #Layer1 { position:absolute; left:204px; top:3px; width:809px; height:195px; z-index:1; line-height: normal; color: #000000; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin;

  } #Layer4 { position:absolute; left:1060px; top:17px; width:220px; height:83px; z-index:2; border: thick ridge #EEEEEE; background-color: #0099FF;

  } .style1 { font-family: "Times New Roman", Times, serif; font-size: 14px;

  } #Layer6 { position:absolute; left:58px; top:64px; width:291px; height:606px; z-index:3; background-color: #0099FF; font-style: normal; border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-top-style: none; border-right-style: dashed; border-bottom-style: none; border-left-style: none; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000;

  } #Layer2 { position:absolute; left:267px; top:684px; width:805px; height:711px; z-index:4; border: medium double #EEEEEE; background-color: #0099FF;

  } #Layer3 { position:absolute; left:1156px; top:109px; width:151px; height:79px; z-index:4; border: medium none #EEEEEE;

  } #Layer5 { position:absolute; left:566px; top:645px; width:535px; height:292px; z-index:5; background-color: #800000; border: medium solid #EEEEEE;

  } #Layer7 { position:absolute; left:455px; top:62px; width:307px; height:607px; z-index:6; background-color: #0099FF; border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: dashed; border-left-color: #000000; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000;

  }

  • > </style> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859- 1"></head> <style> #wrapper

  { width:920px; height:780px; background:; margin:0px auto; } #header { height:200px; background-color: #FF9900;

  } #menu { height:55px; padding:0px; background-color: #FF9900;

  } #content { height:1170px; background-color:#800000;

  } #footer { height:20px; background-color: #C46200;

  } .style3 {font-size: 24px} .style14 {font-size: 36px} .style16 { font-size: 24px; font-weight: bold; font-style: italic;

  } </style> </head> <body bgcolor="#FF9900"> <div id="Layer1"><img src="g/logo 2.jpg" width="294" height="206" hspace="30" border="0" align="left" usemap="#Map"> <h2 align="center" style="color: black"; font-family: Times New Roman"><strong><span class="style3"><br> <span class="style14"><br>

  INTEGRITAS BANGSA</span></span></strong></h2> <h3 align="center" class="style14" style="color: black; font-family: Times New Roman"> <strong>(Learning Center)</strong></h3> </div> <div id="Layer4"> <p><span class="style1" style="color: black">Jl. Binjai KM 8,5 No. 16/470 MEDAN KAMPUNG LALANG<br> (SIMP. PINANG BARIS)<br> Telp.(061)8451083</span><br> </p> </div> <div id="wrapper"> <div id="header"></div> <div id="menu"> <link href="dropdown.css" rel="stylesheet" type="text/css" media="screen" /> <nav>

  <ul> <li><a href="index.php">HOME</a> </li> <li><a href="inggris.php">ENGLISH COURSE</a></li> <li><a href="musik.php">MUSIC COURSE</a> <li><a href="play.php">PLAYGROUP & TAMAN KANAK-

  KANAK</a></li> <li><a href="galeri.php">GALERI</a> </li> <li><a href="kontak.php">CONTACT</a></li> </li>

  </ul> </nav> </div> <div id="content">

  <img src="g/Screenshot_2014-04-09-13-01-45-1.jpg" width="532" height="357" align="left"><img src="g/Kursus-bahasa-Inggris-untuk-remaja- di-Depok-Beacon-English.jpg" width="363" height="177" hspace="20" align="absbottom"> <img src="g/images.jpg" width="363" height="172" hspace="20">  <div id="Layer2"> <div id="Layer6"> <p align="justify">

           &nbs p;IB <em>Integritas Bangsa</em> menyediakan beragam kursus bahasa Inggris bagi kelompok usia yang berbeda-beda. Mulai dari program kursus bahasa Inggris untuk anak-anak, remaja dan dewasa, serta pelatihan bahasa Inggris untuk perusahaan, semua bisa Anda temukan di Integritas Bangsa School.</p> <p align="justify">        &nbs p; IB <em>Integritas Bangsa</em> menyediakan serangkaian program <strong>kursus bahasa inggris untuk anak - anak</strong> untuk memenuhi kebutuhan belajar anak dari kelompok usia yang berbeda. Anak usia 4 tahun sudah dapat bergabung dengan program Small Stars dari IB. Sedangkan bagi anak berusia 7-9 tahun, tersedia program High Flyers.</p> <p align="justify">        &nbs p;  Program<strong> kursus bahasa ingris untuk remaja</strong> di IB <em>Integrita Bangsa</em> dibedakan menjadi program Trailblazers untuk remaja berusia 10-13 tahun dan program Frontrunner untuk remaja berusia 14 tahun keatas. Selain kedua program ini, para remaja juga bisa mengikuti program Conversation Club untuk meningkatkan kemampuan berbahasa Inggris lisan dan International Exams Preparation untuk mempersiapkan diri mengikuti berbagai ujian internasional.</p> </div> <div id="Layer7"> <p align="justify">        &nbs p;Selain untuk anak-anak dan remaja, IB <em>Integritas Bangsa</em> juga menyediakan rangkaian <strong>kursus bahasa inggris untuk dewasa</strong> dan <strong>pelatihan bahasa inggris untuk perusahaan</strong>. Kami mengerti bahwa bagi siswa dewasa, kesuksesan dalam belajar bahasa Inggris tidak hanya ditentukan dari kemampuan berbicara dan penggunakan kosakata bahasa Inggris saja, melainkan juga dari kemampuan berbahasa Inggris secara tepat, alami dan percaya diri. Di

  IB <em>Integritas Bangsa</em>, melalui sistem pembelajaran terkini, siswa dewasa akan diajarkan cara mengaplikasikan bahasa Inggris mereka untuk situasi bisnis dan profesional dengan fasih, akurat dan penuh percaya diri.</p>

  <p align="justify">        &nbs p;Produk inovatif IB dibangun berdasarkan sistem Efekta. Sistem ini merupakan gabungan sempurna antara teknik pengajaran terbaik dan teknologi mutakhir. Guru berpengalaman dan bersertifikasi memberikan pengajaran di dalam kelas menggunakan teknologi pendukung terkini. Pembelajaran di dalam kelas ini juga didukung oleh tutorial online iLAB yang dapat diakses kapan saja, di mana saja. </p> <p align="justify"><strong><em>" Temukan program yang sesuai dengan kelompok usia dan tingkat kemampuan Anda di Integritas Bangsa! "</em></strong></p> </div> <div id="layer"> <div align="center"> <p><span class="style16">Beragam Kursus Bahasa Inggris di IB </span></p> </div> </div> <p align="center"><span class="flt1 lp_box2txt"><br /> </span></p> </div> </div> <div id="footer bgcolor="#C46200">

  <p align="center">Copyright © 2014 | Integritas Bangsa. All Rights Reserved.</p> </div> </div> </body>

  </html>

  Musik.php

  <html> <head> <title>Integritas Bangsa (LEARNING CENTER)</title> <link href="header.css" rel="stylesheet" type="text/css"> <style type="text/css"> <!-- #Layer1 { position:absolute; left:204px; top:3px; width:809px; height:195px; z-index:1; line-height: normal; color: #000000; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin;

  } #Layer4 { position:absolute; left:1073px; top:23px; width:220px; height:83px; z-index:2; background-color: #0099FF; border: thick ridge #EEEEEE;

  } .style1 { font-family: "Times New Roman", Times, serif; font-size: 14px;

  } #Layer6 { position:absolute; left:242px; top:536px; width:271px; height:522px; z-index:3; background-color: #0099FF; border: thick double #EEEEEE; font-style: italic;

  } #Layer2 { position:absolute; left:239px; top:876px; width:270px; height:336px; z-index:4; border: medium double #EEEEEE; background-color: #0099FF;

  }

  #Layer3 { position:absolute; left:569px; top:313px; width:532px; height:286px; z-index:4; background-color: #CC0099; border: medium solid #EEEEEE;

  } #Layer5 { position:absolute; left:566px; top:645px; width:535px; height:292px; z-index:5; background-color: #CC0099; border: medium solid #EEEEEE;

  } #Layer7 { position:absolute; left:563px; top:984px; width:538px; height:305px; z-index:6; background-color: #CC0099; border: medium solid #EEEEEE;

  }

  • > </style> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head> <style> #wrapper {

  width:920px; height:780px; background:; margin:0px auto; } #header

  { height:200px; background-color: #FF9900;

  } #menu { height:55px; padding:0px; background-color: #FF9900;

  } #content { height:1050px; background-color:#CC0099;

  } #left_content { wmargin: 20px 40px 20px 40px; padding: 8px; float: left; height: 780px; width: 300px; border: ; border-radius :5px 5px 5px 5px; font-family: "Monotype Corsiva"; font-size: 18px; text-transform: capitalize; color: #EEEEEE; font-style: italic; font-variant: normal; border: thin none #000000;

  } #right_content { margin: 20px 3px 5px 3px; padding: 10px; float: right; height: 990px; width: 550px; border: 3px solid #EEEEEE; border-radius :5px 5px 5px 5px; background-color:#0099FF; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; color: #EEEEEE;

  } #footer { height:20px; background-color: #C46200;

  } .style3 {font-size: 24px} .style6 { font-size: 36px; font-family: "Monotype Corsiva"; color: #0099FF; font-style: italic;

  } .style8 {font-size: 18px} .style9 { font-family: Geneva, Arial, Helvetica, sans-serif; color: #EEEEEE; text-decoration: blink;

  } .style12 { font-family: Geneva, Arial, Helvetica, sans-serif; font-style: italic; color: #EEEEEE;

  } .style13 { font-family: "Monotype Corsiva"; font-style: italic; color: #CC0000; font-size: 36px;

  } .style14 {font-size: 36px} </style> </head> <body bgcolor="#FF9900"> <div id="Layer1"><img src="g/logo 2.jpg" width="294" height="206" hspace="30" border="0" align="left" usemap="#Map"> <h2 align="center" style="color: black"; font-family: Times New Roman"><strong><span class="style3"><br> <span class="style14"><br>

  INTEGRITAS BANGSA</span></span></strong></h2> <h3 align="center" class="style14" style="color: black; font-family: Times New Roman"> <strong>(Learning Center)</strong></h3> </div> <div id="Layer4"> <p><span class="style1" style="color: black">Jl. Binjai KM 8,5 No. 16/470 MEDAN KAMPUNG LALANG<br> (SIMP. PINANG BARIS)<br> Telp.(061)8451083</span><br> </p> </div> <div id="Layer3"> <div align="center"><span class="style6"></span><span class="style6">Violin</span><br> <br> </div> <div align="center"><img src="g/tess.jpeg" width="113" height="150" align="left"> <p>Integritas Bangsa menyediakan les musik salah satunya adalah biola (violin).

  </p> <p>Semua pelajaran yang kami berikan didukung dengan teori, praktek serta ear training (pelatihan ketajaman telinga) untuk membentuk murid-murid kami menjadi musisi handal.</p> </div> </div> <div id="Layer5"> <p align="center"><span class="style6">Piano</span></p> <p align="justify"><img src="g/piano.jpg" width="116" height="157" align="left">Integritas Bangsa menawarkan pelajaran piano bagi anak dan dewasa.

  Kursus les piano yang kami berikan akan disesuaikan dengan keadaan dan tingkat kemampuan Anda, sehingga akan membuahkan hasil yang optimal bagi setiap orang. Selain memberikan pelajaran piano. Semua pelajaran yang kami berikan didukung dengan teori, praktek serta ear training (pelatihan ketajaman telinga) untuk membentuk murid-murid kami menjadi musisi handal.</p> </div> <div id="Layer7"> <div align="center"> <p align="center"><span class="style6">Guitar</span></p> </div> <p> </p> <p align="justify"><img src="g/gitar.jpeg" width="150" height="112" align="left">Sekolah Gitar Jakarta didirikan untuk menjawab kebutuhan skill bergitar Anda. Kami hadir dengan metode belajar yang kreatif, tenaga pengajar yang berpengalaman dan berdedikasi tinggi serta fasilitas yang lengkap. Instrument gitar adalah tuan rumah di sekolah ini. Harapan kami dengan adanya

  Sekolah Gitar Jakarta bisa membuat masyarakat lebih mencintai alat musik gitar.</p> <p align="center">"Guitar is a mini Orchestra"</p> <p align="center-Beethoven-</p> </div> <div id="wrapper"> <div id="header"></div> <div id="menu"> <link href="dropdown.css" rel="stylesheet" type="text/css" media="screen" /> <nav>

  <ul> <li><a href="index.php">HOME</a></li> <li><a href="inggris.php">ENGLISH COURSE</a></li> <li><a href="musik.php">MUSIC COURSE</a> <li><a href="play.php">PLAYGROUP & TAMAN KANAK-

  KANAK</a></li> <li><a href="galeri.php">GALERI</a> </li> <li><a href="kontak.php">CONTACT</a></li> </li>

  </ul> </nav> </div> <div id="content"> <div id="left_content">

  <div id="Layer6"> <div align="justify"><br> Bagi anak-anak, musik bahkan memiliki manfaat yang lebih dari hanya sekedar bermain dengan nada. Mulai dari membantu perkembangan otak sampai psikologis, dan itu dapat ditemukan secara khusus pada musik klasik. Ada banyak faktor penting yang dapat memengaruhi perkembangan otak si kecil. Salah satunya adalah musik. Menurut Dr Kuei Pin Yeo, orang Indonesia pertama yang berhasil meraih gelar Doctor dalam bidang seni permainan piano dari Manhattan School of Music, New York menjelaskan bahwa mengenalkan musik pada anak sebaiknya dilakukan sejak dini, karena peran musik sangat besar dalam menstimulasi pertumbuhan jaringan sel otak anak. <br> </div> <br>

  </div> </div> <div id="right_content"></span> </div> <div id="layer"></div> </p>

  </div>

  <div id="footer bgcolor="#C46200"> <p align="center">Copyright © 2014 | Integritas Bangsa. All Rights

  Reserved.</p> </div> </div> </body> </html>

  Play.php

  <html> <head> <title>Integritas Bangsa (LEARNING CENTER)</title> <link href="header.css" rel="stylesheet" type="text/css"> <style type="text/css"> <!-- #Layer1 { position:absolute; left:204px; top:3px; width:809px; height:195px; z-index:1; line-height: normal; color: #000000; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin;

  } #Layer4 { position:absolute; left:1063px; top:25px; width:220px; height:83px; z-index:2; background-color: #0099FF; border: thick ridge #EEEEEE;

  } .style1 { font-family: "Times New Roman", Times, serif; font-size: 14px; } #Layer6 { position:absolute; left:146px; top:952px; width:271px; height:498px; z-index:3; background-color: #0099FF; border: thick solid #EEEEEE; font-style: italic;

  } #Layer2 { position:absolute; left:239px; top:876px; width:270px; height:336px; z-index:4; border: medium double #EEEEEE; background-color: #0099FF;

  } #Layer3 { position:absolute; left:1286px; top:284px; width:179px; height:357px; z-index:4; background-color: #FF80C0; border: thick solid #EEEEEE;

  } #Layer5 { position:absolute; left:237px; top:826px; width:860px; height:442px; z-index:5; background-color: #0099FF; border: thick solid #EEEEEE;

  } #Layer7 { position:absolute; left:215px; top:721px; width:904px; height:125px; z-index:6; background-color: #0099FF; border: thick solid #EEEEEE;

  } #Layer8 { position:absolute; left:224px; top:280px; width:895px; height:405px; z-index:7;

  }

  • > </style> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head> <style> #wrapper {

  width:920px; height:780px; background:; margin:0px auto; } #header { height:200px; background-color: #FF9900;

  } #menu { height:55px; padding:0px; background-color: #FF9900;

  } #content { height:1030px; background-color: #FF80C0; } #footer { height:20px; background-color: #C46200;

  } .style3 {font-size: 24px} .style6 { font-size: 36px; font-family: "Monotype Corsiva"; color: #0099FF; font-style: italic;

  } .style14 {font-size: 36px} .style15 {color: #EEEEEE} </style>

  <link href="js-image-slider1.css" rel="stylesheet" type="text/css" /> <script src="js-image-slider1.js" type="text/javascript"></script> </head> <body bgcolor="#FF9900"> <div id="Layer1"><img src="g/logo 2.jpg" width="294" height="206" hspace="30" border="0" align="left" usemap="#Map"> <h2 align="center" style="color: black"; font-family: Times New Roman"><strong><span class="style3"><br> <span class="style14"><br>

  INTEGRITAS BANGSA</span></span></strong></h2> <h3 align="center" class="style14" style="color: black; font-family: Times New Roman"> <strong>(Learning Center)</strong></h3> </div> <div id="Layer4"> <p><span class="style1" style="color: black">Jl. Binjai KM 8,5 No. 16/470 MEDAN KAMPUNG LALANG<br> (SIMP. PINANG BARIS)<br> Telp.(061)8451083</span><br> </p> </div> <div id="Layer5">

  <p align="justify"><img src="g/tk9.jpg" width="306" height="144" align="left"><span class="style15">Pendidikan bagi anak usia dini sangat penting , karena saat itu dimulainya pembentukan mental dan karakter semasa kecil atau pada usia 0-5 tahun sebelum masuk sekolah pada tingkat pertama di sekolah dasar (SD). "Ini yang disebut masa masa emas pada si anak" . Tidak hanya bermain di outdoor dan belajar di indoor tetapi kami juga menyediakan perlombaan - perlombaan mewarni, menggambar, dan yang lainnya sehingga anak - anak tidak bosan dalam dunia belajarnya. Dan juga Integritas bangsa mendidik anak - anak tidak hanya bermain tetapi juga sambil belajar memperkenalkan dunia luar agar mereka tau mau jadi apa nantinya. Gambar disamping adalah salau satu contoh dimana mereka sedang berakting layaknya sebagai polisi seperti yang dicita - citakannya. melalui pendidikan pra sekolah ini, selain mental, seoarang anak dipersiapkan secara matang untuk bersaing, mempunyai ketrampilan tersendiri, menjadi seorang pemipin yang handal, dan berani tampil ditengah-tengah masyarakat.</p> <p align="justify"> </p> <p align="justify"> <img src="g/tk45.jpg" width="233" height="155" align="left"><span class="style15">Upaya promosi kesehatan yang ditujukan untuk meningkatkan status/ derajad kesehatan yang optimal. Sasarannya adalah anak - anak yang sehat. Agar anak - anak mampu meningkatkan kesehatannya, kelompok anak sehat meningkat dan kelompok anak sakit menurun. Bentuk kegiatannya adalah pendidikan kesehatan tentang cara memelihara kesehatan. Integritas Bangsa menyediakan gratis pemeriksaan kesehatan untuk anak - anak secara berkala oleh dokter. Dengan begitu dapat mencega penghambatan dalam proses belajar - mengajar yang dikarenakan sakit. </p> </div> <div id="layer8"> <div id="ribbon"></div> <div id="slider"> <img src="g/tk.jpg"> </a> <a class="lazyImage" href="g/ib.jpg"></a> <b data-src="g/tkkkkk.jpg"></b> </a> <a class="lazyImage" href="g/tk7.jpg"></a> <a class="lazyImage" href="g/tk36.jpg"></a> <a class="lazyImage" href="g/tk31.jpg"></a> <a class="lazyImage" href="g/tk1.jpg"></a> <a class="lazyImage" href="g/tk25.jpg"></a> </div> <!--thumbnails--> <div id="thumbs">

  <div class="thumb"><img src="g/tk.jpg" /></div> <div class="thumb"><img src="g/ib.jpg" /></div> <div class="thumb"><img src="g/tkkkkk.jpg" /></div> <div class="thumb"><img src="g/tk7.jpg" /></div> <div class="thumb"><img src="g/tk36.jpg" /></div> <div class="thumb"><img src="g/tk31.jpg" /></div> <div class="thumb"><img src="g/tk1.jpg" /></div> <div class="thumb"><img src="g/tk25.jpg" /></div> </div> </div> </div> <div id="wrapper"> <div id="header"></div> <div id="menu"> <link href="dropdown.css" rel="stylesheet" type="text/css" media="screen" /> <nav>

  <ul> <li><a href="index.php">HOME</a></li> <li><a href="inggris.php">ENGLISH COURSE</a></li> <li><a href="musik.php">MUSIC COURSE</a> <li><a href="play.php">PLAYGROUP & TAMAN KANAK-

  KANAK</a></li> <li><a href="galeri.php">GALERI</a> </li> <li><a href="kontak.php">CONTACT</a></li> </li>

  </ul> </nav> </div> <div id="content">

  <div align="center"> </div> </div>

  <div id="footer bgcolor="#C46200"> <p align="center">Copyright © 2014 | Integritas Bangsa. All Rights

  Reserved.</p> </div> </div> </body> </html>

  Kontak.php

  <?php error_reporting(null); @$operasi = $_POST['operasi']; $int_id=$_POST['id']; $var_nama=$_POST['nama']; $var_email=$_POST['email']; $var_saran=$_POST['saran']; if (strtolower($operasi) == "kirim") { include'koneksi.php'; mysql_query("INSERT

  INTO `buku`

  VALUES ('$int_id','$var_nama','$var_email','$var_saran')"); } ?> <html> <head> <title>Integritas Bangsa (LEARNING CENTER)</title> <link href="header.css" rel="stylesheet" type="text/css"> <style type="text/css"> <!-- #Layer1 { position:absolute; left:204px; top:3px; width:809px; height:195px; z-index:1; line-height: normal; color: #000000; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin;

  } #Layer4 { position:absolute; left:1066px; top:25px; width:220px; height:83px; z-index:2; background-color: #0099FF; border: thick ridge #EEEEEE;

  } .style1 { font-family: "Times New Roman", Times, serif; font-size: 14px; color: #000000;

  } #Layer6 { position:absolute; left:242px; top:536px; width:271px; height:498px; z-index:3; background-color: #0099FF; border: medium double #000000; font-style: italic;

  } #Layer2 { position:absolute; left:239px; top:876px; width:270px; height:336px; z-index:4; border: medium double #EEEEEE; background-color: #0099FF;

  } #Layer3 { position:absolute; left:569px; top:313px; width:532px; height:286px; z-index:4; background-color: #800000; border: medium solid #EEEEEE;

Dokumen yang terkait

Perancangan Website Penjualan Tiket Konser Musik secara Online dengan Menggunakan PHP dan MySQL

91 529 105

Perancangan Website Integritas Bangsa (Learning Center) Menggunakan PHP Dan MySQL

0 53 94

Perancangan Sistem Informasi Jaringan Koperasi Simpan Pinjam Menggunakan PHP Dan MySQL

3 140 119

Perancangan Sistem Informasi Obat-obatan Herbal Dengan Menggunakan Pemrograman PHP Dan MySQL

5 92 95

Perancangan Website Penjualan Secara Online Menggunakan PHP Dan MYSQL

0 50 124

Perancangan Aplikasi Web Tes Kepribadian Dengan Menggunakan PHP MySQL

10 71 150

Membangun Website SMP Negeri 1 Dolok Batu Nanggar Menggunakan PHP Dan MySQL

0 40 101

Perancangan Web E-Commerce Pada Lembaga Bimbingan Belajar Sony Sugema College Menggunakan PHP Dan MySQL

2 37 153

Perancangan Aplikasi Penjualan Hasil Perkebunan Secara online Dengan Menggunakan PHP Dan MySQL

3 45 160

Merancang Website Berita Suara USU Dengan Menggunakan PHP 5.0 Dan MySQL

0 57 42