Tugas laporan proyek aplikasi wanda a & yopy y k

1
TUGAS LAPORAN PROYEK APLIKASI
”ALL ABOUT GUITAR”
Oleh
WANDA ABDIADI & YOPY YOGA K
Kelas X RPL 1
SMK NEGERI 1 DEPOK
2013
“ALL ABOUT GUITAR”

2
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,
________________

3
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

4
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

5
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

dan seterusnya
LAMPIRAN C : Pembuktian Persamaan dan Pertidaksamaan dalam BAB V ....
C-1
C.1 Pembuktian perhitungan nilai clX (bagian dari Teorema V.2) .......................
C-1
C.2 Pembuktian persamaan (V.19) .........................................................................
C-2

dan seterusnya

6
BAB I
PENDAHULUAN
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

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

8
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

9
BAB II
INSTALASI 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

10
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

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

12
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

13
5. END : Mengakhiri kegiatan pengolahan.
Flowchart ALL ABOUT GUITAR :

14
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>
href="profile.html">Profile</a></b> </div></td>
href="gallery.html">Gallery</a></b> </div></td>
href="contact_us.html">Contact Us</a></b> </div></td>
</tr>
</table>
<p> </p>
<marquee>

15
<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 cara
memainkannya 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
Login
<?php
$tombol_ok_diklik = isset($_POST['submit']);
$nama_password_benar = false;
if ($tombol_ok_diklik)
{
$nama = $_POST['nama'];

16
$password = $_POST['password'];
$nama_password_benar = $nama == "nanda" && $password == "depok";
}
?>
<html>
<head>
<title>Selamat Datang di Web Saya</title>
body {
}
</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>
<?php
if (!$nama_password_benar)
{
if ($tombol_ok_diklik)
echo "<p align=center><font color=red>Masukkan nama dan
password yang benar!</font></p>";
else
echo "<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>

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

18
3. Membuat page ketiga yaitu page profile ,pertama-tama kita masuk ke
Profile
<html>
<head>
body,td,th {
}
body {
}
</style>
</head>
<body bgcolor="#00FFFF">
<tr>
<td colspan="5"><div align="center"><img src="bagus.jpg" width="980"
</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>

19
<td> <div align="center"><b>Profile</b> </div></td>
</div></td>
<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 :

20
4. Membuat page keempat yaitu page Gallery ,pertama-tama kita masuk ke
Gallery
<html>
<head>
body {
}
body,td,th {
color: #000;
font-size: 18px;
}
</style>
</head>
<tr>
<td colspan="5"><div align="center"><img src="gitar5.jpg"
width="1030" height="332"></div></td>
</tr>
<tr>
</div></td>
</div></td>
</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.

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

22
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>
body,td,th {
color: #00F;
}
</style>
</head>
<tr>
<td colspan="5"><div align="center"><img src="guitar18.jpg" width="980"
</tr>
<tr>
</div></td>
</div></td>

23
</div></td>
</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"">"yopyopay@gmail.com"</br>
Jika sudah save file dengan cara save as dan simpan dengan nama Gallery..html lalu

24
BAB III
PENUTUP
III.1. Kesimpulan
III.2. Saran

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

26
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
B-2
dan seterusnya
LAMPIRAN C : Pembuktian Persamaan dan Pertidaksamaan dalam BAB V ....
C-1
C.1 Pembuktian perhitungan nilai (bagian dari Teorema V.2) .......................
C-1
C.2 Pembuktian persamaan (V.19) .........................................................................
C-2
dan seterusnya

Tugas laporan proyek aplikasi wanda a & yopy y k

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (19)

Similar to Tugas laporan proyek aplikasi wanda a & yopy y k

Similar to Tugas laporan proyek aplikasi wanda a & yopy y k (20)

Tugas laporan proyek aplikasi wanda a & yopy y k