Upload
yopyopay
View
225
Download
3
Embed Size (px)
Citation preview
TUGAS LAPORAN PROYEK APLIKASI
”ALL ABOUT GUITAR”
Oleh
WANDA ABDIADI & YOPY YOGA K
Kelas X RPL 1
SMK NEGERI 1 DEPOK2013
“ALL ABOUT GUITAR”
1Created By : Yopy Yoga K & Wanda Abdiadi
Oleh :
Wanda Abdiadi & Yopy Yoga Kuntoro
Tugas Laporan Proyek Aplikasi
Telah diuji sebagai syarat kelulusan mata pelajaran produktif RPL
Semester Genap Tingkat X
Tahun Ajaran 2012/ 2013
di
SMK NEGERI 1 DEPOK
Depok, 23 Mei 2013
Penguji,
________________
2Created By : Yopy Yoga K & Wanda Abdiadi
KATA PENGANTAR
Puji syukur penulis panjatkan ke hadirat Allah SWT, yang atas rahmat dan karunia
Nya penulis dapat menyelesaikan tesis ini. Shalawat dan salam tercurah kepada
Rasulullah Muhammad SAW beserta keluarganya.
Selama melaksanakan tugas akhir ini, penulis mendapat bantuan dan dukungan dari
berbagai pihak. Untuk itu, penulis ingin mengucapkan terima kasih kepada :
1. Bapak/ibu …………………., selaku pembimbing I, yang telah memberikan
bimbingan dan semangat dalam menyelesaikan ini;
2. Bapak/ibu ………………….., selaku pembimbing II, yang telah
mencurahkan perhatian dan waktunya yang demikian banyak dalam
penyelesaian tugas akhir ini;
3. Orang tua dan teman teman yang senantiasa memberikan dorongan dan
semangat, serta kesabaran, pengertian dan do’anya;
4. Dan semua pihak yang membantu, yang tidak dapat penulis sebutkan satu
persatu.
Penulis menyadari bahwa tesis ini bukanlah tanpa kelemahan, untuk itu kritik dan
saran sangat diharapkan.
Akhir kata, semoga tesis ini dapat bermanfaat bagi para pembacanya.
Depok, 23 Mei 2013
Penulis
3Created By : Yopy Yoga K & Wanda Abdiadi
DAFTAR ISI
LEMBAR PENGESAHAN 1
KATA PENGANTAR 3
DAFTAR ISI 4
DAFTAR LAMPIRAN 5
BAB I. PENDAHULUAN 6
I.1. Latar Belakang ..................................................7
I.2. Maksud dan Tujuan...........................................8
BAB II. Instalasi Software pengembang.................9
II.1. Instalasi XAMPP......................................10-11
II.2. Perancangan dan FLOWCHART.............12-13
BAB III.
II.5. Membuat page websitenya beserta script. 14-23
BAB III. Penutup 23
III.1. Kesimpulan...................................................24
III.2. Saran ............................................................24
Daftar Pustaka 25
Lampiran 26
4Created By : Yopy Yoga K & Wanda Abdiadi
DAFTAR LAMPIRAN
LAMPIRAN A : Yang Berkaitan dengan Sistem Kendali Kokoh ………………
A-1
A.1 Bukti Teorema 3.1 ……………………………………………………………
A-1
A.2 Pengertian Kestabilan Internal ……………………………………………….
A-2
LAMPIRAN B : Pembuktian Persamaan dan Pertidaksamaan dalam BAB IV .....
B-1
B.1 Pembuktian Persamaan (IV.2) ..........................................................................
B-1
B.2 Pembuktian Persamaan (IV.3) ..........................................................................
B-2
⋮
dan seterusnya
LAMPIRAN C : Pembuktian Persamaan dan Pertidaksamaan dalam BAB V ....
C-1
C.1 Pembuktian perhitungan nilai ΦX cl (bagian dari Teorema V.2) .......................
C-1
C.2 Pembuktian persamaan (V.19) .........................................................................
C-2
⋮
dan seterusnya
5Created By : Yopy Yoga K & Wanda Abdiadi
BAB IPENDAHULUAN
I.1. Latar Belakang
Berisi penjelasan pembatasan masalah yang dibahas pada
laporan prakerin
I.2. Maksud dan Tujuan
Berisi penjelasan maksud dan tujuan dari penulisan laporan
prakerin
6Created By : Yopy Yoga K & Wanda Abdiadi
I.I LATAR BELAKANG
Latar belakang pembuatan project website ini adalah agar anak-anak di kelas 10 dapat mengerti apa yang di maksud dengan website.Membuat website itu juga tidak lah mudah di perlukan ketelitian bagi kita agar mendapatkan hasil yang maksimal. Untuk membangun sebuah website di perlukan suatu langkah-langkah persiapan secara umum di bagi menjadi lima tahap yaitu merumuskan tujuan website, menentukan isi website, menentukan target pengunjung, menentukan struktur website, jiak kelima langkah awal itu bisa kita pelajari semua pasti kita akan bisa membuat suatu website yang bagus dan banyak di kunjungi oleh banyak orang. Membuat sebuah website juga adalah suatu syarat juga agar dapat naik ke kelas selanjutnya.
7Created By : Yopy Yoga K & Wanda Abdiadi
I.2 MAKSUD DAN TUJUAN
Maksud membuat website agar :- Efisiensi anggaran promosi dan informasi- Efektifitas dalam membangun strategi pemasaran serta
mengenalkan produk- Memasyarakatkan pengguna teknologi informasi secara kreatif
dan konsutif
Tujuan membuat website agar :- Menyebarkan dan memperluas jaringan organisasi sebagai suatu
peluang mewujudkan semangat kerjasama dan meningkatkan jaringan dan informasi
- Membangun jaringan online dan informasi dan promosi produksi dalam menjalankan program menjualannya
- Agar para pengunjung dapat mengetahui dan mengenal tentang produk kita
8Created By : Yopy Yoga K & Wanda Abdiadi
BAB IIINSTALASI SOFTWARE PENGEMBANG
Perangkat Pengembangan Aplikasi
Berisi penjelasan software yang digunakan dalam pembuatan
aplikasi.
II.1. instalasi XAMPP
Berisi penjelasan untuk menginstalxampp, termasuk bahasa
tambahan seperti Javascript maupun library lainnya.
II.2. Flowchart
Berisi penjelasan perancangan jalannya aplikasi website.
II.3. Membuat aplikasi website berserta databasenya
Berisi tentang langkah-langkah membuat website dan databasenya.
II.4. Membuat page website besreta scriptnya
Berisi tentang langkah-langkah membuat page website
9Created By : Yopy Yoga K & Wanda Abdiadi
II. 1 INSTALASI XAMPP
XAMPP
XAMPP kepanjangan dari X yang berarti cross platform, A yang berarti Apache, M yang berarti MySQL, P yang berarti PHP, dan P yang satu lagi yaitu Perl. XAMPP adalah sebuah installer web server yang berisi Apache dan MySQL dan mendukung program PHP dan Perl .
Cara Menginstall XAMPP
1. Download XAMPP untuk Windows di http://www.apachefriends.org/en/xampp-windows.html, pilih basic package untuk instalasi standar
2. Setelah di download, jalankan installer XAMPP
3. Pilih bahasa, setalah itu klik OK
4. Pilih folder tujuan install XAMPP, lalu NEXT
5. Pada window XAMPP options, kamu akan diminta memilih beberapa options seperti XAMPP desktop, XAMPP start menu, dan XAMPP section. Abaikan saja pilihan tersebut, lalu klik INSTALL
6. Setelah instalasi selesai, jalankan XAMPP
7. Lalu klik Start Apache dan Start MySQL
10Created By : Yopy Yoga K & Wanda Abdiadi
8. Web yang kita buat, akan beralamat di http://localhost, akses dengan browser sesuai selera anda
11Created By : Yopy Yoga K & Wanda Abdiadi
II.2 Perancangan dan FLOWCHART
Flowchart merupakan gambar yang memperlihatkan urutan dan hubungan
proses berserta intruksinya. Gambaran ini dinyatakan simbol dengan demikian setiap
simbol menggambarkan proses tertentu. Sedangkan hubungan antara proses
digambarkan dengan garis penghubung.
Flowchart merupakan langkah awal membuat program. Dengan adanya
Flowchart urutan proses kegiatan lebih jelas. Jika ada penambahan proses maka
dapat dilakukan lebih mudah. Setelah Flowchart selesai disusun, selanjutnya
pemrograman (programmer) menerjemahkannya program dengan bahasa
pemrograman.
Simbol Simbol Flowchart
Flowchart disusun dengan simbol – simbol ini dipakai sebagai alat bantu
menggambarkan proses di dalam program.
Dalam pembuatan Flowchart tidak ada rumus atau patokan yang bersifat
mutlak karena flowchart merupakan gambaran hasil pemikiran dalam menganalisa
suatu masalah dengan computer sehingga flowchart yang dihasilkan dapat beragam
antara satu pemrogram dengan pemrogram lainnya.
Namun secara garis besar, setiap pengolahan selalu terdiri dari tiga bagian
utama, yaitu:
1. Input ialah bahan mentah
2. Proses pengolahan
3. Output ialah bahan jadi
Untuk mengolah data dengan komputer, dapat dirangkum urutan dasar untuk
pemecahan suatu masalah, yaitu:
1. START : Berisi instruksi untuk persiapan peralatan yang diperlukan sebelum
menangani pemecahan masalah.
2. READ : Berisi instruksi untuk membaca data dari suatu peralatan input.
3. PROCESS : Yang berkaitan dengan pemecahan persoalan sesuai dengan data
yang dibaca.
4. WRITE : Berisi instruksi untuk merekan hasil kegiatan ke peralatan
12Created By : Yopy Yoga K & Wanda Abdiadi
5. END : Mengakhiri kegiatan pengolahan.
Flowchart ALL ABOUT GUITAR :
13Created By : Yopy Yoga K & Wanda Abdiadi
II.3. Membuat page website besreta scriptnya
1. Membuat page pertama yaitu page home ,pertama-tama kita masuk ke windows pilih ascesories dan klik notepad setelah notepad terbuka lalu kita ketik script seperti di bawah ini :
Home<html><head><title>Selamat Datang di Web Kami</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><style type="text/css">body {
background-image: url(tema.jpg);}body,td,th {
color: #000;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 18px;
}</style></head><body bgcolor="#000000"><table width="517" border=1 align="center" cellpadding=3 cellspacing=0> <tr> <td colspan="5"><div align="center"><img src="guitar 2.jpg" width="980" height="330"></div></td> </tr> <tr> <td width="91"> <div align="center"><b>Home</b> </div></td> <td width="86"> <div align="center"><b><a href="login.php">Login</a></b> </div></td> <td width="99"> <div align="center"><b><a href="profile.html">Profile</a></b> </div></td> <td width="113"> <div align="center"><b><a href="gallery.html">Gallery</a></b> </div></td> <td width="86"> <div align="center"><b><a href="contact_us.html">Contact Us</a></b> </div></td> </tr></table><p> </p><marquee>
14Created By : Yopy Yoga K & Wanda Abdiadi
<p align="center"><em><strong>Selamat Datang Di Web Kami...</strong></em></p></marquee><center>Tema dari website ini adalah menceritakan perihal tentang gitar apa itu gitar bagaimana caramemainkannya DLL</center></body></html>
Jika sudah mengetik script seperti ini lalu anda harus mengesave filenya dengan cara save as lalu beri nama index.html dan formatnya all files.Dan hasilnya seperti ini :
2. Membuat page kedua yaitu page home ,pertama-tama kita masuk ke windows pilih ascesories dan klik notepad setelah notepad terbuka lalu kita ketik script seperti di bawah ini :
Login<?php$tombol_ok_diklik = isset($_POST['submit']);$nama_password_benar = false;
if ($tombol_ok_diklik){
$nama = $_POST['nama'];$password = $_POST['password'];
15Created By : Yopy Yoga K & Wanda Abdiadi
$nama_password_benar = $nama == "nanda" && $password == "depok";}?><html><head><title>Selamat Datang di Web Saya</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><style type="text/css">body {
background-image: url(tema.jpg);}</style></head><body bgcolor="#003366" onLoad="document.form_login.nama.focus()"><table border=1 align="center" cellpadding=3 cellspacing=0> <tr> <td colspan="5"><div align="center"><img src="mahal.jpg" width="980" height="330"></div></td> </tr> <tr> <td> <div align="center"><b><a href="index.html">Home</a></b> </div></td> <td> <div align="center"><b><?php if ($nama_password_benar) echo "<a href='index.html'>Logout</a>"; else echo "Login"; ?></b> </div></td> <td> <div align="center"><b><a href="profile.html">Profile</a></b> </div></td> <td> <div align="center"><b><a href="gallery.html">Gallery</a></b> </div></td> <td> <div align="center"><b><a href="contact_us.html">Contact Us</a></b> </div></td> </tr></table>
<?phpif (!$nama_password_benar)
{if ($tombol_ok_diklik)
echo "<p align=center><font color=red>Masukkan nama dan password yang benar!</font></p>";
elseecho "<p> </p>";
echo "<table align=\"center\"> <form name=\"form_login\" method=\"post\" action=".
$_SERVER['PHP_SELF']."><tr><td>Nama:</td>
<td><input type=\"text\" name=\"nama\"></td></tr>
16Created By : Yopy Yoga K & Wanda Abdiadi
<tr><td>Password:</td><td> <input type=\"password\" name=\"password\"></td></tr><tr><td colspan=2 align=\"center\"><input type=\"submit\" name=\"submit\" value=\"OK\"></td></form></table>";
}else
echo "<p align=center><font color=blue>Nama dan password Anda benar</font></p>";?></body></html>
Jika sudah mengetik script seperti ini lalu anda harus mengesave filenya dengan cara save as lalu beri nama login.php dan formatnya all files.Dan hasilnya seperti ini :
17Created By : Yopy Yoga K & Wanda Abdiadi
3. Membuat page ketiga yaitu page profile ,pertama-tama kita masuk ke windows pilih ascesories dan klik notepad setelah notepad terbuka lalu kita ketik script seperti di bawah ini :
<html><head><title>Selamat Datang di Web Saya</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><style type="text/css">body,td,th {
}body {
background-image: url(tema.jpg);}</style></head><body bgcolor="#00FFFF"><table border=1 align="center" cellpadding=3 cellspacing=0> <tr> <td colspan="5"><div align="center"><img src="bagus.jpg" width="980" height="330"></div></td> </tr> <tr> <td> <div align="center"><b><a href="index.html">Home</a></b> </div></td> <td> <div align="center"><b><a href="login.php">Login</a></b> </div></td> <td> <div align="center"><b>Profile</b> </div></td> <td> <div align="center"><b><a href="gallery.html">Gallery</a></b> </div></td>
18Created By : Yopy Yoga K & Wanda Abdiadi
<td> <div align="center"><b><a href="contact_us.html">Contact Us</a></b> </div></td> </tr></table><p> </p><p><strong><em>Nama kelompok :</em></strong></p> <p><em><strong>1. Wanda Abdiadi</strong></em></p><p><em><strong>2. Yopy Yoga Kuntoro</strong></em></p><p><em><strong>Sekolah : SMKN 1 DEPOK</strong></em></p><p><strong><em>Tugas Produktif Membuat Aplikasi Web</em></strong></p><p><strong><em><strong>"All About Guitar"</em></strong></p><p> </p><p> </body></html>
Jika sudah save file dengan cara save as dan simpan dengan nama profile..html lalu formatnya di ganti menjadi all files jika sudah hasilnya akan seperti ini :
4. Membuat page keempat yaitu page Gallery ,pertama-tama kita masuk ke windows pilih ascesories dan klik notepad setelah notepad terbuka lalu kita ketik script seperti di bawah ini :
19Created By : Yopy Yoga K & Wanda Abdiadi
<html><head><title>Selamat Datang di Web Saya</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><style type="text/css">body {
background-image: url(tema.jpg);}body,td,th {
color: #000;font-size: 18px;
}</style></head><body bgcolor="#00FFFF"><table border=1 align="center" cellpadding=3 cellspacing=0> <tr> <td colspan="5"><div align="center"><img src="gitar5.jpg" width="1030" height="332"></div></td> </tr> <tr> <td> <div align="center"><b><a href="index.html">Home</a></b> </div></td> <td> <div align="center"><b><a href="login.php">Login</a></b> </div></td> <td> <div align="center"><b><a href="profile.html">Profile</a></b> </div></td> <td> <div align="center"><b>Gallery</b> </div></td> <td> <div align="center"><b><a href="contact_us.html">Contact Us</a></b> </div></td> </tr></table><p> </p>
Gitar adalah sebuah alat musik berdawai yang dimainkan dengan cara dipetik, umumnya menggunakan jari maupun plektrum(pick). Gitar terbentuk atas sebuah bagian tubuh pokok dengan bagian leher yang padat sebagai tempat senar yang umumnya berjumlah enam didempetkan. Gitar secara tradisional dibentuk dari berbagai jenis kayu dengan senar yang terbuat dari nilon maupun baja. Beberapa gitar modern dibuat dari materia lpolikarbonat. Secara umum, gitar terbagi atas 2 jenis: akustik dan elektrik.Gitar akustik, dengan bagian badannya yang berlubang (hollow body), telah digunakan selama ribuan tahun. Terdapat tiga jenis utama gitar akustik modern: gitar akustik senar nilon, gitar akustik senar baja dan gitar archtop. Gitar klasik umumnya dimainkan sebagai instrumen solo menggunakan teknik fingerpicking komprehensif.
20Created By : Yopy Yoga K & Wanda Abdiadi
Gitar elektrik, diperkenalkan pada tahun 1930an, bergantung pada penguat yang secara elektronik mampu memanipulasi bunyi gitar. Pada permulaan penggunaannya, gitar elektrik menggunakan badan berlubang (hollow body), namun kemudian penggunaan badan padat (solid body) dirasa lebih sesuai. Gitar elektrik terkenal luas sebagai instrumen utama pada berbagai genre musik seperti blues, country, reggae, metal, rock dan berbagai bentuk musik pop.
<p><p><table border=1 align="center" cellpadding=3 cellspacing=0> <tr> <td width="101"><a href="img/gambar...jpg"><img src="guitar 7.jpg" width="259" height="194" border="0"></a></td> <td width="127"><a href="img/images,.jpg"><img src="guitar 8.jpg" width="259" height="194"></a></td> </tr> <tr> <td><a href="img/images...jpg"><img src="guitar 9.jpg" width="284" height="177"></a></td> <td><a href="img/images.jpg"><div align="center"><img src="guitar 10.jpg" width="251" height="201"></div></a></td> </tr></table></body></html>
Jika sudah save file dengan cara save as dan simpan dengan nama Gallery..html lalu formatnya di ganti menjadi all files jika sudah hasilnya akan seperti ini :
21Created By : Yopy Yoga K & Wanda Abdiadi
5. Membuat page ke 5 yaitu Contact Us, di halaman tersebut juga terisi Buku Tamu untuk siapa saja yang mengunjungi web ini. Dan scrpitnya sebagai berikut:
Contact Us<html><head><title>Selamat Datang di Web Saya</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><style type="text/css">body,td,th {
color: #00F;}</style></head><body bgcolor="#00FFFF"><table border=1 align="center" cellpadding=3 cellspacing=0> <tr> <td colspan="5"><div align="center"><img src="guitar18.jpg" width="980" height="330"></div></td> </tr> <tr> <td> <div align="center"><b><a href="index.html">Home</a></b> </div></td> <td> <div align="center"><b><a href="login.php">Login</a></b> </div></td> <td> <div align="center"><b><a href="profile.html">Profile</a></b> </div></td>
22Created By : Yopy Yoga K & Wanda Abdiadi
<td> <div align="center"><b><a href="gallery.html">Gallery</a></b> </div></td> <td> <div align="center"><b>Contact Us</b> </div></td> </tr></table><p align="center"><em><strong>Untuk menghubungi kami, silahkan kirim email ke: <a href="mailto:[email protected]">"[email protected]"</a> <br> <a href=""[email protected]"">"[email protected]"</br>
Jika sudah save file dengan cara save as dan simpan dengan nama Gallery..html lalu formatnya di ganti menjadi all files jika sudah hasilnya akan seperti ini :
BAB IIIPENUTUP
23Created By : Yopy Yoga K & Wanda Abdiadi
III.1. KesimpulanIII.2. Saran
DAFTAR PUSTAKA
24Created By : Yopy Yoga K & Wanda Abdiadi
[1] Aciek Ida W.D., Sintesis Sistem Kendali Disipatif Dengan menggunakan Pendekatan Pertidaksamaan Matriks Linier, Tesis Magister, Institut Teknologi Bandung, 1997.
[2] Apkarian, P. et. al., LMI Techniques in Control Engineering from Theory to Practice, Workshop Notes CDC 1996, Kobe, Japan 1996.
[3] Apkarian, P., Gahinet, P., and Becker, G., Self Scheduled H?Control of Linear Parameter-Varying Systems : A Design Example, Proc. American Control Conference, 856 – 860, 1994.
[4] Bellman, R., Introduction to Matrix Analysis, Tata McGraw-Hill Publishing Company Ltd., New Delhi, 1974.
[5] Boyd, S., El Ghaoui, L., Feron, E. and Balakrishnan, V., Linear Matrix Inequalities in System and Control Theory, SIAM, Philadelphia, 1994.
[6] Boyd, S., and Barratt, C., Linear Controller Design : Limits of Performance, Prentice-Hall, Englewood Cliffs, NJ, 1991.
[7] Chilali, M., Gahinet, P. and Apkarian, P., Robust Pole Placement in LMI Regions, IEEE Transactions on Automatic Control, 44, 2257 – 2267, 1999.
[8] Gahinet, P.; Nemirovski, Arkadi, Laub, Alan J. & Chilali, Mahmoud, LMI Control Toolbox : For Use with MATLAB, The MATH WORKS Inc., 1995.
[9] Heugens, Pursey P. M. A. R., Van den Bosch, F. A. J. & Van Riel, C. B. B., Compentence-Based Strategic Issues Management-Knowledge Acquisition and Application in the Genetically Modified Food Business, 2004. http://www.cbn.net/PDF%2809072000%29/HEUGENS09072000.pdf, 30 Agustus 2005, 09.30 WIB.
[10] Lee, Lawton H., Identification and Robust Control of Linear Parameter-Varying System, PhD Thesis, University of California at Berkeley, 1997.
[11] Polderman, J. W., and Willems, J. C., Introduction to Mathematical Systems Theory : A Behavioral Approach, Springer-Verlag, 1998.
34[12] Scherer, Carsten W., Robust Mixed Control and Linear Parameter-Varying Methods in Control, Bab 10, El Ghaoui, L. and Niculescu, S., Editor, SIAM, 187 – 207, 2000.
[13] ______________, Control Systems Toolbox For Use with Matlab? : Getting Started, The MATH WORKS Inc., Version 5, online only, 2002.DAFTAR LAMPIRAN
25Created By : Yopy Yoga K & Wanda Abdiadi
LAMPIRAN A : Yang Berkaitan dengan Sistem Kendali Kokoh ……………… A-1A.1 Bukti Teorema 3.1 …………………………………………………………… A-1A.2 Pengertian Kestabilan Internal ………………………………………………. A-2
LAMPIRAN B : Pembuktian Persamaan dan Pertidaksamaan dalam BAB IV ..... B-1B.1 Pembuktian Persamaan (IV.2) .......................................................................... B-1B.2 Pembuktian Persamaan (IV.3) .......................................................................... B-2 dan seterusnya
LAMPIRAN C : Pembuktian Persamaan dan Pertidaksamaan dalam BAB V .... C-1C.1 Pembuktian perhitungan nilai (bagian dari Teorema V.2) ....................... C-1C.2 Pembuktian persamaan (V.19) ......................................................................... C-2 dan seterusnya
26Created By : Yopy Yoga K & Wanda Abdiadi