vi
Abstract
This website contest program created for easier accessibility. This website have purpose to develop a programming language especially Java. Questions and answer whose forwarded are about Java Programming which the answer can be compiled and executed.
In the creation of this website, analysis are using Unified Modeling Language (UML) and database analysis using Entity Relationalship Diagram (ERD). For implementing the website, a PHP editor was used. The Editor was Macromedia Dreaweaver and using a MySQL database for the repository and using Asynchronous Javascript (AJAX) for created a dynamic website.
Discussion and implementation which connected with the creation of this website have a references on books, e-books or some website from internet when the implementing proccess are did.
vii
DAFTAR ISI
LEMBAR PENGESAHAN ...ii
KATA PENGANTAR ... iii
SURAT PERNYATAAN ORISINALITAS KARYA... v
Abstract...vi
Daftar Gambar ...ix
BAB I PERSYARATAN PRODUK... 1
I.1 Pendahuluan ... 1
I.1.1 Tujuan... 1
I.1.2 Ruang Lingkup... 1
I.1.3 Definisi, Akronim, dan Singkatan... 2
I.1.4 Overview... 2
I.2 Gambaran Keseluruhan ... 3
I.2.1 Perspektif Produk ... 4
I.2.2 Fungsi Produk... 6
I.2.3 Karakteristik Pengguna... 7
I.2.4 Batasan – Batasan... 7
I.2.5 Asumsi dan Ketergantungan... 8
BAB II SPESIFIKASI PRODUK... 9
II.1 Persyaratan Antarmuka Eksternal... 9
II.1.1 Antarmuka dengan Pengguna ... 9
II.1.2 Antarmuka Perangkat Keras... 10
II.1.3 Antarmuka Perangkat Lunak ... 10
II.1.4 Antarmuka Komunikasi ... 10
II.2 Fitur Produk Perangkat Lunak... 11
II.2.1 Daftar Baru atau Sign Up... 11
II.2.2 Log In... 12
II.2.4 Edit Profie ... 13
II.2.5 Lihat Daftar User... 14
II.2.6 Hapus Pengguna ... 15
II.2.7 Ajukan Soal... 16
II.2.8 Ubah Soal ... 17
II.2.9 Jawab Soal ... 18
II.2.10 Lihat skor ... 19
II.2.11 Mengapprove Soal... 20
II.2.12 Mengkompilasi program... 21
II.2.13 Menjalankan atau running... 22
II.2.14 Perhitungan skor... 23
BAB III ANALISIS... 25
III.1 Pendahuluan ... 25
III.1.1 Identifikasi... 25
III.1.2 Overview Sistem ... 25
III.2. Keputusan Desain Perangkat Lunak Secara Keseluruhan... 25
III.2.1 Use case... 26
III.2.2 Activity Diagram ... 27
viii
III.2.4 ER Diagram ... 35
III.3. Desain Arsitektur Perangkat Lunak ... 38
III.3.1 Komponen Perangkat Lunak ... 39
III.3.2 Konsep Ekseskusi ... 40
III.3.3 Design Antar Muka ... 41
BAB IV PENGEMBANGAN SISTEM ... 52
IV.1 Perencanaan Tahap Implementasi ... 52
IV.1.1 Pembagian Modul Implementasi ... 52
IV.1.2 Keterkaitan Antar Modul ... 52
IV.2 Perjalanan Tahap Implementasi (Coding)... 54
2. Jawab Soal.php ... 56
IV.2.1 Top Down Implementasi... 60
IV.2.2 Debugging ... 61
IV.2.3 Ulasan Realisasi Fungsionalitas... 61
IV.2.4 Ulasan Realisasi User Interface Design ... 62
BAB V TESTING DAN EVALUASI SISTEM... 69
V.1 Rencana Pengujian Sistem Terimplementasi ... 69
V.1.1 Test Case ... 69
V.1.2 Uji Fungsionalitas Modul / Class ... 69
V.2 Perjalanan Metodologi Penelitian... 71
V.2.1 Black Box ... 71
V.2.2 White Box ... 75
V.3 Ulasan Hasil Evaluasi ... 76
BAB VI KESIMPULAN DAN SARAN ... 77
VI.1 Kesimpulan berdasarkan Hasil Evaluasi ... 77
VI.2 Saran berdasarkan Hasil Evaluasi ... 77
ix
Daftar Gambar
Gambar III.1 Usecase... 26
Gambar III.2 Activity Diagram - Login... 27
Gambar III.3 Activity Diagram SignUp... 28
Gambar III.4 EditProfile... 29
Gambar III.5 Activity Diagram Daftar User... 30
Gambar III.6 Activity Diagram Ajukan Soal... 31
Gambar III.7 Activity Diagram Ubah Soal... 32
Gambar III.8 Activity Diagram Jawab Soal... 33
Gambar III.9 Activity Diagram Lihat Skor... 34
Gambar III.10 Class Diagram... 35
Gambar III.11 ER Diagram... 35
Gambar III.12 Sitemap Home... 38
Gambar III.13 Sitemap Menu Admin... 39
Gambar III.14 Sitemap Menu User... 39
Gambar III.15 Home.php... 42
Gambar III.16 AboutUS.php... 42
Gambar III.17 Login.php... 43
Gambar III.18 SignUp.php... 44
Gambar III.19 MenuUser... 45
Gambar III.20 Menu Admin... 46
Gambar III.21 EditProfile.php... 47
Gambar III.22 Ajukan Soal.php... 48
Gambar III.23 Jawab Soal.php... 49
Gambar III.24 UbahSoal.php... 50
Gambar III.25 Skor.php... 51
Gambar III.26 DaftarUser.php... 51
Gambar IV.1 Halaman Utama.php... 62
Gambar IV.2 Halaman Login.php... 63
Gambar IV.3 Halaman SignUp.php... 63
Gambar IV.4 Halaman AboutUs.php... 64
Gambar IV.5 Halaman MenuUser.php... 64
Gambar IV.6 Halaman EditProfile.php... 65
Gambar IV.7 Halaman AjukanSoal.php... 65
Gambar IV.8 Halaman JawabSoal.php... 66
Gambar IV.9 Halaman LihatSkor.php... 67
Gambar IV.10 Halaman DetailSkor.php... 67
BAB I PERSYARATAN PRODUK
I.1 Pendahuluan
Teknologi informasi dalam segala bidang sangat dibutuhkan. Khususnya bidang pendidikan dalam pengembangan kemampuan berbahasa pemrograman. Media komunikasi yang mudah diakses kapanpun dan dimanapun sangatlah penting dalam menyampaikan hal tersebut. Dengan adanya aplikasi ”Website Pengujian Program” ini diharapkan mampu mengembangkan para pengguna dalam mengembangkan kemampuan programming.
I.1.1 Tujuan
Aplikasi Website Pengujian Program ini bertujuan untuk membantu pengguna dalam mengembangkan dan mengukur kemampuan pemrograman khususnya bahasa java. Selain itu, mampu mempelajari beberapa kasus soal dalam pemrograman.
I.1.2 Ruang Lingkup
2
memasukkan jawaban, melihat soal, melihat jawaban, melihat detail skor dan mengubah data diri.
I.1.3 Definisi, Akronim, dan Singkatan
Berikut ini akronim dan singkatan yang dapat memperjelas laporan ini, antara lain:
1) Software : Perangkat lunak 2) Hardware : Perangkat keras
3) PHP : Hypertext Pre Processor 4) UML :Unified Modeling
Language
5) User : Pengguna aplikasi 6) JDK : Java Development Kit 7) User Interface Design : Tampilan antar muka 8) Database : Penyimpanan data 9) WWW : World Wide Web
I.1.4 Overview
Penulisan dokumen ini disusun dengan menggunakan metode Object Oriented. Untuk garis besar dari dokumen ini yaitu :
Bab I : Persyaratan Produk
Bab ini menjelaskan pengembangan software yaitu ruang lingkup, tujuan produk, akronim dan penjelasan produk.
Bab II : Spesifikasi Produk
3
Bab III : Desain Perangkat Lunak
Bab ini menjelaskan desaindesain produk secara keseluruhan dan menggambarkan bagaimana software yang akan dibuat, antara lain:
§ User Interface Design. § Desain database.
BAB IV : Pengembangan Sistem
Bab ini akan menjelaskan bagaimana mengembangkan sebuah desain yang telah disusun secara jelas dari design yang sudah dibuat sebelumnya dan pembagian modul maupun keterkaitan antar modul.
BAB V : Testing dan Evaluasi
Bab ini menjelaskan mengenai hasil pengujian sistem yang terimplementasi.
BAB VI : Kesimpulan dan Saran
Bab ini mnejelaskan mengenai keterkaitan antara kesimpulan dan hasil evaluasi. Selain itu, terdapat saran dan perbaikan untuk memberikan produk yang lebih baik.
I.2 Gambaran Keseluruhan
4
I.2.1 Perspektif Produk
I.2.1.1 Antarmuka Sistem
Antarmuka sistem terbagi atas beberapa bagian,antara lain : § Antarmuka dengan pengguna.
§ Antarmuka perangkat keras.
§ Antarmuka perangkat lunak. § Antarmuka komunikasi.
Sedangkan proses pengembangan aplikasi agar dapat diselesaikan dengan baik, dibutuhkan beberapa software yaitu:
§ Macromedia Dreamweaver versi 8
Digunakan untuk mengembangkan antarmuka aplikasi. § MySQL versi 1.6.0
Digunakan sebagai media untuk penyimpanan data secara terpusat.
§ Internet Browser versi 6.0
§ PHP versi 5 § JDK versi 1.6.0
I.2.1.2 Antarmuka dengan Pengguna
Aplikasi yang dibuat memberikan kemudahan user dalam mengukur kemampuan dalam programming. Dibawah ini adalah deskripsi singkat antarmuka penggunanya adalah :
§ Untuk system login, ditampilkan dengan menggunakan
5
§ UntukAdmin, menghapus user dan melihat daftar user.
§ Terdapat daftar soal, jawaban, maupun skor untuk dilihat oleh user maupun admin
§ Memberikan pesan error kepada pengguna secara jelas sesuai dengan kesalahan yang terjadi.
I.2.1.3 Antarmuka Perangkat Keras
Perangkat keras yang dibutuhkan agar aplikasi dapat berjalan dengan baik, dibagi atas dua bagian penting yakni server dan client.
I.2.1.4 Antarmuka Perangkat Lunak
Untuk perangkat lunak / software yang dibutuhkan adalah : 1) Nama : Macromedia Dreamweaver
Versi : 8 2) Nama : MySQL
Versi : 1.60 3) Nama : PHP
Versi : 5 4) Nama :XAMPP
Versi : 1.60
5) Nama : Windows XP Profesional Edition Versi : SP2
6) Nama : Compiler Java – JDK Versi : 1.6.0
I.2.1.5 Antarmuka Komunikasi
6
I.2.1.6 Batasan Memori
Server : Memori minimum 512 MB, Hardisk 100 GB. Untuk mengelola penyimpanan data maupun penempatan untuk kompiler.
Client : Hardware cukup dengan spesifikasi yang mendukung internet browser.
I.2.1.7 Operasi – Operasi
Operasi – operasi yang dilakukan adalah : 1) Mengajukan soal
2) Mengubah soal 3) Manjawab soal 4) Melihat soal 5) Melihat skor 6) Menambah user 7) Melihat daftar user 8) Menghapus user 9) Mengapprove soal
10)Kompilasi dan Menjalankan program 11) Perhitungan skor
I.2.2 Fungsi Produk
Aplikasi ini memiliki fungsi yang sangat berhubungan satu dengan lainnya, secara global fungsi – fungsi tersebut adalah :
7
6) Menambah user 7) Melihat daftar user 8) Menghapus user 9) Mengapprove soal
10)Kompilasi dan Menjalankan program 11) Perhitungan skor
I.2.3 Karakteristik Pengguna
Karakteristik pengguna aplikasi ini adalah :
§ Tingkat pendidikan : SMA dan Mahasiswa
§ Pengalaman : Mengerti atau memahami bahasa pemrograman khususnya java.
I.2.4 Batasan – Batasan
Batasan – batasan yang harus diperhatikan adalah sebagai berikut :
§ User harus mengerti bahasa pemrograman java. § User yang mengajukan soal dan jawaban tidak dapat
menjawab soal yang telah diajukan.
§ User yang sudah menjawab dan mendapat nilai 100, tidak dapat mengulang lagi soal yang sudah dijawab. § Penilaian hanya didapat dari pembandingan hasil
output.
§ Soal yang diajukan tidak boleh memiliki nilai inputan manual.
§ Soal tidak boleh mengandung GUI(Graphical User
Interface).
8
§ Skor didapat dari jika penilaian benar semua jika salah satu salah, akan dianggap salah.
§ Admin hanya ada 1 dan tidak dapat ditambah lagi.
I.2.5 Asumsi dan Ketergantungan
Asumsi dan ketergantungan yang harus diperhatikan adalah sebagai berikut :
77
BAB VI KESIMPULAN DAN SARAN
VI.1 Kesimpulan berdasarkan Hasil Evaluasi
Hasil evaluasi dengan black box dan test case ditarik sebuah kesimpulan yang menjadi masukanmasukan bagi aplikasi website pengujian program ini antara lain :
· Mampu mengembangkan kemampuan dalam hal pemrograman
khususnya bahasa pemrograman java.
· Banyak belajar dalam memahami beberapa kasus soal
permrograman java.
· Mampu mengukur kemampuan pemrograman java.
VI.2 Saran berdasarkan Hasil Evaluasi
Selain menarik kesimpulan dari hasil evaluasi didapatkan saran saran yang dapat mengembangkan dan mengembangkan website pengujian program dimasa yang akan datang. Saransaran tersebut antara lain adalah :
· Dalam aplikasi web ini nantinya dapat melihat berapa user
yang sudah mengujungi.
· Desain dapat dikembangkan agar lebih menarik lagi, dan
dapat memudahkan pengguna.
· Pengembangan tidak hanya satu bahasa pemrograman saja.
· Mencoba untuk mampu mengkompilasi dan menjalankan soal
78
DAFTAR PUSTAKA
Miller,Randy .Practical UML: A HandsOn Introduction for Developers. http://dn.codegear.com/article/31863
Sunyoto, Andi M.Kom. AJAX Membangun Web dengan Teknologi ASYCHRONOUSE Javasscript dan XML. Andi Yogyakarta 2007
Wahana Komputer dan Penerbit Andi. Menguasai Pemrograman Web dengan PHP 5. Andi.2006.
