TUGAS LAPORAN PROYEK APLIKASI

”ALL ABOUT GUITAR”

Oleh

WANDA ABDIADI & YOPY YOGA K

Kelas X RPL 1

SMK NEGERI 1 DEPOK2013

“ALL ABOUT GUITAR”

1

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,

________________

2

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

3

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

4

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

5

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

6

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.

7

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

8

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

9

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

10

8. Web yang kita buat, akan beralamat di http://localhost, akses dengan browser sesuai selera anda

11

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

12

5. END : Mengakhiri kegiatan pengolahan.

Flowchart ALL ABOUT GUITAR :

13

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>&nbsp;</p><marquee>

14

<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'];

15

$password = $_POST['password'];$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>&nbsp;</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>

16

</tr><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 :

17

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 :

Profile<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>

18

<td> <div align="center"><b>Profile</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><p>&nbsp;</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>&nbsp;</p><p>&nbsp;</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 :

19

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 :

Gallery<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>&nbsp;</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.

20

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.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 :

21

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>

22

<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>Contact Us</b> </div></td> </tr></table><p align="center"><em><strong>Untuk menghubungi kami, silahkan kirim email ke: <a href="mailto:wanda.abdiadi20@gmail.com">"wanda.abdiadi20@gmail.com"</a> <br> <a href=""yopyopay@gmail.com"">&quot;yopyopay@gmail.com&quot;</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 :

23

BAB IIIPENUTUP

III.1. KesimpulanIII.2. Saran

24

DAFTAR PUSTAKA

[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.

25

DAFTAR LAMPIRAN

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

26