SlideShare a Scribd company logo
1 of 42
TUGAS LAPORAN PROYEK APLIKASI
”OFFICIAL BILLFOD : WEBSITE”
Oleh
GILANG RAMADHAN
NISN : 9974779251
Kelas X RPL 1
SMK NEGERI 1 DEPOK
2013
“JOFFICIAL WEBSITE BILLFOLD”
Oleh :
Gilang Ramadhan NISN : 9974779251
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, ........................
Penguji,
________________
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. Departemen Pendidikan Nasional yang telah memberikan bea siswa
sehingga penulis dapat menyelesaikan pendidikan strata satu ini;
4. suami/isteri dan anak-anak tercinta, yang senantiasa memberikan dorongan
dan semangat, serta kesabaran, pengertian dan do’anya;
5. bapak, ibu, kakak-kakak dan adik-adik tercinta, beserta seluruh keluarga
yang senantiasa memberikan semangat dan do’anya;
6. ………………………………………;
7. seluruh staf dan karyawan Laboratorium …………………….., yang telah
memberikan banyak sekali bantuannya;
8. 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.
Bandung, September 2010
Penulis
DAFTAR ISI
Halaman
LEMBAR PENGESAHAN..................................................................... ii
KATA PENGANTAR..............................................................................v
DAFTAR ISI............................................................................................vi
DAFTAR LAMPIRAN............................................................................ix
BAB I. PENDAHULUAN........................................................................1
I.1. Latar Belakang ........................................................... 2
I.2. Maksud dan Tujuan.................................................... 3
BAB II. Instalasi Software pengembang ................................... 4
II.1. Instalasi XAMPP...................................................... 5
II.2. Instalasi editor adobe photoshop ............................................7
II.3. Perancangan dan FLOWCHART ............................ 9
II.4. Membuat aplikasi berserta databasenya ................ 11
II.5. Membuat page websitenya beserta script .............. 20
BAB III. Penutup ....................................................................................33
III.1. Kesimpulan ..................................................................... 33
III.2. Saran ............................................................................... 33
Daftar Pustaka.........................................................................................34
Lampiran.................................................................................................36
DAFTAR LAMPIRAN
Halaman
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 clX (bagian dari Teorema V.2) .......................
C-1
C.2 Pembuktian persamaan (V.19) .........................................................................
C-2

dan seterusnya
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
1
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.
2
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
3
BAB II
INSTALASI SOFTWARE PENGEMBANG
Perangkat Pengembangan Aplikasi
Berisi penjelasan software yang digunakan dalam pembuatan
aplikasi.
II.1. instalasi XAMPP
Berisi penjelasan untuk menginstal xampp, termasuk bahasa
tambahan seperti Javascript maupun library lainnya.
II.2. Instalasi editor adobe photoshop
Berisi penjelasan perancangan buat mengedit gambar-gambar
website.
II.3. Flowchart
Berisi penjelasan perancangan jalannya aplikasi website.
II.4. Membuat aplikasi website berserta databasenya
Berisi tentang langkah-langkah membuat website dan databasenya.
II.5. Membuat page website besreta scriptnya
Berisi tentang langkah-langkah membuat page website
4
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
5
8. Web yang kita buat, akan beralamat di http://localhost, akses dengan browser
sesuai selera anda
6
II.2. Instalasi Editor adobe photoshop
Editor gambar (Adobe Photoshop)
Adobe Photoshop, software editor gambar yang mendukung untuk mendesain
tampilan page website kita. Disini saya menggunakan Adobe Photoshop CS5
portable version (versi bajakan) untuk mempersingkat waktu dan size, yang bisa
kalian download di google.
Cara Menginstall Adobe Photoshop CS5 Portable
1. Buka photoshop yang telah kamu download, lalu double klik photoshop
tersebut.
2. Setelah double klik, tunggu proses sampai muncul tampilan seperti gambar
di bawah ini.
7
3. Klik Next
4. Pilih folder tujuan install Photoshop, lalu klik Next
5. Klik Install, tunggu proses hingga selesai.
6. Setelah proses selesai, maka photoshop telah terinstall di komputer kamu
seperti gambar di bawah ini.
8
II.3. Flowchart
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:
9
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
5. END : Mengakhiri kegiatan pengolahan
.
10
II.4. Membuat aplikasi website berserta databasenya
Membuat Database Login Admin
1. Pastikan aplikasi xampp telah terinstall di komputer kamu dan telah kamu
jalankan
2. Buka browser anda, seperti gambar yang ada di bawah ini:
4. Ketikkan " localhost/phpmyadmin " (tanpa tanda kutip) pada browser anda
yang diberi tanda lingakaran merah seperti gambar di bawah ini. Lalu tekan
enter
11
4. Setelah menekan enter, anda akan masuk pada phpMyAdmin. Tampilannya
seperti yang ada di bawah ini.
6. Setelah itu, ganti bahasa Deutsch - German menjadi English yang sudah
diberi tanda lingkaran merah, lalu klik menu SQL yang juga sudah diberi
tanda lingkaran merah.
12
6. Setelah masuk menu SQL, silahkan tulis script (tanpa tanda kutip):
“ create database irwan “
Lalu klik Go.
7. Setelah klik Go, maka akan muncul proses loading. Setelah proses loading selesai,
maka akan muncul database bernamakan "irwan" disebelah kiri yang diberi tanda
lingkaran merah seperti gambar di bawah ini.
13
8. Setelah database terbuat, selanjutnya adalah membuat table di dalam database
tersebut. Lalu klik database "irwan" tadi, lalu klik menu SQL kembali.
9. Setelah masuk menu SQL, silahkan tulis script:
create table login(
no int(3) not null auto_increment,
username varchar(100) not null,
password varchar(100) not null,
primary key(no)
)
14
Lalu klik Go
10. Setelah meng-klik Go, maka akan muncul proses loading. Setelah proses loading
selesai, maka akan muncul table bernamakan "login" dalam database "irwan" yang
bisa dilihat di sebelah kiri yang ditandai dengan lingaran berwarna merah.
11. Dalam keadaan ini, table "irwan" masih dalam keadaan kosong. Untuk membuat
record nama admin pada table "irwan", maka klik tombol clear.
15
12. Setelah anda meng-klik clear, otomatis script anda akan terhapus. Untuk
membuat record pada table "alamat", silahkan tulis script seperti di bawah ini.
insert into alamat values
('','officialbillfold','billfold')
Jika sudah, lalu klik Go.
13. Setelah meng-klik Go, maka akan muncul proses loading. Tunggu hingga proses
loading selesai. Dan jika berhasil, klik table login untuk melihat recordnya seperti
tampilan di bawah ini.
14. Dengan ini, kerangka database telah dibuat. Selanjutnya kita akan membuat page
.html login dan menyambungkannya ke database tersebut. Sehingga, sebelum
memasuki website akan ada tampilan page login yang dapat diakses oleh admin
pembuat website itu sendiri sesuai record yang telah diisi pada database tersebut.
Kita memerlukan page login, koneksi database dan koneksi database dengan page
login.
15. Sebelum itu, pastikan kamu telah membuat folder kosong untuk website kamu di
dalam folder installan XAMPP yang berletak di local disk c/xampp/htdocs/ dan buat
folder baru disitu dengan nama yang kamu kehendaki. 16
Mulai membuat koneksi database, masuk ke dalam folder itu dan buat notepad baru
dengan cara klik kanan – lalu pilih New Text Document, ubah namanya menjadi
”koneksi.php” (tanpa tanda kutip), lalu buka file tersebut ke dalam notepad dengan
cara klik kanan – open with notepad.
17. Setelah file terbuka, ketikkan script tersebut
<?php
$hostname ='localhost';
$username ='root';
$password ='';
$database ='irwan';
$connect = mysql_connect($hostname,$username,$password) ;
mysql_select_db($database,$connect);
?>
Setelah script tertulis, save script tersebut dengan cara CTRL + S.
17
18. Koneksi database telah terbuat, selanjutnya kita membuat koneksi database
dengan page login .html. Buat notepad baru dengan cara yang sama pada step
sebelumnya, lalu ubah namanya menjadi ”ceklogin.php” (tanpa tanda kutip), buka
file tersebut dengan cara yang sama pada step sebelumnya.
19. Setelah file terbuka, ketikkan script tersebut.
<?php
include "koneksi.php" ;
$username=$_POST['username'] ;
$password=$_POST['password'] ;
$login="select * from login where username='$username' and
password='$password'" ;
$sql=mysql_query($login) ;
$query=mysql_num_rows($sql) ;
if(empty($username) || empty ($password))
echo "<script>window.alert('gagal masuk'); window.location('billfold.html');
</script>" ;
else{
if($query > 0) {
header('location:index.html') ;
} else {
echo "<script>window.alert('gagal masuk'); window.location('billfold.html');
</script>" ;
}
}
?>
18
Setelah selesai, save dengan menekan CTRL + S.
20. Dengan ini, kita tinggal membuat page login .html.
19
II.5. 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 :
<html>
<head>
<img src="343.gif">
</head>
<body background="nyoba1.jpg">
<!-- start header -->
<hr>
<center>
<hr>
<center>| <a href=default.html><img src="home.PNG"></a>
| <a href=galery.html><img src="galery.PNG"></a>
| <a href=index.php><img src="pemesanan.PNG"></a>
| <a href=download.html><img src="download.PNG"></a>|</center>
<hr>
</font>
</h3>
</center>
<head>
<title>.:HOME BILLFOLD:.</title>
</head>
<body>
</font>
</h3>
</center>
<hr>
</center>
<p><marquee><img src="123.png" width="480" height="87"
witdh="200"></marquee> &nbsp;</p>
</center>
<h4>
20
<center>
</table>
<td><h1><font face="FRESHMAN"color="cream">WELCOME TO BILLFOLD
FAMILY WEBSITE</h1></font></td>
<center>
<hr size=5 width=800 noshade align=center>
</center>
<font face="tahoma" size=3 color=cream>
<pre>
<font face="tahoma" size=3 color=cream>
Category: biografi band
Assalamualaikum.wr.wb Sobat., ok langsung aja bagi yang belum tau Biografy
BILLFOLD down-arrow
bl.jpgBiografi BillFold- BILLFOLD adalah pop punk hardcore band berasal dari
Bandung yang
terbentuk di awal tahun 2010.Band ini merupakan sebuah project baru dari Gania
Alianda bersama
Pam, Anga dan Ferin Mereka mencoba untuk membuat suasana baru di belantika
musik Indonesia,
dengan front line wanita di dalamnya. Mencoba memainkan musik hardcore dengan
beat punk yang
ciamik dan easy listening, mereka menggemari musik-musik poppunk hc amerika
seperti daggermouth
setyour goal, four years strong dan band band gelombang baru easycore amerika
namun tetap
mempertahankan set beat punks / hc lama seperti, h20,shelter hingga warzone.
General Info
: Genre: Hardcore / Punk /Rock Location BANDUNG CITY,Please select your
region,
In Profile Views: 11192 Last Login: 2/3/2011 Member Since 8/3/2010 Website http:
//www.purevolume.com/new/billfold Record Label YOUNG BLOOD RECS Type
of
Label Indie Members of Billfold :
ALIANDA GANIA – VOX PAM ALAYUBI – DRUMS FERIN – BASS ANGGA
– GUITARhemmh
demikian postingan saya mengenai Billfold biografi band postingan sebelumnya,
cheesy-grin ok thnx ya udah mau nyimak postingannya kita ketemu nextpost ranger
ok
SILAKAN berfantasi mengenai apa saja ketika raungan gitar Angga, cabikan bas
Ferrin,
dan gebukan drum Pam Alayubi menopang teriakan Gania. Sebuah fantasiranum
yang dipicu
sajian antara H20, Set Your Goals, dan sedikit Shelter, dalam bungkus vokal Gania
yang 21
terdengar fresh, aggressive, dan memancing kita untuk kembali menghujamkan kaki
ke
atas kepala teman.Dibentuk pertengahan tahun 2010, Billfold memang berniat
memberikan sebuah
pemandangan beda di panggung metal kota kembang. Hardcore/punk dengan
sentuhan
vokalis perempuan, ah kita tak harus berangkat ke Negeri Paman Sam untuk
menemukan
band seperti ini! Hahaha….
Tapi, Billfold bukan hanya Gania. Mereka membalut diri dalam sebuah energi
konfrontatif,
antara hardcore, punk, dan little bit rock. Cobalah tutup mata ketika nomor It’s Over
atau Save Them to Save Us diputar dengan level volume medium, kita akan dipapah
menuju
sebuah lorong di jantung New York 90-an.Bagi Gania, Angga,
Ferrin, dan Pam, ibarat sebuah dompet yang bisa membungkus hal paling esensial
ketika mereka bermain musik.
“Dalam bahasa Inggris, Billfold memang berarti dompet,” tutur Gania.
<b>
</center>
<P>
<center
<img src="parasut.gif"" width="100" height="100"><img
src="lucu.gif"width="200" height="200"><img src="parasut.gif"" width="100"
height="100">
<P>
</center>
<p>
<P>
<img src="111.jpg">
</p>
</body>
</div>
<div align=center>&copy;2013 All Rights Reserved. &nbsp;&bull;&nbsp;
Designed by @_GilangR</a></div></body>
</html>
</pre>
</h2>
</body>
</html>
22
Jika sudah mengetik script seperti ini lalu anda harus mengesave filenya dengan cara
save as lalu beri nama home.html dan formatnya all files.
Dan hasilnya seperti ini :
2. Membuat page kedua 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 :
<html>
<head>
</head>
<body background="nyoba1.jpg">
<!-- start header -->
<div id="header">
<img src="343.gif">
23
<head>
<title>.:GALLERY BILLFOLD:.</title>
</head>
<hr>
<hr>
<center>| <a href=default.html><img src="home.PNG"></a>
| <a href=galery.html><img src="galery.PNG"></a>
| <a href=join.html><img src="pemesanan.PNG"></a>
| <a href=download.html><img src="download.PNG"></a>|</center>
<hr>
</font>
</h3>
</center>
<hr>
</center>
<p><marquee><img src="123.png" width="480" height="87"
witdh="200"></marquee> &nbsp;</p>
</center>
<h4>
<center>
<pre>
</table>
<center>
<td><h1><font face="FRESHMAN"color="cream">PICTURE
SHOOT</h1></font></td>
<hr size=5 width=820 noshade align=center>
</center>
<font face="tahoma" size=3 color=cream>
<pre>
<center>
<img src="g1.gif" width="350" height="350"> <img src="g2.gif" width="350"
height="350">
<img src="baju1.gif" width="350" height="350"> <img src="baju2.gif"
width="350" height="350">
</center>
</table>
<br>
<P>
<img src="111.jpg">
<p>
</h4>
</body>
</div>
24
<div align=center>&copy;2013 All Rights Reserved. &nbsp;&bull;&nbsp;
Designed by @_GilangR</a></div></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 :
3. Membuat page ketiga yaitu page buku tamu ,pertama-tama kita masuk ke
windows pilih ascesories dan klik notepad setelah notepad terbuka lalu kita
ketik script seperti di bawah ini :
<html>
<head>
<img src="343.gif">
</head>
<body background="nyoba1.jpg">
<!-- start header -->
<hr>
<center>
<hr>
<center>| <a href=default.html><img src="home.PNG"></a>
25
| <a href=galery.html><img src="galery.PNG"></a>
| <a href=join.html><img src="pemesanan.PNG"></a>
| <a href=download.html><img src="download.PNG"></a>|</center>
<hr>
</font>
</h3>
</center>
<head>
<title>.:BUKU TAMU BILLFOLD:.</title>
</head>
<body>
</font>
</h3>
</center>
<hr>
</center>
<p><marquee><img src="123.png" width="480" height="87"
witdh="200"></marquee> &nbsp;</p>
</center>
<h4>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Buku Tamu Sederhana </TITLE>
</HEAD>
<BODY>
<?
include "koneksi.php";
?>
<form action="add.php" method="post">
<table width="50%" align="center" border="0">
<tr>
<td<h1> <font face="FRESHMAN" color="cream"> Buku
Tamu</h1></td>
</tr>
<tr>
<td> <font face="FRESHMAN" color="cream">Nama</td>
<td><input type="text" name="nama" value=""></td>
</tr>
<tr>
<td> <font face="FRESHMAN" color="cream">Subject</td>
<td><input type="text" name="subject" value="" size="50"></td>
</tr> 26
<tr>
<td> <font face="FRESHMAN" color="cream">Isi</td>
<td><textarea name="isi" cols="40" rows="5"></textarea></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Simpan"><input type="reset"
value="Reset"></td>
</tr>
</table>
</form>
<?
// cek terlebih dahulu data di database
$sql_cek = "SELECT count(*) AS count FROM table_bt";
$hasil=mysql_query($sql_cek);
$row=mysql_fetch_row($hasil);
$count = $row[0];
if ($count > 0){
?>
<table width="50%" align="center" border="0">
<tr align="center">
</tr>
<?
$sql = "SELECT * FROM table_bt" ;
$hasil =mysql_query($sql);
while($row=mysql_fetch_array($hasil)) {
?>
</BODY>
</HTML>
<p>
<p>
<p>
<p>
<p>
27
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<center>
<img src="benergif.gif"" width="700" height="300">
</center>
<p>
<p>
<center>
<img src="123.gif"" width="700" height="200">
</center>
<p>
<img src="111.jpg">
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</body>
</html>
</pre>
28
</h2>
</body>
<div id="footer">
</div>
<div align=center>&copy;2013 All Rights Reserved. &nbsp;&bull;&nbsp;
Designed by @_GilangR<font face="FRESHMAN"
color="cream"></a></div></body>
</html>
Jikas sudah sama seperti page sebelumnnya cara savenya Cuma ganti namanya
menjadi bukutamu.html dan formatnya all files lalu akan jadi seperti ini :
4. Membuat page terakhir yaitu page download ,pertama-tama kita masuk ke
windows pilih ascesories dan klik notepad setelah notepad terbuka lalu kita
ketik script seperti di bawah ini :
<html>
<head>
<img src="343.gif">
</head>
<body background="nyoba1.jpg">
<!-- start header -->
<hr>
<center>
29
<hr>
<center>| <a href=default.html><img src="home.PNG"></a>
| <a href=galery.html><img src="galery.PNG"></a>
| <a href=join.html><img src="pemesanan.PNG"></a>
| <a href=download.html><img src="download.PNG"></a>|</center>
<hr>
</font>
</h3>
</center>
<head>
<title>.:DOWNLOAD BILLFOLD:.</title>
</head>
<body>
</font>
</h3>
</center>
<hr>
</center>
<p><marquee><img src="123.png" width="480" height="87"
witdh="200"></marquee> &nbsp;</p>
</center>
<h4>
</table>
<center>
<td><h1><font
face="FRESHMAN"color="cream">DOWNLOAD</h1></font></td>
</center>
<hr size=5 width=800 noshade align=center>
<font face="tahoma" size=3 color=cream>
<center>
<img src="benergif.gif"" width="700" height="300">
</center>
<center>
<pre>
<h2>Download video live BILLFOLD - Abaikan - Session at PSD HQ<a
href="billfoldx (2).flv">HERE </a></h3>
<p>
<h2>Download BILLFOLD Billfold - Abaikan fromustous 2012<a href="billfoldx
(1).flv"> HERE </a></h3>
<P>
<h2>Download font BILLFOLD<a href="bandung.zip">HERE </a></h3>
<p>
30
<h2>Download BILLFOLD - Abaikan (HELLPRINT - Hellparty- 2013) <a
href="BL (2).flv"> HERE </a></h3>
<p>
<h2>Download BILLFOLD - Save Them To Save Us - Session at PSD HQ <a
href="BL (3).flv"> HERE </a></h3>
<p>
</center>
<b>
<center>
</center>
<P>
<center
<P>
</center>
<p>
<P>
<img src="111.jpg">
</p>
</body>
</html>
</pre>
</h2>
</body>
</div>
<div align=center>&copy;2013 All Rights Reserved. &nbsp;&bull;&nbsp;
Designed by @_GilangR</a></div></body>
</html>
31
Jika sudah save kembali dan ganti nama filenya dengan downloaad.html dan format
filenya menjadi all files dan websitenya akna jadi seperti ini :
32
BAB III
PENUTUP
III.1. Kesimpulan
III.2. Saran
33
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.
35
DAFTAR LAMPIRAN
Halaman
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 clX (bagian dari Teorema V.2) .......................
C-1
C.2 Pembuktian persamaan (V.19) .........................................................................
C-2

dan seterusnya
36
Tugas laporan project aplikasi website

More Related Content

What's hot

Laporan Project Pemrograman Berbasis Web
Laporan Project Pemrograman Berbasis WebLaporan Project Pemrograman Berbasis Web
Laporan Project Pemrograman Berbasis Web
smatrigger
 
Laporan tugas mata kuliah sumberdaya alamiah dan lingkungan
Laporan tugas mata kuliah sumberdaya alamiah dan lingkunganLaporan tugas mata kuliah sumberdaya alamiah dan lingkungan
Laporan tugas mata kuliah sumberdaya alamiah dan lingkungan
friska silalahi
 
Algoritma Pemrograman (Flowchart) - Logika dan Algoritma
Algoritma Pemrograman (Flowchart) - Logika dan AlgoritmaAlgoritma Pemrograman (Flowchart) - Logika dan Algoritma
Algoritma Pemrograman (Flowchart) - Logika dan Algoritma
Ari Septiawan
 

What's hot (20)

Makalah Fuzzy Logic Dan Penerapannya
Makalah Fuzzy Logic Dan PenerapannyaMakalah Fuzzy Logic Dan Penerapannya
Makalah Fuzzy Logic Dan Penerapannya
 
Makalah Tentang Database
Makalah Tentang DatabaseMakalah Tentang Database
Makalah Tentang Database
 
ERD Sistem Informasi Pemesanan Tiket Bioskop Online
ERD Sistem Informasi Pemesanan Tiket Bioskop OnlineERD Sistem Informasi Pemesanan Tiket Bioskop Online
ERD Sistem Informasi Pemesanan Tiket Bioskop Online
 
Materi 3 Finite State Automata
Materi 3   Finite State AutomataMateri 3   Finite State Automata
Materi 3 Finite State Automata
 
LAPORAN TUGAS AKHIR PERANCANGAN APLIKASI KNOWLEDGE BASE SYSTEM UNTUK INSTRUKS...
LAPORAN TUGAS AKHIR PERANCANGAN APLIKASI KNOWLEDGE BASE SYSTEM UNTUK INSTRUKS...LAPORAN TUGAS AKHIR PERANCANGAN APLIKASI KNOWLEDGE BASE SYSTEM UNTUK INSTRUKS...
LAPORAN TUGAS AKHIR PERANCANGAN APLIKASI KNOWLEDGE BASE SYSTEM UNTUK INSTRUKS...
 
Laporan analisis sistem informasi
Laporan analisis sistem informasiLaporan analisis sistem informasi
Laporan analisis sistem informasi
 
Data Base Tiket Pesawat
Data Base Tiket PesawatData Base Tiket Pesawat
Data Base Tiket Pesawat
 
Laporan Project Pemrograman Berbasis Web
Laporan Project Pemrograman Berbasis WebLaporan Project Pemrograman Berbasis Web
Laporan Project Pemrograman Berbasis Web
 
Makalah Perancangan ERD & LRS Pada Sistem Pemesanan Hotel
Makalah Perancangan ERD & LRS Pada Sistem Pemesanan HotelMakalah Perancangan ERD & LRS Pada Sistem Pemesanan Hotel
Makalah Perancangan ERD & LRS Pada Sistem Pemesanan Hotel
 
4 diagram relasi antar entitas (ERD)
4 diagram relasi antar entitas (ERD)4 diagram relasi antar entitas (ERD)
4 diagram relasi antar entitas (ERD)
 
Soal Latihan OSI Layer
Soal Latihan OSI LayerSoal Latihan OSI Layer
Soal Latihan OSI Layer
 
Laporan Konfigurasi Dasar Mikrotik
Laporan Konfigurasi Dasar MikrotikLaporan Konfigurasi Dasar Mikrotik
Laporan Konfigurasi Dasar Mikrotik
 
Laporan tugas mata kuliah sumberdaya alamiah dan lingkungan
Laporan tugas mata kuliah sumberdaya alamiah dan lingkunganLaporan tugas mata kuliah sumberdaya alamiah dan lingkungan
Laporan tugas mata kuliah sumberdaya alamiah dan lingkungan
 
Kualitas informasi
Kualitas informasiKualitas informasi
Kualitas informasi
 
Algoritma Pemrograman (Flowchart) - Logika dan Algoritma
Algoritma Pemrograman (Flowchart) - Logika dan AlgoritmaAlgoritma Pemrograman (Flowchart) - Logika dan Algoritma
Algoritma Pemrograman (Flowchart) - Logika dan Algoritma
 
Analisis Kebutuhan Sistem Informasi
Analisis Kebutuhan Sistem InformasiAnalisis Kebutuhan Sistem Informasi
Analisis Kebutuhan Sistem Informasi
 
Analisa Website Traveloka - Makalah IMK
Analisa Website Traveloka - Makalah IMKAnalisa Website Traveloka - Makalah IMK
Analisa Website Traveloka - Makalah IMK
 
Graf ( Matematika Diskrit)
Graf ( Matematika Diskrit)Graf ( Matematika Diskrit)
Graf ( Matematika Diskrit)
 
Laporan sistem basis data sirkulasi peminjaman buku
Laporan sistem basis data sirkulasi peminjaman bukuLaporan sistem basis data sirkulasi peminjaman buku
Laporan sistem basis data sirkulasi peminjaman buku
 
Interaksi manusia dan komputer
Interaksi manusia dan komputerInteraksi manusia dan komputer
Interaksi manusia dan komputer
 

Similar to Tugas laporan project aplikasi website

Laporan akhir
Laporan akhirLaporan akhir
Laporan akhir
yudhigcgc
 
Tugas laporan proyek aplikasi wanda a & yopy y k
Tugas laporan proyek aplikasi wanda a & yopy y kTugas laporan proyek aplikasi wanda a & yopy y k
Tugas laporan proyek aplikasi wanda a & yopy y k
wandaabdiadi
 
Tugas laporan proyek aplikasi
Tugas laporan proyek aplikasiTugas laporan proyek aplikasi
Tugas laporan proyek aplikasi
izzatyreno
 
Tugas laporan proyek aplikasi wanda a &amp; yopy y k
Tugas laporan proyek aplikasi wanda a &amp; yopy y kTugas laporan proyek aplikasi wanda a &amp; yopy y k
Tugas laporan proyek aplikasi wanda a &amp; yopy y k
yopyopay
 
M Alpi Aldaena
M Alpi AldaenaM Alpi Aldaena
M Alpi Aldaena
nganumas
 
Tutorial + l aporan aplikasi web
Tutorial + l aporan aplikasi webTutorial + l aporan aplikasi web
Tutorial + l aporan aplikasi web
puttry707
 
Udahnyatudella
UdahnyatudellaUdahnyatudella
Udahnyatudella
agrafury
 
Udahnyatudella
UdahnyatudellaUdahnyatudella
Udahnyatudella
della1214
 
Udahnyatudella
UdahnyatudellaUdahnyatudella
Udahnyatudella
della1214
 
Udahnyatudella
UdahnyatudellaUdahnyatudella
Udahnyatudella
dellandel
 
Tugas akhir
Tugas akhirTugas akhir
Tugas akhir
januar12
 
pembuatan TA man bangil "pembuatan website"
pembuatan TA man bangil "pembuatan website"pembuatan TA man bangil "pembuatan website"
pembuatan TA man bangil "pembuatan website"
mufid Fakhrudin
 

Similar to Tugas laporan project aplikasi website (20)

Tugas laporan proyek aplikasi
Tugas laporan proyek aplikasiTugas laporan proyek aplikasi
Tugas laporan proyek aplikasi
 
Laporan akhir
Laporan akhirLaporan akhir
Laporan akhir
 
Tugas laporan proyek aplikasi wanda a & yopy y k
Tugas laporan proyek aplikasi wanda a & yopy y kTugas laporan proyek aplikasi wanda a & yopy y k
Tugas laporan proyek aplikasi wanda a & yopy y k
 
Tugas laporan proyek aplikasi
Tugas laporan proyek aplikasiTugas laporan proyek aplikasi
Tugas laporan proyek aplikasi
 
Tugas laporan proyek aplikasi wanda a &amp; yopy y k
Tugas laporan proyek aplikasi wanda a &amp; yopy y kTugas laporan proyek aplikasi wanda a &amp; yopy y k
Tugas laporan proyek aplikasi wanda a &amp; yopy y k
 
M Alpi Aldaena
M Alpi AldaenaM Alpi Aldaena
M Alpi Aldaena
 
Laporan Projek Akhir
Laporan Projek AkhirLaporan Projek Akhir
Laporan Projek Akhir
 
Laporan Aplikasi Website
Laporan Aplikasi WebsiteLaporan Aplikasi Website
Laporan Aplikasi Website
 
TA
TATA
TA
 
Tutorial
TutorialTutorial
Tutorial
 
Tutorial + l aporan aplikasi web
Tutorial + l aporan aplikasi webTutorial + l aporan aplikasi web
Tutorial + l aporan aplikasi web
 
Udahnyatudella
UdahnyatudellaUdahnyatudella
Udahnyatudella
 
Laporan akhir
Laporan akhirLaporan akhir
Laporan akhir
 
Udahnyatudella
UdahnyatudellaUdahnyatudella
Udahnyatudella
 
Udahnyatudella
UdahnyatudellaUdahnyatudella
Udahnyatudella
 
Udahnyatudella
UdahnyatudellaUdahnyatudella
Udahnyatudella
 
Dasar dasar pemograman_delphi
Dasar dasar pemograman_delphiDasar dasar pemograman_delphi
Dasar dasar pemograman_delphi
 
Modul Web Programming - Framework CodeIgniter
Modul Web Programming - Framework CodeIgniterModul Web Programming - Framework CodeIgniter
Modul Web Programming - Framework CodeIgniter
 
Tugas akhir
Tugas akhirTugas akhir
Tugas akhir
 
pembuatan TA man bangil "pembuatan website"
pembuatan TA man bangil "pembuatan website"pembuatan TA man bangil "pembuatan website"
pembuatan TA man bangil "pembuatan website"
 

Tugas laporan project aplikasi website

  • 1. TUGAS LAPORAN PROYEK APLIKASI ”OFFICIAL BILLFOD : WEBSITE” Oleh GILANG RAMADHAN NISN : 9974779251 Kelas X RPL 1 SMK NEGERI 1 DEPOK 2013
  • 2. “JOFFICIAL WEBSITE BILLFOLD” Oleh : Gilang Ramadhan NISN : 9974779251 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, ........................ 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. Departemen Pendidikan Nasional yang telah memberikan bea siswa sehingga penulis dapat menyelesaikan pendidikan strata satu ini; 4. suami/isteri dan anak-anak tercinta, yang senantiasa memberikan dorongan dan semangat, serta kesabaran, pengertian dan do’anya; 5. bapak, ibu, kakak-kakak dan adik-adik tercinta, beserta seluruh keluarga yang senantiasa memberikan semangat dan do’anya; 6. ………………………………………; 7. seluruh staf dan karyawan Laboratorium …………………….., yang telah memberikan banyak sekali bantuannya; 8. 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. Bandung, September 2010 Penulis
  • 4. DAFTAR ISI Halaman LEMBAR PENGESAHAN..................................................................... ii KATA PENGANTAR..............................................................................v DAFTAR ISI............................................................................................vi DAFTAR LAMPIRAN............................................................................ix BAB I. PENDAHULUAN........................................................................1 I.1. Latar Belakang ........................................................... 2 I.2. Maksud dan Tujuan.................................................... 3 BAB II. Instalasi Software pengembang ................................... 4 II.1. Instalasi XAMPP...................................................... 5 II.2. Instalasi editor adobe photoshop ............................................7 II.3. Perancangan dan FLOWCHART ............................ 9 II.4. Membuat aplikasi berserta databasenya ................ 11 II.5. Membuat page websitenya beserta script .............. 20 BAB III. Penutup ....................................................................................33 III.1. Kesimpulan ..................................................................... 33 III.2. Saran ............................................................................... 33 Daftar Pustaka.........................................................................................34 Lampiran.................................................................................................36
  • 5. DAFTAR LAMPIRAN Halaman 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 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 1
  • 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. 2
  • 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 3
  • 9. BAB II INSTALASI SOFTWARE PENGEMBANG Perangkat Pengembangan Aplikasi Berisi penjelasan software yang digunakan dalam pembuatan aplikasi. II.1. instalasi XAMPP Berisi penjelasan untuk menginstal xampp, termasuk bahasa tambahan seperti Javascript maupun library lainnya. II.2. Instalasi editor adobe photoshop Berisi penjelasan perancangan buat mengedit gambar-gambar website. II.3. Flowchart Berisi penjelasan perancangan jalannya aplikasi website. II.4. Membuat aplikasi website berserta databasenya Berisi tentang langkah-langkah membuat website dan databasenya. II.5. Membuat page website besreta scriptnya Berisi tentang langkah-langkah membuat page website 4
  • 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 5
  • 11. 8. Web yang kita buat, akan beralamat di http://localhost, akses dengan browser sesuai selera anda 6
  • 12. II.2. Instalasi Editor adobe photoshop Editor gambar (Adobe Photoshop) Adobe Photoshop, software editor gambar yang mendukung untuk mendesain tampilan page website kita. Disini saya menggunakan Adobe Photoshop CS5 portable version (versi bajakan) untuk mempersingkat waktu dan size, yang bisa kalian download di google. Cara Menginstall Adobe Photoshop CS5 Portable 1. Buka photoshop yang telah kamu download, lalu double klik photoshop tersebut. 2. Setelah double klik, tunggu proses sampai muncul tampilan seperti gambar di bawah ini. 7
  • 13. 3. Klik Next 4. Pilih folder tujuan install Photoshop, lalu klik Next 5. Klik Install, tunggu proses hingga selesai. 6. Setelah proses selesai, maka photoshop telah terinstall di komputer kamu seperti gambar di bawah ini. 8
  • 14. II.3. Flowchart 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: 9
  • 15. 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 5. END : Mengakhiri kegiatan pengolahan . 10
  • 16. II.4. Membuat aplikasi website berserta databasenya Membuat Database Login Admin 1. Pastikan aplikasi xampp telah terinstall di komputer kamu dan telah kamu jalankan 2. Buka browser anda, seperti gambar yang ada di bawah ini: 4. Ketikkan " localhost/phpmyadmin " (tanpa tanda kutip) pada browser anda yang diberi tanda lingakaran merah seperti gambar di bawah ini. Lalu tekan enter 11
  • 17. 4. Setelah menekan enter, anda akan masuk pada phpMyAdmin. Tampilannya seperti yang ada di bawah ini. 6. Setelah itu, ganti bahasa Deutsch - German menjadi English yang sudah diberi tanda lingkaran merah, lalu klik menu SQL yang juga sudah diberi tanda lingkaran merah. 12
  • 18. 6. Setelah masuk menu SQL, silahkan tulis script (tanpa tanda kutip): “ create database irwan “ Lalu klik Go. 7. Setelah klik Go, maka akan muncul proses loading. Setelah proses loading selesai, maka akan muncul database bernamakan "irwan" disebelah kiri yang diberi tanda lingkaran merah seperti gambar di bawah ini. 13
  • 19. 8. Setelah database terbuat, selanjutnya adalah membuat table di dalam database tersebut. Lalu klik database "irwan" tadi, lalu klik menu SQL kembali. 9. Setelah masuk menu SQL, silahkan tulis script: create table login( no int(3) not null auto_increment, username varchar(100) not null, password varchar(100) not null, primary key(no) ) 14
  • 20. Lalu klik Go 10. Setelah meng-klik Go, maka akan muncul proses loading. Setelah proses loading selesai, maka akan muncul table bernamakan "login" dalam database "irwan" yang bisa dilihat di sebelah kiri yang ditandai dengan lingaran berwarna merah. 11. Dalam keadaan ini, table "irwan" masih dalam keadaan kosong. Untuk membuat record nama admin pada table "irwan", maka klik tombol clear. 15
  • 21. 12. Setelah anda meng-klik clear, otomatis script anda akan terhapus. Untuk membuat record pada table "alamat", silahkan tulis script seperti di bawah ini. insert into alamat values ('','officialbillfold','billfold') Jika sudah, lalu klik Go. 13. Setelah meng-klik Go, maka akan muncul proses loading. Tunggu hingga proses loading selesai. Dan jika berhasil, klik table login untuk melihat recordnya seperti tampilan di bawah ini. 14. Dengan ini, kerangka database telah dibuat. Selanjutnya kita akan membuat page .html login dan menyambungkannya ke database tersebut. Sehingga, sebelum memasuki website akan ada tampilan page login yang dapat diakses oleh admin pembuat website itu sendiri sesuai record yang telah diisi pada database tersebut. Kita memerlukan page login, koneksi database dan koneksi database dengan page login. 15. Sebelum itu, pastikan kamu telah membuat folder kosong untuk website kamu di dalam folder installan XAMPP yang berletak di local disk c/xampp/htdocs/ dan buat folder baru disitu dengan nama yang kamu kehendaki. 16
  • 22. Mulai membuat koneksi database, masuk ke dalam folder itu dan buat notepad baru dengan cara klik kanan – lalu pilih New Text Document, ubah namanya menjadi ”koneksi.php” (tanpa tanda kutip), lalu buka file tersebut ke dalam notepad dengan cara klik kanan – open with notepad. 17. Setelah file terbuka, ketikkan script tersebut <?php $hostname ='localhost'; $username ='root'; $password =''; $database ='irwan'; $connect = mysql_connect($hostname,$username,$password) ; mysql_select_db($database,$connect); ?> Setelah script tertulis, save script tersebut dengan cara CTRL + S. 17
  • 23. 18. Koneksi database telah terbuat, selanjutnya kita membuat koneksi database dengan page login .html. Buat notepad baru dengan cara yang sama pada step sebelumnya, lalu ubah namanya menjadi ”ceklogin.php” (tanpa tanda kutip), buka file tersebut dengan cara yang sama pada step sebelumnya. 19. Setelah file terbuka, ketikkan script tersebut. <?php include "koneksi.php" ; $username=$_POST['username'] ; $password=$_POST['password'] ; $login="select * from login where username='$username' and password='$password'" ; $sql=mysql_query($login) ; $query=mysql_num_rows($sql) ; if(empty($username) || empty ($password)) echo "<script>window.alert('gagal masuk'); window.location('billfold.html'); </script>" ; else{ if($query > 0) { header('location:index.html') ; } else { echo "<script>window.alert('gagal masuk'); window.location('billfold.html'); </script>" ; } } ?> 18
  • 24. Setelah selesai, save dengan menekan CTRL + S. 20. Dengan ini, kita tinggal membuat page login .html. 19
  • 25. II.5. 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 : <html> <head> <img src="343.gif"> </head> <body background="nyoba1.jpg"> <!-- start header --> <hr> <center> <hr> <center>| <a href=default.html><img src="home.PNG"></a> | <a href=galery.html><img src="galery.PNG"></a> | <a href=index.php><img src="pemesanan.PNG"></a> | <a href=download.html><img src="download.PNG"></a>|</center> <hr> </font> </h3> </center> <head> <title>.:HOME BILLFOLD:.</title> </head> <body> </font> </h3> </center> <hr> </center> <p><marquee><img src="123.png" width="480" height="87" witdh="200"></marquee> &nbsp;</p> </center> <h4> 20
  • 26. <center> </table> <td><h1><font face="FRESHMAN"color="cream">WELCOME TO BILLFOLD FAMILY WEBSITE</h1></font></td> <center> <hr size=5 width=800 noshade align=center> </center> <font face="tahoma" size=3 color=cream> <pre> <font face="tahoma" size=3 color=cream> Category: biografi band Assalamualaikum.wr.wb Sobat., ok langsung aja bagi yang belum tau Biografy BILLFOLD down-arrow bl.jpgBiografi BillFold- BILLFOLD adalah pop punk hardcore band berasal dari Bandung yang terbentuk di awal tahun 2010.Band ini merupakan sebuah project baru dari Gania Alianda bersama Pam, Anga dan Ferin Mereka mencoba untuk membuat suasana baru di belantika musik Indonesia, dengan front line wanita di dalamnya. Mencoba memainkan musik hardcore dengan beat punk yang ciamik dan easy listening, mereka menggemari musik-musik poppunk hc amerika seperti daggermouth setyour goal, four years strong dan band band gelombang baru easycore amerika namun tetap mempertahankan set beat punks / hc lama seperti, h20,shelter hingga warzone. General Info : Genre: Hardcore / Punk /Rock Location BANDUNG CITY,Please select your region, In Profile Views: 11192 Last Login: 2/3/2011 Member Since 8/3/2010 Website http: //www.purevolume.com/new/billfold Record Label YOUNG BLOOD RECS Type of Label Indie Members of Billfold : ALIANDA GANIA – VOX PAM ALAYUBI – DRUMS FERIN – BASS ANGGA – GUITARhemmh demikian postingan saya mengenai Billfold biografi band postingan sebelumnya, cheesy-grin ok thnx ya udah mau nyimak postingannya kita ketemu nextpost ranger ok SILAKAN berfantasi mengenai apa saja ketika raungan gitar Angga, cabikan bas Ferrin, dan gebukan drum Pam Alayubi menopang teriakan Gania. Sebuah fantasiranum yang dipicu sajian antara H20, Set Your Goals, dan sedikit Shelter, dalam bungkus vokal Gania yang 21
  • 27. terdengar fresh, aggressive, dan memancing kita untuk kembali menghujamkan kaki ke atas kepala teman.Dibentuk pertengahan tahun 2010, Billfold memang berniat memberikan sebuah pemandangan beda di panggung metal kota kembang. Hardcore/punk dengan sentuhan vokalis perempuan, ah kita tak harus berangkat ke Negeri Paman Sam untuk menemukan band seperti ini! Hahaha…. Tapi, Billfold bukan hanya Gania. Mereka membalut diri dalam sebuah energi konfrontatif, antara hardcore, punk, dan little bit rock. Cobalah tutup mata ketika nomor It’s Over atau Save Them to Save Us diputar dengan level volume medium, kita akan dipapah menuju sebuah lorong di jantung New York 90-an.Bagi Gania, Angga, Ferrin, dan Pam, ibarat sebuah dompet yang bisa membungkus hal paling esensial ketika mereka bermain musik. “Dalam bahasa Inggris, Billfold memang berarti dompet,” tutur Gania. <b> </center> <P> <center <img src="parasut.gif"" width="100" height="100"><img src="lucu.gif"width="200" height="200"><img src="parasut.gif"" width="100" height="100"> <P> </center> <p> <P> <img src="111.jpg"> </p> </body> </div> <div align=center>&copy;2013 All Rights Reserved. &nbsp;&bull;&nbsp; Designed by @_GilangR</a></div></body> </html> </pre> </h2> </body> </html> 22
  • 28. Jika sudah mengetik script seperti ini lalu anda harus mengesave filenya dengan cara save as lalu beri nama home.html dan formatnya all files. Dan hasilnya seperti ini : 2. Membuat page kedua 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 : <html> <head> </head> <body background="nyoba1.jpg"> <!-- start header --> <div id="header"> <img src="343.gif"> 23
  • 29. <head> <title>.:GALLERY BILLFOLD:.</title> </head> <hr> <hr> <center>| <a href=default.html><img src="home.PNG"></a> | <a href=galery.html><img src="galery.PNG"></a> | <a href=join.html><img src="pemesanan.PNG"></a> | <a href=download.html><img src="download.PNG"></a>|</center> <hr> </font> </h3> </center> <hr> </center> <p><marquee><img src="123.png" width="480" height="87" witdh="200"></marquee> &nbsp;</p> </center> <h4> <center> <pre> </table> <center> <td><h1><font face="FRESHMAN"color="cream">PICTURE SHOOT</h1></font></td> <hr size=5 width=820 noshade align=center> </center> <font face="tahoma" size=3 color=cream> <pre> <center> <img src="g1.gif" width="350" height="350"> <img src="g2.gif" width="350" height="350"> <img src="baju1.gif" width="350" height="350"> <img src="baju2.gif" width="350" height="350"> </center> </table> <br> <P> <img src="111.jpg"> <p> </h4> </body> </div> 24
  • 30. <div align=center>&copy;2013 All Rights Reserved. &nbsp;&bull;&nbsp; Designed by @_GilangR</a></div></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 : 3. Membuat page ketiga yaitu page buku tamu ,pertama-tama kita masuk ke windows pilih ascesories dan klik notepad setelah notepad terbuka lalu kita ketik script seperti di bawah ini : <html> <head> <img src="343.gif"> </head> <body background="nyoba1.jpg"> <!-- start header --> <hr> <center> <hr> <center>| <a href=default.html><img src="home.PNG"></a> 25
  • 31. | <a href=galery.html><img src="galery.PNG"></a> | <a href=join.html><img src="pemesanan.PNG"></a> | <a href=download.html><img src="download.PNG"></a>|</center> <hr> </font> </h3> </center> <head> <title>.:BUKU TAMU BILLFOLD:.</title> </head> <body> </font> </h3> </center> <hr> </center> <p><marquee><img src="123.png" width="480" height="87" witdh="200"></marquee> &nbsp;</p> </center> <h4> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> Buku Tamu Sederhana </TITLE> </HEAD> <BODY> <? include "koneksi.php"; ?> <form action="add.php" method="post"> <table width="50%" align="center" border="0"> <tr> <td<h1> <font face="FRESHMAN" color="cream"> Buku Tamu</h1></td> </tr> <tr> <td> <font face="FRESHMAN" color="cream">Nama</td> <td><input type="text" name="nama" value=""></td> </tr> <tr> <td> <font face="FRESHMAN" color="cream">Subject</td> <td><input type="text" name="subject" value="" size="50"></td> </tr> 26
  • 32. <tr> <td> <font face="FRESHMAN" color="cream">Isi</td> <td><textarea name="isi" cols="40" rows="5"></textarea></td> </tr> <tr> <td></td> <td><input type="submit" value="Simpan"><input type="reset" value="Reset"></td> </tr> </table> </form> <? // cek terlebih dahulu data di database $sql_cek = "SELECT count(*) AS count FROM table_bt"; $hasil=mysql_query($sql_cek); $row=mysql_fetch_row($hasil); $count = $row[0]; if ($count > 0){ ?> <table width="50%" align="center" border="0"> <tr align="center"> </tr> <? $sql = "SELECT * FROM table_bt" ; $hasil =mysql_query($sql); while($row=mysql_fetch_array($hasil)) { ?> </BODY> </HTML> <p> <p> <p> <p> <p> 27
  • 33. <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <center> <img src="benergif.gif"" width="700" height="300"> </center> <p> <p> <center> <img src="123.gif"" width="700" height="200"> </center> <p> <img src="111.jpg"> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </body> </html> </pre> 28
  • 34. </h2> </body> <div id="footer"> </div> <div align=center>&copy;2013 All Rights Reserved. &nbsp;&bull;&nbsp; Designed by @_GilangR<font face="FRESHMAN" color="cream"></a></div></body> </html> Jikas sudah sama seperti page sebelumnnya cara savenya Cuma ganti namanya menjadi bukutamu.html dan formatnya all files lalu akan jadi seperti ini : 4. Membuat page terakhir yaitu page download ,pertama-tama kita masuk ke windows pilih ascesories dan klik notepad setelah notepad terbuka lalu kita ketik script seperti di bawah ini : <html> <head> <img src="343.gif"> </head> <body background="nyoba1.jpg"> <!-- start header --> <hr> <center> 29
  • 35. <hr> <center>| <a href=default.html><img src="home.PNG"></a> | <a href=galery.html><img src="galery.PNG"></a> | <a href=join.html><img src="pemesanan.PNG"></a> | <a href=download.html><img src="download.PNG"></a>|</center> <hr> </font> </h3> </center> <head> <title>.:DOWNLOAD BILLFOLD:.</title> </head> <body> </font> </h3> </center> <hr> </center> <p><marquee><img src="123.png" width="480" height="87" witdh="200"></marquee> &nbsp;</p> </center> <h4> </table> <center> <td><h1><font face="FRESHMAN"color="cream">DOWNLOAD</h1></font></td> </center> <hr size=5 width=800 noshade align=center> <font face="tahoma" size=3 color=cream> <center> <img src="benergif.gif"" width="700" height="300"> </center> <center> <pre> <h2>Download video live BILLFOLD - Abaikan - Session at PSD HQ<a href="billfoldx (2).flv">HERE </a></h3> <p> <h2>Download BILLFOLD Billfold - Abaikan fromustous 2012<a href="billfoldx (1).flv"> HERE </a></h3> <P> <h2>Download font BILLFOLD<a href="bandung.zip">HERE </a></h3> <p> 30
  • 36. <h2>Download BILLFOLD - Abaikan (HELLPRINT - Hellparty- 2013) <a href="BL (2).flv"> HERE </a></h3> <p> <h2>Download BILLFOLD - Save Them To Save Us - Session at PSD HQ <a href="BL (3).flv"> HERE </a></h3> <p> </center> <b> <center> </center> <P> <center <P> </center> <p> <P> <img src="111.jpg"> </p> </body> </html> </pre> </h2> </body> </div> <div align=center>&copy;2013 All Rights Reserved. &nbsp;&bull;&nbsp; Designed by @_GilangR</a></div></body> </html> 31
  • 37. Jika sudah save kembali dan ganti nama filenya dengan downloaad.html dan format filenya menjadi all files dan websitenya akna jadi seperti ini : 32
  • 39. 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
  • 40. [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. 35
  • 41. DAFTAR LAMPIRAN Halaman 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 clX (bagian dari Teorema V.2) ....................... C-1 C.2 Pembuktian persamaan (V.19) ......................................................................... C-2  dan seterusnya 36