presentation1
DESCRIPTION
TRANSCRIPT
• “Judul Aplikasi”•
• Oleh :• Abdul malik NISN : 99
• • 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,
• • ________________
•
TUGAS LAPORAN PROYEK APLIKASI
”APPLAUS: DATABASE”
OlehAbdul malik
NISN : xxxxxxxxKelas X RPL 1
SMK NEGERI 1 DEPOK2013
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 :
• bapak/ibu …………………., selaku pembimbing I, yang telah memberikan bimbingan dan semangat dalam menyelesaikan ini;
• bapak/ibu ………………….., selaku pembimbing II, yang telah mencurahkan perhatian dan waktunya yang demikian banyak dalam penyelesaian tugas akhir ini;
• Departemen Pendidikan Nasional yang telah memberikan bea siswa sehingga penulis dapat menyelesaikan pendidikan strata satu ini;
• suami/isteri dan anak-anak tercinta, yang senantiasa memberikan dorongan dan semangat, serta kesabaran, pengertian dan do’anya;
• bapak, ibu, kakak-kakak dan adik-adik tercinta, beserta seluruh keluarga yang senantiasa memberikan semangat dan do’anya;
• ………………………………………;• seluruh staf dan karyawan Laboratorium …………………….., yang telah
memberikan banyak sekali bantuannya;• 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,22 mei 2013• Penulis
DAFTAR ISI…………………………….Halaman…………………………………LEMBAR PENGESAHAN ii…………..KATA PENGANTAR v…………………DAFTAR ISI vi………………………….DAFTAR TABEL vi……………………..DAFTAR GAMBAR vii…………………DAFTAR ISTILAH viii………………...DAFTAR LAMPIRAN ix………………
BAB I. PENDAHULUAN 1I.1. Latar Belakang 1I.2. Maksud dan Tujuan 2I.3. Batasan Masalah 4I.4. Metode Penyelesaian Masalah 4I.5. Sistematika Penulisan 5
BAB II. Landasan Teori 13II.1. Perangkat Pengembangan Aplikasi (Software Development Tools) 18II.1.1. Bahasa Pemrograman 19II.1.2. IDE (Integrated Development Environment) 19II.1.3. Virtual Server (Apache/ Tomcat) 20II.1.4. Plug Ins 20II.2. Perancangan dan Realisasi Aplikasi 21II.2.1. Diagram Use Case 22II.2.2. Diagram Flowchart 23II.2.3. ERD (Entity Relationship Diagram) 23II.2.4. Struktur Tabel Basis Data 23II.3. Perancangan Antar Muka (User Interface) 24II.4. Realisasi Aplikasi 24II.4.1. Realisasi Antar Muka 22II.4.2. Realisasi Basis Data 22
BAB III. Pengujian dan Analisis Data 25III.1. Pengujian Aplikasi 26III.1.1. Deskripsi Pengujian 27III.1.2. Prosedur Pengujian 28III.1.3. Data Hasil Pengujian 29III.2. Analisis Data Hasil Pengujian 30
BAB IPENDAHULUAN
• I.1. Latar Belakang • Berisi penjelasan latar belakang masalah yang akan diselesaikan permasalahannya dengan
aplikasi yang dibuat oleh siswa.• • I.2. Maksud dan Tujuan• Berisi penjelasan maksud dan tujuan dari penulisan laporan prakerin• • I.3. Pelaksanaan Prakerin• Berisi penjelasan tentang pelaksanaan Prakerin • • I.3.1. Tempat Pelaksanaan Prakerin• Kegiatan Prakerin dilaksanakan pada Kantor xxxx Departemen xxx • I.3.2. Waktu Pelaksanaan Prakerin• Kegiatan Prakerin dilaksanakan sejak tanggal xx-xx-xxxx hingga tanggal xx-xx-xxxx• • I.4. Batasan Masalah• Berisi penjelasan pembatasan masalah yang dibahas pada laporan prakerin• • I.5. Sistematika Penulisan• Berisi kerangka penulisan laporan prakerin, outline dari Bab I hingga Bab V
BAB IILANDASAN TEORI
• • II.1. Perangkat Pengembangan Aplikasi • Berisi penjelasan software yang digunakan dalam pembuatan aplikasi.• II.1.1. Bahasa Pemrograman• Berisi penjelasan bahasa pemrograman yang digunakan, termasuk bahasa tambahan seperti Javascript maupun
library lainnya.• II.1.2. IDE (Integrated Development Environment)• Berisi penjelasan IDE yang digunakan, misalnya Eclipse, Netbeans maupun Visual Basic. Jika mengembangkan
aplikasi web, maka sub judul diganti dengan Web Editor seperti Dreamweaver, Namo, dsb.• II.1.3. Plug Ins• Berisi penjelasan plug ins yang digunakan. Misalnya, Wordpress Plug Ins, • II.2. Perancangan Aplikasi• Berisi penjelasan perancangan aplikasi yang akan dibuat• II.2.1. Diagram Use Case• Digunakan untuk aplikasi yang digunakan oleh 2 user atau lebih (user, admin, viewer, dsb)• II.2.2. Diagram Flowchart• Diagram standar pemodelan aplikasi• II.2.3. ERD • Digunakan untuk menggambarkan rancangan basis data dan hubungan antar entitas di dalam basis data (wajib
dibuat jika aplikasi menggunakan basis data)• II.2.4. Struktur Tabel Basis Data• Digunakan untuk menggambarkan relasi antar table di dalam basis data.• II.3. Perancangan Antar Muka (User Interface)• Berisi penjelasan tentang rancangan antar muka. Hanya rancangan tata letak secara kasar, tanpa warna.
• II.4. Realisasi Aplikasi• II.4.1. Realisasi Antar Muka• Realisasi tampilan antar muka yang telah
dibuat. Berisi penjelasan tampilan aplikasi per halaman/ per modul aplikasi (print screen)
• II.4.2. Realisasi Basis Data• Realisasi basis data yang telah dibuat.
• BAB III• PENGUJIAN DAN ANALISIS DATA
• • III. 1. Pengujian Aplikasi• III. 1.1 Deskripsi Pengujian • Berisi deskripsi pengujian secara lengkap. Disebutkan hari, tanggal,
waktu dan lokasi pengujian yang diamati oleh pembimbing/ pembina prakerin
• III. 1.2 Prosedur Pengujian • Berisi penjelasan prosedur pengujian yang telah dilaksanakan• III. 1.3 Data Hasil Pengujian • Berisi tampilan (print screen) hasil dari pengujian aplikasi. • • III. 2. Analisis Data Hasil Pengujian• Berisi deskripsi analisa data hasil pengujian
• BAB IV• PENUTUP
• • IV.1. Kesimpulan• IV.2. Saran
• 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.• • [12] Scherer, Carsten W., Robust Mixed Control and Linear Parameter-Varying Control with
Full Block Scaling, Advances in Linear Matrix Inequality 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.
SINGKATAN Nama
Pemakaian pertama kali pada halaman
LIW Linier Invarian Waktu i
LMI Linear Matrix Inequality i
PML Pertidaksamaan Matriks Linier i
dan seterusnya
LAMBANG
Damping ratio 3
Mp Maximum peak overshoot 15
tp Peak time 15
ts Settling time 15
Frekuensi natural 3
dan seterusnya
n
DAFTAR SINGKATAN DAN LAMBANG
• <!DOCTYPE html>• <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
• <head>• <meta http-equiv="Content-Type" content="text/html;charset=utf-
8"/>• <title>SIMPLEX | Free Responsive Template by Dzyngiri</title>• <link rel="stylesheet" type="text/css" href="css/style.css" />• </head>• <body>• <div class="container">• <header>• <img src="img/logo.png" class="logo" alt="Simplex : Free HTML Template by
Dzyngiri" />• <ul>• <li><a href="index.html" class="active">Home</a></li>• <li><a href="gallery.html">Gallery</a></li>• <li><a href="who-we-are.html">Who we are?</a></li>• <li><a href="contact.html">Contact Us</a></li>• </ul>• </header>
• <div class="main">• <div class="inner">• <div class="col-1">• <h2><a href="#"> Web Design</a></h2>• <img src="img/service-img1.jpg" />• <p>Lorem ipsum dolor sit amet, consetetur
sadipscing elitt accusam. Aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore. Lorem ipsum dolor sit amet, consetetur sadipscing elitt accusam. Aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore.</p>
• <p class="read"><a href="#">Read More »</a></p>
• </div>
• <div class="col-1">• <h2><a href="#"> Web Development</a></h2>• <img src="img/service-img2.jpg" />• <p>Lorem ipsum dolor sit amet, consetetur sadipscing
elitt accusam. Aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore. Lorem ipsum dolor sit amet, consetetur sadipscing elitt accusam. Aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore.</p>
• <p class="read"><a href="#">Read More »</a></p>
• </div>
• <div class="col-1">• <h2><a href="#"> SEO</a></h2>• <img src="img/service-img3.jpg" />• <p>Lorem ipsum dolor sit amet, consetetur sadipscing
elitt accusam. Aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore. Lorem ipsum dolor sit amet, consetetur sadipscing elitt accusam. Aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore.</p>
• <p class="read"><a href="#">Read More »</a></p>
• </div>
• <div class="col-1">• <h2><a href="#"> Graphics Design</a></h2>• <img src="img/service-img4.jpg" />• <p>Lorem ipsum dolor sit amet, consetetur sadipscing
elitt accusam. Aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore. Lorem ipsum dolor sit amet, consetetur sadipscing elitt accusam. Aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore.</p>
• <p class="read"><a href="#">Read More »</a></p>
• </div>• </div>
• <div class="inner">• <div class="col-2">• <h1>Latest from Blog</h1>• <h2><a href="#">Hello World! Our first
post</a></h2>• <p>Lorem ipsum dolor sit amet, consetetur sadipscing
elitt accusam. Aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore.</p>
• <p class="read"><a href="#">Read More »</a></p>
• </div>
• <div class="col-2">• <h1>Testimonials</h1>• <p>"Aliquyam diam diam dolore dolores duo eirmod
eos erat, et nonumy sed tempor et et invidunt justo labore."</p>• <p>- <a href="#">John Doe</a></p>• </div>• <div class="col-2">• <h1>Get in touch</h1>• <p>Aliquyam diam diam dolore dolores duo eirmod
eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero <a href="contact.html">contact us</a>. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</p>
• <p class="read"><a href="#">Ask for a Quote</a></p>
• </div>• </div>
• </div>• <div class="clr"></div>• <footer> • <div class="mainFooter">• <div class="privHold">• <pre> abdoel maliek</pre>• <ul>• <li><a href="#"><img src="img/fb.png" alt="Facebook"
title="Facebook"></a></li>• <li><a href="#"><img src="img/tw.png" alt="Twitter" title="Twitter"></a></li>• <li><a href="#"><img src="img/fl.png" alt="Flickr" title="Flickr"></a></li>• <li><a href="#"><img src="img/li.png" alt="LinkedIn" title="LinkedIn"></a></li>• </ul>• </div>• </div>• </footer>• </div>• </div>•
• </body>
• </html>
• <!DOCTYPE html>• <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
• <head>• <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>• <title>SIMPLEX | Free Responsive Template by Dzyngiri</title>• <link rel="stylesheet" type="text/css" href="css/style.css" />• <link rel="stylesheet" type="text/css" href="css/gallery.css" />• </head>• <body>• <div class="container">• <header>• <a href="index.html"><img src="img/logo.png" class="logo" alt="Simplex : Free HTML Template
by Dzyngiri" /></a>• <ul>• <li><a href="index.html">Home</a></li>• <li><a href="gallery.html" class="active">Gallery</a></li>• <li><a href="who-we-are.html">Who we are?</a></li>• <li><a href="contact.html">Contact Us</a></li>• </ul>• </header>• <div class="main">• <div class="inner">• <section>
