1 APLIKASI UJIAN SARINGAN MASUK UNIVERSITAS ISLAM NEGERI SUNAN GUNUNG DJATI BANDUNG SKRIPSI Diajukan untuk Memenuhi Salah Satu Syarat Memperoleh Gelar...
APLIKASI UJIAN SARINGAN MASUK UNIVERSITAS ISLAM NEGERI SUNAN GUNUNG DJATI BANDUNG SKRIPSI Diajukan untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Teknik Informatika pada Jurusan Teknik Informatika Fakultas Sains dan Teknologi Unversitas Islam Negeri Sunan Gunung Djati Bandung
Disusun oleh Dadin Rahman 207 700 347
BANDUNG 2012/1433 H
APLIKASI UJIAN SARINGAN MASUK UNIVERSITAS ISLAM NEGERI SUNAN GUNUNG DJATI BANDUNG
Oleh: DADIN RAHMAN NIM. 207 700 347
Menyetujui: Pembimbing I,
Pembimbing II,
Ichsan Taufik, ST., MT. NIP. 198009132006041002
Agung Wahana, SE.,MT. NIP. 197305312009011003
Mengetahui: Dekan Fakultas Sains dan Teknologi,
Ketua Jurusan Teknik Informatika,
Dr. H. M. Subandi, Drs., Ir., MP. NIP. 195404241985031004
H. Cecep Nurul Alam, ST. MT. NIP. 197804172005011005
LEMBAR PENGESAHAN Skripsi yang berjudul APLIKASI UJIAN SARINGAN MASUK UNIVERSITAS ISLAM NEGERI SUNAN GUNUNG DJATI BANDUNG dinyatakan sah dan telah disidangkan dalam sidang MUNAQOSYAH Fakultas Sains dan Teknologi, Universitas Islam Negeri Sunan Gunung Djati Bandung pada tanggal 28 Februari 2012 oleh Majelis Sidang yang terdiri dari :
Ketua Majelis,
Sekretaris,
Dr. M. Agus Salim, Drs., MP. NIP. 196708181993031003
ÉΟŠÏm§9$# Ç≈uΗ÷q§9$# «!$# ÉΟó¡Î0 Ujian Saringan Masuk Universitas Islam Negeri Sunan Gunung Djati Bandung atau yang disingkat USM UIN SGD Bandung, merupakan jembatan yang menghubungkan antara jenjang pendidikan SMA/SMK/MA/MAK. untuk dapat diterima di UIN SGD Bandung. Tantangan yang mereka dapatkan semakin besar peminat USM UIN SGD Bandung terus bertambah setiap tahunnya, sehingga saingan yang dimiliki satu orang siswa semakin berlipat. Penerimaan mahasiswa baru di UIN Bandung saat ini masih menggunakan cara yang sederhana yaitu dengan cara ujian tulis. terjadi banyak kendala yang dihadapi dalam ujian tulis ini. Berdasarkan ide dan gagasan tersebut, manfaat teknologi komputer sangat dibutuhkan. “Aplikasi Ujian Saringan Masuk Universitas Islam Negeri Sunan Gunung Djati Bandung” adalah suatu aplikasi komputer yang dapat mempermudah proses pendataan peserta, ujian dan penilaiannya. Komputer dapat menyimpan data lebih aman dan dapat memberikan informasi yang cepat, tepat dan akurat. Komputer bekerja dengan perintah numeric sistem biner, yaitu 1 dan 0, 1 berarti hidup dan 0 artinya mati. Hanya dengan itulah komputer berfungsi, hanya dengan 1 dan 0 saja yang dapat dimengerti oleh mesin (bahasa komputasi). Pernyataan tersebut disampaikan oleh Al Khwarizmi. Dapat diambil kesimpulan bahwa begitu tingginya ilmu dan akal dalam agama yang sempurna ini, begitu banyak ayat yang menyatakan tentang 2 hal ini. Ayat-ayat ALLAH hanya akan menjadi petunjuk bagi orang yang mempunyai akal sebagaimana firman-Nya QS. Ali Imron ayat 7.
Tasikmalaya pada hari Jumat tanggal 16 September 1988 dari pasangan H.Dadang Irawan dan Hj.Lilis Herliani, yang merupakan anak pertama dari dua bersaudara Irwan Ismail (16), yang sewaktu kecil bercita-cita ingin menjadi seorang atlit sepakbola. Di umur 5 tahun mulai memasuki dunia pendidikan, yang dimulai dari Taman Kanak-kanak PGRI Pajar Kasih pada tahun 1995. Setelahnya diteruskan di SDN Nusawangi 1 hingga tahun 2001 sampai akhirnya lulus dengan baik dan diterima di SMPN 13 Tasikmalaya dan pada tahun 2004 melanjutkan ke jenjang SMA di SMAM 1 Tasikmalaya dan lulus pada tahun 2007. Tahun 2007 penulis melanjutkan kuliah di UIN Sunan Gunung Djati Bandung, selama mengenyam bangku kuliah di UIN penulis mendapatkan banyak pelajaran dan pengalaman yang berharga baik dibidang akademik maupun bidang lainnya hingga akhirnya penulis membuat tugas akhir dengan judul Aplikasi Ujian Saringan Masuk Universitas Islam Negeri Sunan Gunung Djati. Dan puncaknya pada tanggal 28 Februari 2012 penulis berhasil melewati sebuah puncak dari pembelajaran di kampus tercinta setelah diumumkannya kelulusan pada sidang Munaqosah. Dan penulis berharap semoga ilmu yang didapat bermanfaat khususnya bagi diri sendiri dan umumnya orang lain.
ABSTRAK
Dadin Rahman, 207700347 APLIKASI UJIAN SARINGAN MASUK UNIVERSITAS ISLAM NEGERI SUNAN GUNUNG DJATI BANDUNG
Skripsi. Program Studi Teknik Informatika. 2012 Kata kunci : USM UIN SGD Bandung, web, php,
Apliaksi ujian saringan masuk Universitas Islam Negeri Sunan Gunung Djati Bandung diciptakan untuk mengatasi beberapa masalah dan kekhawatiran dengan ujian manual (kertas yang ada ujian pilihan ganda). Dengan aplikasi ini tidak hanya membuat mudah menyelenggarakan Ujian tetapi aplikasi ini membantu panitia penyelenggara dalam pelaksanaan dan pengelolaan USM UIN SGD Bandung. Seluruh peserta ujian harus memiliki ID dan kode akses masingmasing yang diperoleh saat melakukan pendaftaran. ID dan kode inilah yang digunakan oleh peserta untuk mengakses Aplikasi Ujian Saringan Masuk Universitas Islam Negeri Sunan Gunung Djati Bandung untuk selanjutnya menyelesaikan soal yang sudah tersedia dalam aplikasi tersebut. Masing-masing peserta memiliki durasi waktu untuk menyelesaikan seluruh soal. Soal-soal tersebut diacak sehingga peserta tidak memiliki kesempatan untuk meniru pekerjaan peserta lain. Aplikasi ini juga menentukan diterima atau tidaknya para peserta ujian ke Universitas Islam Negeri Sunan Gunung Djati Bandung sesuai dengan hasil yang diperoleh setelah melakukan ujian. Pertanyaan-pertanyaan yang disampaikan dalam sistem ujian berisi konten yang dihasilkan secara on-the-fly oleh webserver. Adapun pembuatan aplikasi ini sendiri dirancang berbasiskan web dengan menggunakan bahasa pemrograman php dan menggunakan mysql sebagai database server. Untuk menciptakan halaman web yang dinamis yaitu suatu halaman web yang berubah menurut input dari user dan memiliki fleksibilitas yang tinggi.
i
KATA PENGANTAR
Segala puji bagi Allah SWT yang telah memberikan rahmat-Nya sehingga tugas akhir ini dapat penyusun selesaikan. Tugas akhir ini merupakan salah satu syarat kelulusan program pendidikan Sarjana (S1) pada program studi Teknik Informatika Universitas Islam Negeri Sunan Gunung Djati Bandung. Tugas akhir ini membuat suatu perangkat lunak yang dapat mempermudah proses ujian saringan masuk Universitas Islam Negeri Sunan Gunung Djati Bandung yaitu dengan menydiakan fasilitas ujian yang dapat diakses melalui jaringan internet. Penyusunan tugas akhir ini tidak lepas dari dukungan bantuan dan bimbingan berbagai pihak. Dalam kesempatan ini penyusun mengucapkan terima kasih dan penghargaan yang sebesar-besarnya kepada: 1. Allah SWT yang telah memberikan nikmat dan karunianya kepada saya. 2. Kedua orang tua, terimakasih atas perjuangan Ibu dan Bapak untuk memberikan kesempatan bagi saya dalam menuntut ilmu, kasih sayang kalian menjadi pelecut semangat buat saya untuk segera menyelesaikan tugas akhir ini.. 3. Bapak Cecep Nurul Alam, S.T.,M.T. selaku Ketua Jurusan Teknik Informatika UIN Bandung 4. Bapak Agung wahana,SE.,MT. dan Bapak Ichsan Taufik,ST.,MT. selaku dosen pembimbing, yang telah memberikan arahan dan masukan yang berharga selama penyusunan tugas akhir ini. 5. Keluarga saya di Tasikmalaya dan Bandung yang ikut mendo’akan saya selama kuliah, terima kasih banyak semoga apa yang kalian do’akan menjadi kenyataan. 6. Sahabat-sahabat dikampus, tidak terasa kita sudah 4 tahun bersama terimakasih atas semua kebersamaan itu, semoga kita semua menjadi orang-orang yang sukses. 7. Terima kasih buat orang-orang yang telah hadir dalam kehidupan saya.
Latar Belakang Masalah Informasi adalah salah satu kunci pada jaman ini. Semua kegiatan kita
memerlukan
informasi
dan
dituntut
untuk
menghasilkan
informasi.
Untuk
mendapatkan dan menghasilkan informasi, komputer dan teknologinya adalah salah satu alat bantu yang paling tepat. Penggunaan komputer pada berbagai bidang, kalangan dan usia selalu kita jumpai. Tuntutan kebutuhan akan informasi dan penggunaan komputer yang semakin banyak mendorong terbentuknya sebuah jaringan komputer yang mampu melayani berbagai kebutuhan tertentu. Berkembangnya teknologi dan kebutuhan akan informasi menyebabkan bertambah kompleknya informasi yang harus dan yang dapat diolah, sehingga kebutuhan penggunaan beberapa jaringan komputer bersama-sama semakin diperlukan. Penggunaan jaringan secara bersama-sama ini, tumbuh membentuk jaringan komputer yang amat besar yang tersebar di seluruh bagian di muka bumi ini. Jaringan komputer seperti ini kita kenal dengan nama internet. Universitas Islam Negeri Sunan Gunung Djati atau dikenal dengan nama UIN Bandung atau seringkali disingkat sebagai UIN SGD Bandung (dulu bernama IAIN Sunan
Gunung
Djati
Bandung)
adalah
perguruan
tinggi
yang
bertujuan
menyebarluaskan ilmu agama dan umum yang digunakan dalam rangka meningkatkan kesejahteraan masyarakat. UIN SGD Bandung sangat selektiv dalam penerimaan mahasiswa baru yang memenuhi prinsip adil dan tidak diskriminatif dengan tidak membedakan jenis kelamin, agama, suku, ras, kedudukan sosial, dan tingkat kemampuan ekonomi calon mahasiswa dengan tetap memperhatikan potensi calon mahasiswa dan kekhususan perguruan tinggi. Perguruan tinggi sebagai penyelenggara pendidikan setelah SMA/SMK/MA/MAK hendaknya
dapat menerima calon
mahasiswa yang berprestasi akademik tinggi dan diprediksi akan berhasil menyelesaikan studi di perguruan tinggi berdasarkan penilaian dan rekomendasi Kepala Sekolah. Siswa yang berprestasi tinggi dan secara konsisten menunjukkan prestasinya tersebut layak mendapatkan kesempatan untuk menjadi calon mahasiswa.
1
Sekolah sebagai satuan pendidikan dan guru sebagai pendidik diyakini selalu menjunjung tinggi kehormatan dan kejujuran sebagai bagian dari prinsip pendidikan berkarakter. Dengan demikian sekolah dapat diberikan penghargaan dan kepercayaan melakukan seleksi awal calon mahasiswa yang berprestasi akademik dan diharapkan dapat menyelesaikan pendidikan tinggi dengan baik. Seleksi penerimaan calon mahasiswa baru UIN SGD Bandung untuk Program S-1 dan Diploma dilakukan melalui tiga jalur yaitu SNMPTN, PPA (jalur prestasi) dan Ujian Lokal atau Ujian Saringan Masuk UIN SGD Bandung. Ujian Saringan Masuk Universitas Islam Negeri Sunan Gunung Djati Bandung atau yang disingkat USM UIN SGD Bandung, merupakan jembatan yang menghubungkan antara jenjang pendidikan SMA/SMK/MA/MAK untuk dapat diterima di UIN SGD Bandung. Tantangan yang mereka dapatkan semakin besar peminat USM UIN SGD Bandung terus bertambah setiap tahunnya, sehingga saingan yang dimiliki satu orang siswa semakin berlipat. Penerimaan mahasiswa baru di UIN Bandung saat ini masih menggunakan cara yang sederhana yaitu dengan cara ujian tulis. terjadi banyak kendala yang dihadapi dalam ujian tulis ini mulai dari proses pendataan calon mahasiswa atau peserta ujian yang sangat banyak sehingga menyulitkan panitia penyelenggara dalam pengelolaanya dan pelaksanaan ujian yang kurang efektif karna masih menggunakan kertas ujian, karna apabila kertas ujian kotor atau rusak tidak dapat di lakukan proses penilaian. sehingga memerlukan waktu yang lama untuk mengolah data-datanya. Berdasarkan ide dan gagasan tersebut, manfaat teknologi komputer sangat dibutuhkan untuk mempermudah proses pendataan peserta, ujian dan penilaiannya. Komputer dapat menyimpan data lebih aman dan dapat memberikan informasi yang cepat, tepat dan akurat. Mengacu pada hal tersebut, maka penulis berkeinginan untuk menulis tugas akhir yang berjudul “Aplikasi Ujian Saringan Masuk Universitas Islam Negeri Sunan Gunung Djati Bandung”.
2
2.1
Rumusan Masalah Dalam perancangan dan pembangunan aplikasi ini, masalah yang akan dibahas
adalah sebagai berikut : 1. Bagaimana cara mengelola data peserta ujian dengan jumlah yang banyak. 2. Bagaimana sistem mengelola soal ujian, hasil ujian dan hasil kelulusan peserta ujian. 3. Bagaimana sistem dapat melakukan proses penyimpanan data, perhitungan dan penganalisaan hasil ujian.
3.1
Tujuan Adapun tujuan dari penulisan laporan tugas akhir ini adalah : 1. Membuat fasilitas self registration pada sistem. 2. Memberikan
kemudahan
bagi
administrator dan
instruktur
untuk
mengelolah soal dan pemeriksaan hasil ujian dan kelulusannya. 3. Merancang sistem ujian online yang dapat melakukan proses penyimpanan data,
perhitungan
penilaian
secara
langsung
(online
scoring).dan
penganalisaan hasil ujian yang berbasiskan web pada USM UIN SGD Bandung. 4. Meningkatkan efisiensi sistem ujian, karena ujian bersifat paperless.
4.1
Batasan Masalah Batasan masalah dalam membangun aplikasi ini adalah sebagai berikut: 1. Aplikasi
ini
digunakan
untuk
memudahkan
peserta
dan
panitia
penyelenggara USM UIN SGD Bandung secara online. 2. Untuk dapat melakukan ujian, peserta ujian harus memiliki ID dan kode akses masing-masing yang diperoleh saat melakukan pendaftaran. ID dan kode inilah yang digunakan oleh peserta untuk mengakses Aplikasi Ujian Saringan Masuk Universitas Islam Negeri Sunan Gunung Djati Bandung. 3. Admin bisa melihat informasi data peserta, data instruktur, soal dan hasil ujian. 4. Peserta hanya dapat mengakses informasi yang disediakan oleh sistem.
3
5. Aplikasi Ujian ini menyediakan data peserta ujian, data instruktur, data soal, dan data hasil Ujian. 6. Dari sisi instruktur aplikasi ini menyediakan fasilitas pembuatan soal, analisis soal dan cetak soal ujian 7. Aplikasi ini dibangun dengan menggunakan bahasa pemograman PHP dan mysql sebagai databasenya.
5.1
Metodologi Penelitian Metodologi yang dikerjakan dalam melakukan kajian pada waktu penulisan
Laporan Tugas Akhir adalah : 1. Study literatur dengan cara membaca buku-buku referensi yang berkaitan dengan Laporan Tugas Akhir. 2. Wawancara untuk mengambil penjelasan secara mendetail tentang aplikasi yang akan dibuat. 3. Perancangan web dengan cara melakukan pendekatan-pendekatan tertentu untuk mencapai hasil yang diinginkan. 4. Pembuatan web dengan cara mulai menuangkan hasil rancangan ke dalam Server-Side Scripting Language. 5. Koreksi dengan cara mencari kelemahan yang ada pada web dan memperbaikinya.
6.1
Metode Pengembangan Sistem Dalam usaha memperoleh hasil yang diharapkan dari penelitian ini, penulis
menerapkan metode pengembangan sistem menggunakan metode prototyping. Prototyping (Gambar 1.1) yang dimulai dengan komunikasi antara ahli software dan pelanggan bertemu dan mendefinisikan keseluruhan objek untuk software, mengenali apa saja kebutuhan, dan menggaris bawahi lebih jauh yang merupakan ketentuanketentuan. (Pressman, 2005).
4
Gambar 1.1 Prototyping
Tahapan dalam metode prototyping adalah: a. Analisis Merupakan
proses
menganalisis
keperluan
yang
terdapat
pada
permasalahan yang ada. b. Desain Tahap ini merupakan proses dari model prototype permasalahan yang ada. c. Buat prototype Proses buat prototype disini adalah pembuatan model secara keseluruhan dan rencana pemecahan masalah. d. Evaluasi Merupakan evaluasi yang dilakukan customer terhadap prototype yang telah dibuat. e. Perbaikan prototype Tahap ini merupakan perbaikan pembuatan prototype agar sesuai yang diinginkan user. f. Hasil Merupakan hasil dari prototype yang dibuat dimana telah sesuai dengan yang diinginkan user.
5
7.1
Sistematika Penulisan Untuk memudahkan dalam penulisan Laporan Tugas Akhir, maka sistemetika
penulisan laporan adalah sebagai berikut : 1. BAB I PENDAHULUAN Mencakup latar belakang masalah, rumusan masalah, tujuan, batasan masalah, metodologi penelitian, metode pengembangan sistem dan sistematika penulisan. 2. BAB II LANDASAN TEORI Mencakup landasan-landasan teori yang berhubungan dengan materi tugas akhir yang dibuat. 3. BAB III ANALISA SISTEM Bab ini membahas mengenai pengidentifikasian kebutuhan sistem, detil analisis informasi awal termasuk pemaparan hal-hal yang akan mendukung sistem dan membahas mengenai pemodelan sistem yang meliputi pemodelan basis data dan alur data dari aplikasi yang akan dibuat. 4. BAB IV IMPLEMENTASI Dalam bab ini membahas mengenai implementasi sistem yang telah dibuat. 5. BAB V KESIMPULAN DAN SARAN Berisi kesimpulan yang dapat diperoleh penulis dari hasil penganalisaan data-data pada bab-bab sebelumnya dan juga saran-saran.
6
Jadwal Kegiatan Tabel 1.1 Jadwal Kegiatan No
Tahap
1
Pengumpulan data
2
Analisis
September I
II
III
Oktober IV
I
II
November III
Prosedur Data Target user Software Hardware 3
Design Relasi dan struktur Antarmuka
4
Coding
5
Testing
6
Maintenance
7
IV
I
II
III
Desember IV
I
II
II
Januari IV
I
II
III
IV
BAB II LANDASAN TEORI
2.1
Sistem
2.1.1 Pengertian Sistem Terdapat dua kelompok pendekatan di dalam mendefinisikan sistem, yaitu yang menekankan pada prosedurnya dan yang menekankan pada komponennya. Pendekatan sistem yang lebih menekankan pada prosedur mendefinisikan sistem sebagai berikut : “Sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan atau untuk menyelesaikan suatu sasaran tertentu”. Pendekatan sistem yang merupakan jaringan kerja dari prosedur lebih menekankan urutan-urutan operasi didalam sistem. Prosedur didefinisikan oleh Richard F. Neuschel sebagai berikut : “Prosedur adalah suatu urutan operasi klerikal (tulis-menulis) biasanya melibatkan beberapa orang didalam satu atau lebih departemen, yang diterapkan untuk menjamin penanganan yang seragam dari transaksi-transaksi bisnis yang terjadi”.
2.2
Aplikasi
2.2.1 Pengertian Aplikasi Aplikasi berasal dari kata application yang artinya penerapan, lamaran, penggunaan. Secara istilah aplikasi adalah : program siap pakai yang direka untuk melaksanakan suatu fungsi bagi pengguna atau aplikasi yang lain dan dapat digunakan oleh sasaran yang dituju. Pengertian aplikasi menurut versinya masing-masing, diantaranya :
Jogiyanto (1999 : 12) Aplikasi adalah penggunaan dalam suatu komputer,instruksi (instructiom) atau pernyataan (statement) yang disusun sedemikian rupasehingga komputer dapat memproses input menjadi output. Aplikasi merupakan rangkaian kegiatan atau perintah untuk dieksekusi oleh komputer.Program merupakan kumpulan instruction set yang akan
8
dijalankan oleh pemroses, yaitu berupa software. Bagaimana sebuah sistem komputer berpikir diatur oleh program ini. Program inilah yang mengendalikan semua aktifitas yang ada pada pemroses. Program berisi konstruksi logika yang dibuat oleh manusia, dan sudah diterjemahkan ke dalam bahasa mesin sesuai dengan format yang ada pada instructionset. Program aplikasi merupakan program siap pakai. Program yang direka untuk melaksanakan suatu fungsi bagi pengguna atau aplikasi yang lain. Contoh-contoh aplikasi ialah program pemproses kata dan Web Browser. Aplikasi akan menggunakan system operasi (OS) komputer dan aplikasi yang lainnya yang mendukung.
Kamus Besar Bahasa Indonesia (1998 : 52) Aplikasi adalah penerapan dari rancang sistem untuk mengolah data yang menggunakan aturan atau ketentuan bahasa pemrograman tertentu.
2.3
Ujian Online Ujian online otomatis adalah untuk mengatasi beberapa masalah dan
kekhawatiran dengan kertas yang ada ujian pilihan ganda. Untuk beberapa lembaga, mengelola campuran kertas ujian dengan database yang terkomputerisasi. Sistem ujian online adalah sistem pengujian baru yang memungkinkan melakukan generate soal secara dinamis. Pertanyaan-pertanyaan yang disampaikan dalam sistem ujian berisi konten yang dihasilkan secara on-the-fly oleh webserver. (Akhmad Alimudin,2007)
2.4
Pengertian Aplikasi Web Pada awalnya aplikasi web dibangun dengan hanya menggunakan bahasa yang
disebut HTML (HyperText Markup Langauge). Pada perkembangan berikutnya, sejumlah skrip dan objek dikembangkan untuk memperluas kemampuan HTML seperti PHP dan ASP pada skrip dan Apllet pada objek. Aplikasi Web dapat dibagi menjadi dua jenis yaitu aplikasi web statis dan dinamis. Web statis dibentuk dengan menggunakan HTML. Kekurangan aplikasi seperti ini terletak pada keharusan untuk memelihara program secara terus menerus untuk
9
mengikuti setiap perkembangan yang terjadi. Kelemahan ini diatasi oleh model aplikasi web dinamis. Pada aplikasi web dinamis, perubahan informasi dalam halaman web dilakukan tanpa perubahan program tetapi melalui perubahan data. Sebagai implementasi, aplikasi web dapat dikoneksikan ke basis data sehingga perubahan informasi dapat dilakukan oleh operator dan tidak menjadi tanggung jawab dari webmaster. Arsitektur aplikasi web meliputi klien, web server, middleware dan basis data. Klien berinteraksi dengan web server. Secara internal, web server berkomunikasi dengan middleware dan middleware yang berkomunikasi dengan basis data. Contoh middleware adalah PHP dan ASP. Pada mekanisme aplikasi web dinamis, terjadi tambahan proses yaitu server menerjemahkan kode PHP menjadi kode HTML. Kode PHP yang diterjemahkan oleh mesin PHP yang akan diterima oleh klien.(Abdul Kadir,2009)
2.5
Unified Modeling Language (UML)
2.5.1 Definisi Unified Modeling Language (UML) Menurut (Adi Nugroho : 2005). “Unified Modeling Language (UML) adalah alat bantu analisis serta perancangan perangkat lunak berbasis objek”. Ada 5 (empat) macam diagram dalam Unified Modeling Language (UML), yaitu : a. Use Case Diagram Diagram ini memperihatkan himpunan use case dan aktor-aktor (suatu jenis khusus dari kelas). Diagram ini terutama sangat penting untuk mengorganisasi dan memodelkan perilaku dari suatu sistem yang dibutuhkan serta diharapkan pengguna.
Gambar 2.1 Use Case Diagram 10
b. Class Diagram Diagram ini memperlihatkan himpunan kelas-kelas, antarmuka-antarmuka, kolaborasi-kolaborasi dan relasi-relasi antar objek.
Gambar 2.2 Class Diagram c. Sequence Diagram Diagram ini memperlihatkan interaksi yang menekankan pada pengiriman pesan (message) dalam suatu waktu tertentu.
Gambar 2.3 Sequence Class Diagram d. State Chart Diagram Diagram ini memperlihatkan state-state pada sistem, memuat state, transisi, event, dan aktifitas. Diagram ini terutama penting untuk memperlihatkan sifat dinamis dari antarmuka, kelas, kolaborasi dan terutama penting pada pemodelan sistem-sistem yang reaktif.
11
e. Activity Diagram Diagram ini memperlihatkan aliaran dari suatu aktifitas ke aktifitas lainnya dalam suatu sistem. Diagram ini terutama penting dalam pemodelan fungsi-fungsi dalam suatu sistem dan memberi tekanan pada aliran kendali antar objek.
Gambar 2.4 Activity Diagram
Gambar 2.5 Activity Diagram 2
12
2.6
Rational Rose Rational Rose adalah software yang memiliki perangkat-perangkat pemodelan
secara visual untuk membangun suatu solusi dalam rekayasa software dan pemodelan bisnis. Rational Rose dikeluarkan oleh perusahaan software bernama Rational Software, perusahaan yang mencetuskan ide pembentukan konsorsium bagi perusahaan-perusahaan yang memakai standar UML sebagai bahasa pemodelan di perusahaannya. Rational Rose memakai UML sebagai bahasa pemodelannya, ditambah beberapa fitur lain yang membuat Rational Rose menjadi software pemodelan visual yang terkemuka. Beberapa fitur terkemuka diantaranya Rational Rose memiliki Rational Unified Process (RUP) yaitu proses yang paling terperinci yang ada saat ini dan akan memberikan pedoman secara umum dalam pembuatan software dan pemodelan bisnis. Selain itu, Rational Rose memiliki kemampuan membuat solusi client/server, yang kemudian dapat diterapkan dan didistribusikan dalam lingkungan perusahaan.
2.7
Pengenalan Personal Home Page (PHP) PHP adalah singkatan dari Personal Home Page yang merupakan bahasa standar
yang digunakan dalam dunia website. PHP adalah bahasa pemrograman yang berbentuk script yang diletakkan didalam web server. Ada beberapa pengertian tentang PHP, akan tetapi PHP dapat diartikan sebagai Hypertext Preeprocessor. Ini merupakan bahasa yang hanya dapat berjalan pada server yang hasilnya dapat ditampilkan pada klien. Interpreter PHP dalam mengeksekusi kode PHP pada sisi server disebut serverside, berbeda dengan mesin maya Java yang mengeksekusi program pada sisi klien (client-server). (Kasiman Peranginangin, 2009)
2.8
MySQL MySQL
merupakan
software
sistem
manajemen
database
(Database
Management System – DBMS) yang sangat popular di kalangan pemrogram web, terutama di lingkungan Linux dengan menggunakan skrip dan Ped.
13
Fungsi MySQL dapat dikatakan sebagai interpreter query, karena setiap kita menggunakan query SQL (perintah SQL) kita harus meletakkannya di dalam fungsi ini. Dengan kata lain, SQL tidak dapat dijadikan tanpa adanya fungsi MySQL. MySQL termasuk jenis relational database management system (RDBMS). Sehingga istilah seperti tabel, baris dan kolom tetap digunakan dalam MySQL. Pada MySQL, sebuah database mengandung beberapa tabel, tabel terdiri dari sejumlah baris dan kolom. SQL merupakan kependekan Structured Query language. SQL digunakan untuk berkomunikasi dengan sebuah database. SQL adalah bahasa yang meliputi perintahperintah untuk menyimpan, menerima, memelihara, dan mengatur aksesakses ke basis data serta digunakan untuk memanipulasi dan menampilkan data dari database.(Bertha Sidik, 2003)
2.9
Fungsi PHP dan MySQL Adapun fungsi PHP untuk mengakses MySQL yang biasa digunakan diantaranya
adalah: a. mysql_connect() Fungsi mysql_connect adalah untuk menghubungkan PHP dengan database MySQL. Format fungsinya adalah: mysql_connect(string hostname, string username, string password); b. mysql_select_db Setelah
terhubung
ke
database
MySQL
dengan
menggunakan
mysql_connect, langkah selanjutnya adalah memilihi database yang akan digunakan. Fungsi mysql_connect_db digunakan untuk memilih database. Format fungsinya adalah: mysql_select_db(string database, koneksi); c. mysql_query Dalam database MySQL, perintah untuk melakukan trnasaksi ialah perintah SQL. Sebutan untuk mengirim perintah SQL dinamakan query. Query memberi perintah kepada database untuk melakukan apa yang dikehendaki. Format fungsinya adalah:
14
int mysql_query(string query, int[link_identifier]); d. mysql_num_rows Kegunaan dari fungsi ini adalah untuk menghitung jumlah baris yang dikenai oleh proses SQL. Format penulisannya adalah: int mysql_num_rows(int result); (Kasiman Peranginangin, 2009)
15
BAB III ANALISIS DAN PERANCANGAN SISTEM
3.1
Analisis Sistem Teknologi informasi secara online merupakan salah satu teknologi yang sedang
berkembang dengan pesat saat ini. Dengan kemajuan teknologi informasi online, pengaksesan terhadap data atau informasi yang tersedia dapat berlangsung dengan cepat, efisien serta akurat. Namun, seringkali banyak organisasi yang mengabaikan kemudahan teknologi informasi secara online di dalam kegiatan operasionalnya begitu pula dalam bidang pendidikan. Aplikasi Ujian Saringan Masuk Universitas Islam Negeri Sunan Gunung Djati Bandung atau yang disingkat USM UIN SGD Bandung, merupakan jembatan yang menghubungkan antara jenjang pendidikan SMA/SMK/MA/MAK untuk dapat diterima di UIN SGD Bandung. Tantangan yang mereka dapatkan semakin besar peminat USM UIN SGD Bandung terus bertambah setiap tahunnya, sehingga saingan yang dimiliki satu orang siswa semakin berlipat. Dengan aplikasi ini tidak hanya membuat mudah menyelenggarakan Ujian tetapi aplikasi ini membantu panitia penyelenggara dalam pelaksanaan dan pengelolaan USM UIN SGD Bandung. Seluruh peserta ujian harus memiliki ID User dan password masing-masing yang diperoleh saat melakukan pendaftaran. ID User dan password inilah yang digunakan oleh peserta untuk mengakses Aplikasi Ujian Saringan Masuk Universitas Islam Negeri Sunan Gunung Djati Bandung untuk selanjutnya menyelesaikan soal yang sudah tersedia dalam aplikasi tersebut. Masing-masing peserta memiliki durasi waktu untuk menyelesaikan seluruh soal. Soal-soal tersebut diacak sehingga peserta tidak memiliki kesempatan untuk meniru pekerjaan peserta lain. Aplikasi ini juga menentukan diterima atau tidaknya para peserta ujian ke Universitas Islam Negeri Sunan Gunung Djati Bandung sesuai dengan hasil yang diperoleh setelah melakukan ujian.
16
3.1.1 Kebutuhan Fugsional Kebutuhan fungsional yang harus dipenuhi oleh Aplikasi ini adalah sebagai berikut: 1. Admin USM UIN SGD Bandung a. Admin dapat melihat data peserta. b. Admin dapat melihat data instruktur. c. Admin dapat melihat data soal. d. Admin dapat melihat data nilai. 2. Instruktur USM UIN SGD Bandung. a. Instruktur dapat mendaftarkan diri sebagai instruktur. a. Instruktur dapat membuat, mengedit dan menghapus soal ujian. b. Instruktur dapat menampilkan dan mencetak soal ujian. c. Instruktur dapat menampilkan hasil ujian. d. Instruktur dapat menampilkan analisis soal ujian. e. Instruktur dapat melihat data peserta. f. Instruktur dapat melihat data instruktur. 3. Peserta USM UIN SGD Bandung. a. Peserta dapat mendaftarkan diri sebagai peserta ujian. b. Peserta dapat melakukan ujian. c. Peserta dapat mengetahui nilai dan hasil ujian. d. Peserta dapat melihat data peserta. e. Peserta dapat melihat data instruktur. 3.1.2 Kebutuhan Non Fungsional Kebutuhan non fungsional adalah kebutuhan sistem meliputi performa, kelengkapan operasi pada fungsi-fungsi yang ada, serta kesesuaian dengan lingkungan penggunanya. Rumusan kebutuhan non fungsional meliputi: 1. Kebutuhan Keamanan a. Hanya mahasiswa yang sudah terdaftar pada sistem yang dapat mengikuti ujian. b. Halaman admin hanya boleh diakses oleh admin. c. Halaman instruktur hanya boleh diakses oleh instruktur.
17
d. Akses soal ujian menggunakan password. 2. Kebutuhan Operasional. a. Sistem dapat diaplikasikan pada jaringan LAN. b. Sistem harus dapat diakses dengan perambah. c. Sistem dapat diakses oleh pengguna yang dirumuskan.
3.2
Perancangan Perangkat Lunak Pada bab ini akan diuraikan dan dijelaskan perancangan dari Aplikasi Ujian
Saringan Masuk Universitas Islam Negeri Sunan Gunung Djati Bandung yang dibahas dengan metodologi berorientasi obyek. Pemodelan yang dibuat adalah dengan menggunakan UML (Unified Modelling Language). 3.2.1 Use Case Diagram Pada sub bab ini dijelaskan bagaimana Use Case yang terjadi dalam Aplikasi Ujian Saringan Masuk Universitas Islam Negeri Sunan Gunung Djati Bandung yang dimodelkan dalam sekumpulan Use Case dan Actor dan bagaimana hubungan– hubungannya yang akan dipetakan dalam Use Case, dilengkapi dengan skenario untuk menjelaskan dari gambaran Use Case yang ada dengan menggambarkan skenario per Use Case.
18
profile peserta
nilai ujian buat soal baru
profile instruktur
<>
<>
<>
Login
registrasi peserta
Peserta
ujian
tambah item soal
analisis soal
<>
<<extend>>
edit soal
<>
cetak soal
<<extend>>
hasil ujian
data soal
Login
Login
<<extend>>
data peserta
registrasi instruktur
data instruktur
<>
instruktur
admin
Gambar 3.1 Use Case Aplikasi Ujian Saringan Masuk Universitas Islam Negeri Sunan Gunung Djati Bandung 3.2.2 Use Case Scenario Use case skenario digunakan untuk menjelaskan dari gambaran use case yang ada dengan menggambarkan identifikasinya dan skenario per use case 3.2.2.1 Use Case Scenario Peserta 1. Use Case Scenario Registrasi Peserta Berikut use case skenario daftar peserta yang menggambarkan proses pendaftaran peserta ujian. Seperti pada tabel 3.1 di bawah ini. Tabel 3.1 Use Case Scenario Registrasi Peserta. IDENTIFIKASI Nomor
UCSP01
Nama
Registrasi Peserta
Tujuan
Pendaftaran peserta ujian
Deskripsi Aktor
Menggambarkan proses pendaftaran peserta ujian Peserta
19
SKENARIO Kondisi Awal
Tampilan menu registrasi peserta
Aksi Aktor
Reaksi Sistem
1. Peserta membuka menu registrasi 2. Sistem menampilkan registrasi peserta dalam home 3. Peserta
mengisi
peserta data
registrasi
peserta
4. Sistem mengakses database -
Peserta mendapatkan ID User dan
Kondisi Akhir
password
untuk
mengakses
aplikasi
2. Use Case Scenario Login Peserta Berikut use case skenario untuk login peserta yang menggambarkan kegiatan peserta agar dapat masuk dan mengakses aplikasi. Seperti pada tabel 3.2 di bawah ini. Tabel 3.2 Use Case Scenario Login Peserta. IDENTIFIKASI Nomor
UCSP02
Nama
Login Peserta
Tujuan
Peserta dapat mengakses aplikasi Menggambarkan
Deskripsi
kegiatan
peserta
agar dapat masuk dan mengakses aplikasi
Aktor
Peserta
SKENARIO Kondisi Awal
Tampilan menu login
Aksi Aktor
Reaksi Sistem
1. Peserta menginputkan ID User dan
2. Sistem melakukan select ke database untuk mencocokan ID
password
User dan password
20
-
Kondisi Akhir
Peserta
bisa
masuk
dan
mengakses aplikasi
3. Use Case Scenario Ujian Berikut use case skenario untuk ujian yang menggambarkan kegiatan peserta dalam melakukan ujian. Seperti pada tabel 3.3 di bawah ini : Tabel 3.3 Use Case Scenario Ujian. IDENTIFIKASI Nomor
UCSP03
Nama
Ujian
Tujuan
Peserta melakukan ujian Menggambarkan kegiatan peserta
Deskripsi
dalam melakukan ujian
Aktor
Peserta
SKENARIO Kondisi Awal
Tampilan menu ujian
Aksi Aktor
Reaksi Sistem
1. Peserta membuka menu ujian
2. Sistem Menampilkan soal ujian 4. Sistem
3. Peserta mengisi soal ujian
memeriksa
dan
memproses
jawaban
peserta
ujian
menyimpanya
dan
ke
dalam database Kondisi Akhir
-
Peserta dapat melakukan ujian
4. Use Case Scenario Hasil Ujian Berikut use case skenario untuk hasil ujian yang menggambarkan kegiatan peserta dalam melihat hasil ujian peserta. Seperti pada tabel 3.4 di bawah ini.
21
Tabel 3.4 Use Case Scenario Hasil Ujian. IDENTIFIKASI Nomor
UCSP04
Nama
Hasil Ujian
Tujuan
Peserta dapat melihat hasil ujian
Deskripsi
Menggambarkan hasil ujian peserta
Aktor
Peserta
SKENARIO Kondisi Awal
Tampilan menu hasil ujian
Aksi Aktor 1. Peserta membuka menu hasil 2. Sistem ujian
Kondisi Akhir
kategori
pencarian data hasil ujian
3. Peserta memilih kategori data hasil ujian
menampilkan
4. Sistem menampilkanhasil ujian -
Peserta mengetahui hasil ujian yang sudah dilakukan
5. Use Case Scenario Profil Peserta Berikut use case skenario profil peserta. Seperti pada tabel 3.5 di bawah ini. Tabel 3.5 Use Case Scenario Profil Peserta. IDENTIFIKASI Nomor
UCSP05
Nama
Profil peserta
Tujuan
Peserta dapat melihat dan mengedit profil peserta Menggambarkan
Deskripsi
peserta
dalam melihat dan mengedit profil peserta
Aktor
proses
Profil
SKENARIO
22
Kondisi Awal
Tampilan menu profil peserta
Aksi Aktor
Reaksi Sistem
1. Peserta
membuka
profil 2. Sistem
instruktur
menampilkan
profil
peserta -
Kondisi Akhir
Instruktur
dapat
melihat
dan
mengedit profil pesertar
6. Use Case Scenario Nilai Ujian Berikut use case skenario untuk nilai ujian yang menggambarkan kegiatan peserta dalam melihat nilai ujian peserta. Seperti pada tabel 3.6 di bawah ini. Tabel 3.6 Use Case Scenario Nilai Ujian. IDENTIFIKASI Nomor
UCSP06
Nama
Nilai Ujian
Tujuan
Peserta dapat melihat nilai ujian
Deskripsi
Menggambarkan nilai ujian peserta
Aktor
Peserta
SKENARIO Kondisi Awal
Tampilan menu nilai ujian
Aksi Aktor 1. Peserta membuka menu nilai ujian Kondisi Akhir
2. Sistem menampilkan nilai ujian -
Peserta mengetahui nilai ujian yang sudah dilakukan
3.2.2.2 Use Case Scenario Instruktur 1. Use C ase Scenario Registrasi Instruktur Berikut use case skenario daftar Instruktur yang menggambarkan proses pendaftaran Instruktur. Seperti pada tabel 3.7 di bawah ini :
23
Tabel 3.7 Use Case Scenario Registrasi Instruktur. IDENTIFIKASI Nomor
UCSI01
Nama
Registrasi Instruktur
Tujuan
Instruktur mendaftarkan diri Menggambarkan proses pendaftaran
Deskripsi
Instruktur
Aktor
Instruktur
SKENARIO Kondisi Awal
Tampilan menu daftar Instruktur
Aksi Aktor
Reaksi Sistem
1. Instruktur membuka menu daftar 2. Sistem menampilkan menu daftar Instruktur dalam home 3. Instruktur
mengisi
peserta
Instruktur data
daftar
4. Sistem mengakses database -
Kondisi Akhir
Instruktur mendapatkan ID User dan password untuk mengakses aplikasi
2. Use Case Scenario Login Instruktur Berikut use case skenario login instruktur yang menggambarkan kegiatan instruktur agar dapat masuk dan mengakses aplikasi. Seperti pada tabel 3.8 di bawah ini. Tabel 3.8 Use Case Scenario Login Instruktur. IDENTIFIKASI Nomor
UCSI02
Nama
Login Instruktur
Tujuan
Instruktur dapat mengakses aplikasi
Deskripsi
Menggambarkan
kegiatan
admin
agar dapat masuk dan mengakses
24
aplikasi Aktor
Instruktur
SKENARIO Kondisi Awal
Tampilan menu login
Aksi Aktor
Reaksi Sistem
1. Instruktur memilih menu login
2. Menampilkan menu login 4. Melakukan
3. Admin menginputkan ID User
select
ke
database untuk mencocokan
dan password
ID User dan password -
Kondisi Akhir
Instruktur
bisa
mengakses
aplikasi
3. Use Case Scenario Buat Soal Baru Berikut use case skenario buat soal baru yang menggambarkan proses pembuatan soal. Seperti pada tabel 3.9 di bawah ini. Tabel 3.9 Use Case Scenario Buat Soal Baru. IDENTIFIKASI Nomor
UCSI03
Nama
Buat soal baru
Tujuan
Instruktur membuat soal baru Menggambarkan proses pembuatan
Deskripsi
soal baru
Aktor
Instruktur
SKENARIO Kondisi Awal
Tampilan menu buat soal baru
Aksi Aktor
Reaksi Sistem
1. Instruktur membuka menu buat soal 2. Sistem menampilkan menu buat baru 3. Instruktur
soal baru membuat
menyimpannya
soal
dan
4. Sistem mengakses database
25
-
Kondisi Akhir
Instruktur dapat membuat soal baru
4. Use Case Scenario Tambah Item Soal Berikut use case skenario tambah item soal yang menggambarkan proses penambahan soal. Seperti pada tabel 3.10 di bawah ini. Tabel 3.10 Use Case Scenario Buat Soal Baru. IDENTIFIKASI Nomor
UCSI04
Nama
Tambah item soal
Tujuan
Instruktur menambah item soal Menggambarkan
Deskripsi
proses
Tambah
item soal
Aktor
Instruktur
SKENARIO Kondisi Awal
Tampilan menu tambah item soal
Aksi Aktor
Reaksi Sistem
1. Instruktur membuka menu tambah 2. Sistem item soal 3. Instruktur mengisi password 5. Instruktur menambahkan item soal dan menyimpannya Kondisi Akhir
menampilkan
inputan
password 4. Sistem menampilkan tambah item soal 6. Sistem mengakses database -
Instruktur dapat menambahkan item soal
5. Use Case Scenario Edit Soal Berikut use case skenario edit soal yang menggambarkan proses edit soal. Seperti pada tabel 3.11 di bawah ini.
26
Tabel 3.11 Use Case Scenario Edit Soal. IDENTIFIKASI Nomor
UCSI05
Nama
Edit soal
Tujuan
Instruktur edit soal
Deskripsi
Menggambarkan proses edit soal
Aktor
Instruktur
SKENARIO Kondisi Awal
Tampilan menu edit soal
Aksi Aktor
Reaksi Sistem
1. Instruktur membuka menu edit soal 3. Instruktur mengisi password 5. Instruktur
mengedit
menyimpannya Kondisi Akhir
soal
2. Sistem
menampilkan
inputan
password 4. Sistem menampilkan edit soal
dan
6. Sistem mengakses database -
Instruktur dapat mengedit soal
6. Use Case Scenario Profil Instruktur Berikut use case skenario profil instruktur. Seperti pada tabel 3.12 di bawah ini. Tabel 3.12 Use Case Scenario Profil Instruktur. IDENTIFIKASI Nomor
UCSI06
Nama
Profil Instruktur
Tujuan
Admin dapat melihat dan mengedit profil instruktur Menggambarkan proses admin dalam
Deskripsi
melihat instruktur
Aktor
Instruktur
27
dan
mengedit
profil
SKENARIO Kondisi Awal
Tampilan menu Profil Instruktur
Aksi Aktor
Reaksi Sistem
3. Instruktur
membuka
profil 4. Sistem
instruktur
menampilkan
profil
instruktur -
Kondisi Akhir
Instruktur
dapat
melihat
dan
mengedit profil instruktur
7. Use Case Scenario Hasil Ujian (Instruktur) Berikut use case skenario hasil ujian (Instruktur) yang menggambarkan proses Instruktur dalam melihat hasil ujian peserta. Seperti pada tabel 3.13 di bawah ini. Tabel 3.13 Use Case Scenario Hasil Ujian (Instruktur). IDENTIFIKASI Nomor
UCSI07
Nama
Hasil Ujian
Tujuan
Instruktur dapat melihat hasil ujian Menggambarkan proses Instruktur
Deskripsi
dalam melihat hasil ujian peserta
Aktor
Instruktur
SKENARIO Kondisi Awal
Tampilan menu hasil ujian
Aksi Aktor
Reaksi Sistem
1. Instruktur membuka menu hasil 2. Sistem ujian peserta 3. Instruktur
kategori
pencarian data hasil ujian peserta memilih
kategori 4. Sistem menampilkan hasil ujian
pencarian data hasil ujian Kondisi Akhir
menampilkan
peserta -
Instruktur
dapat
data hasil ujian
28
menampilkan
8. Use Case Scenario Analisis Soal Berikut use case skenario analisis soal. Seperti pada tabel 3.14 di bawah ini. Tabel 3.14 Use Case Scenario Analisis Soal. IDENTIFIKASI Nomor
UCSI09
Nama
Analisis soal Instruktur dapat melihat analisis soal
Tujuan
ujian Menggambarkan proses Instruktur
Deskripsi
dalam melihat analisis soal ujian
Aktor
Instruktur
SKENARIO Kondisi Awal
Tampilan menu analisis soal
Aksi Aktor
Reaksi Sistem
1. Instruktur membuka menu analisis 2. Sistem soal
menampilkan
inputan
password
3. Instruktur mengisi password
4. Sistem menampilkan analisis soal -
Kondisi Akhir
Instruktur dapat melihat analisis soal ujian
9. Use Case Scenario Cetak Soal Berikut use case skenario cetak soal. Seperti pada tabel 3.15 di bawah ini. Tabel 3.15 Use Case Scenario Cetak Soal. IDENTIFIKASI Nomor
UCSI10
Nama
Cetak soal
Tujuan
Instruktur dapat mencetak soal
Deskripsi
Menggambarkan proses Instruktur dalam mencetak soal
29
Aktor
Instruktur
SKENARIO Kondisi Awal
Tampilan menu cetak soal
Aksi Aktor
Reaksi Sistem
1. Instruktur membuka menu mencetak 2. Sistem soal
menampilkan
inputan
password
3. Instruktur mengisi password
4. Sistem mencetak soal
Kondisi Akhir
-
Instruktur dapat mencetak soal
3.2.2.3 Use Case Scenario Admin 1. Use Case Scenario Login Admin Berikut use case skenario untuk login Admin yang menggambarkan kegiatan peserta agar dapat masuk dan mengakses aplikasi. Seperti pada tabel 3.16 di bawah ini. Tabel 3.16 Use Case Scenario Login Admin. IDENTIFIKASI Nomor
UCSA01
Nama
Login Admin
Tujuan
Admin bisa mengakses aplikasi Menggambarkan
Deskripsi
kegiatan
admin
agar dapat masuk dan mengakses aplikasi
Aktor
Admin
SKENARIO Kondisi Awal
Tampilan menu login admin
Aksi Aktor
Reaksi Sistem
1. Admin memilih menu login
2. Menampilkan menu login 4. Melakukan
3. Admin menginputkan ID User
select
ke
database untuk mencocokan
dan password
ID User dan password
30
Kondisi Akhir
-
Admin bisa mengakses aplikasi
2. Use Case Scenario Data Peserta Berikut use case skenario data peserta yang menggambarkan proses admin dalam melihat data peserta ujian. Seperti pada tabel 3.17 di bawah ini. Tabel 3.17 Use Case Scenario Data Peserta. IDENTIFIKASI Nomor
UCSA02
Nama
Data Peserta
Tujuan
Admin dapat melihat data peserta Menggambarkan proses admin dalam
Deskripsi
melihat data peserta
Aktor
Admin
SKENARIO Kondisi Awal
Tampilan menu data peserta
Aksi Aktor
Reaksi Sistem
1. Admin membuka data peserta 3. Admin pencarian
memilih data
2. Sistem
menampilkan
kategori
pencarian data peserta
kategori
peserta
ujian 4. Sistem menampilkan data peserta
peserta Kondisi Akhir
-
Admin dapat mengetahui dan melihat data peserta
3. Use Case Scenario Data Instruktur Berikut use case skenario data Instruktur yang menggambarkan proses admin dalam melihat data Instruktur. Seperti pada tabel 3.18 di bawah ini :
31
Tabel 3.18 Use Case Scenario Data Instruktur. IDENTIFIKASI Nomor
UCSA03
Nama
Data Instruktur
Tujuan
Admin dapat melihat data Instruktur Menggambarkan proses admin dalam
Deskripsi
melihat data Instruktur
Aktor
Admin
SKENARIO Kondisi Awal
Tampilan menu data Instruktur
Aksi Aktor
Reaksi Sistem
1. Admin
membuka
menu
data 2. Sistem
Instruktur 3. Admin
kategori
pencarian data Instruktur memilih
kategori 4. Sistem
pencarian data Instruktur Kondisi Akhir
menampilkan
menampilkan
data
Instruktur -
Admin dapat mengetahui dan melihat data Instruktur
4. Use Case Scenario Hasil Ujian (Admin) Berikut use case skenario hasil ujian (admin) yang menggambarkan proses admin dalam melihat hasil ujian peserta. Seperti pada tabel 3.19 di bawah ini : Tabel 3.19 Use Case Scenario Hasil Ujian (Admin). IDENTIFIKASI Nomor
UCSA04
Nama
Hasil Ujian
Tujuan
Admin dapat melihat hasil ujian
Deskripsi Aktor
Menggambarkan proses admin dalam melihat hasil ujian peserta Admin
SKENARIO
32
Kondisi Awal
Tampilan menu hasil ujian
Aksi Aktor
Reaksi Sistem
1. Admin membuka menu hasil 2. Sistem ujian peserta 3. Admin
menampilkan
kategori
pencarian data hasil ujian peserta
memilih
kategori 4. Sistem menampilkan hasil ujian
pencarian data hasil ujian
peserta -
Kondisi Akhir
Admin dapat melihat data hasil ujian
5. Use Case Scenario Data Soal Berikut use case skenario data soal yang menggambarkan proses admin dalam melihat data soal. Seperti pada tabel 3.20 di bawah ini. Tabel 3..20 Use Case Scenario Data Soal. IDENTIFIKASI Nomor
UCSA05
Nama
Data soal
Tujuan
Admin dapat melihat data soal
Deskripsi Aktor
Menggambarkan proses admin dalam melihat data soal Admin
SKENARIO Kondisi Awal
Tampilan menu data soal
Aksi Aktor
Reaksi Sistem
5. Admin membuka data soal Kondisi Akhir
6. Sistem menampilkan data soal -
Admin dapat mengetahui dan melihat data soal
33
3.2.3 Activity Activity merupakan suatu bentuk flow yang memodelkan alur kerja (workflow) sebuah proses sistem informasi dan sebuah urutan aktifitas sebuah proses. ini sangat mirip dengan sebuah flowchart karena kita dapat memodelkan sebuah alur kerja dari sebuah aktifitas lainnya atau dari suatu aktifitas kedalam keadaan sesaat. Activity akan lebih bermanfaat apabila terlebih dahulu kita modelkan sebuah proses untuk membantu kita memahami proses secara keseluruhan. Activity juga sangat berguna ketika kita ingin menggambarkan perilaku parallel atau menjelaskan bagaimana perilaku dalam berbagai use case berinteraksi. Aktivitas yang terjadi pada aplikasi ini ialah seperti gambar-gambar di bawah ini : 3.2.3.1 Activity Diagram Peserta 1. Activity Registrasi Peserta Activity registrasi ini merupakan alur kerja peserta untuk mendaftarkan diri sebagai peserta ujian. Berikut activity untuk registrasi peserta seperti pada gambar 3.2 di bawah ini. Start
menu registrasi peserta
input data peserta
tidak
ya data tersimpan
mendapat ID User dan password
end
Gambar 3.2 Activity Registrasi Peserta
34
a. Peserta memilih menu registrasi peserta dalam home. b. Peserta menginputkan data peserta yang sudah disediakan oleh sistem. c. Sistem melakukan proses database d. Setelah registrasi peserta sukses di proses maka sistem akan menyimpan data peserta ke dalam database. e. Peserta mendapatkan ID User dan password untuk mengakses aplikasi. 2. Activity Diagram Login Peserta Activity diagram login ini merupakan alur kerja peserta untuk masuk ke sistem. Berikut activity diagram untuk login Peserta seperti pada gambar 3.3 di bawah ini. Start
Login
Masukan ID User & Password
tidak
ya Home Peserta
End
Gambar 3.3 Activity Diagram Login Peserta. a. Peserta melakukan login dengan memasukan ID User dan password. b. Sistem akan mencocokan ID User dan password ke dalam database, jika tidak cocok maka sistem akan kembalikan tampilan login seperti semula. c. Jika ID User dan password sesuai dengan yang ada di database maka peserta akan masuk ke home.
35
3. Activity Diagram Ujian Activity diagram ini digunakan untuk mengetahui alur dalam pelaksanaan USM UIN SGD Bandung. Berikut activity diagram untuk pelaksanaan ujian seperti pada gambar 3.4 di bawah ini. Start
Ikuti Ujian
Pilih Menu Ujian
Masukan Password Soal Ujian
tidak
ya Mulai Ujian
Selesai Ujian
Hasil Ujian
End
Gambar 3.4 Activity Diagram Ujian. a. Peserta masuk ke menu ujian. b. Peserta memilih menu ujian. c. Peserta memasukan password soal ujian. d. Sistem akan mencocokan password ke dalam database. e.
Peserta memulai ujian.
f. Setelah selesai mengisi soal maka peserta dapat menyimpan data jawaban untuk selanjutnya diproses oleh sistem untuk mencocokan jawaban ke dalam database. g. Peserta dapat melihat hasil ujian.
36
4. Activity Diagram Hasil Ujian (Peserta) Activity diagram ini digunakan untuk mengetahui hasil ujian. Berikut activity diagram untuk hasil ujian seperti pada gambar 3.5 di bawah ini. start
menu hasil ujian
cari data hasil ujian
data tidak ditemukan
data ditemukan
tampil data hasil ujian
Gambar 3.5 Activity Diagram Hasil Ujian (Peserta). a. Peserta masuk ke menu hasil ujian. b. Sistem mencari data hasil ujian. c. Sistem menampilkan data hasil ujian. 5. Activity Diagram Profil Peserta Activity diagram ini digunakan untuk profil peserta. Seperti pada gambar 3.6 di bawah ini. start
profile peserta
edit profile peserta
tampilkan profile peserta
end
Gambar 3.6 Activity Diagram Profil Peserta.
37
a. Profil peserta akan muncul ketika peserta masuk home. b. Peserta dapat mengedit profil. c. Menampilkan profil peserta 6. Activity Diagram Nilai Ujian Activity diagram ini digunakan untuk mengetahui nilai ujian. Berikut activity diagram untuk nilai ujian seperti pada gambar 3.7 di bawah ini. start
nilai
tampilkan nilai
end
Gambar 3.7 Activity Nilai Ujian a. Peserta masuk ke menu nilai ujian. b. Sistem menampilkan nilai ujian. 3.2.3.2 Activity Diagram Instruktur 1.
Activity Registrasi Instruktur Activity registrasi ini merupakan alur kerja instruktur untuk mendaftarkan
diri sebagai instruktur. Berikut activity untuk registrasi instruktur seperti pada gambar 3.8 di bawah ini.
38
Start
menu registrasi instruktur
input data instruktur
tidak
ya data tersimpan
mendapat ID User dan password
end
Gambar 3.8 Activity Registrasi Instruktur a. Instruktur memilih menu registrasi instruktur dalam home. b. Instruktur menginputkan data registrasi instruktur. c. Sistem melakukan proses database. d. Setelah registrasi instruktur sukses di proses maka sistem akan menyimpan data instruktur ke dalam database. e. Instruktur mendapatkan ID User dan password untuk mengakses aplikasi.
39
2. Activity Diagram Login Instruktur Activity diagram login ini merupakan alur kerja instruktur untuk masuk ke sistem. Berikut activity diagram untuk login instruktur seperti pada gambar 3.9 di bawah ini. Start
Login
Masukan ID User & Password
tidak
ya Home Instruktur
End
Gambar 3.9 Activity Login Instruktur. a. Instruktur melakukan login dengan memasukan ID User dan password. b. Sistem akan mencocokan ID User dan password ke dalam database, jika tidak cocok maka sistem akan kembalikan tampilan login seperti semula. c. Jika ID User dan password sesuai dengan yang ada di database maka Instruktur akan masuk ke home.
40
3. Activity Diagram Buat Soal Baru Activity diagram ini digunakan untuk mengetahui alur dalam buat soal. Berikut activity diagram buat soal seperti pada gambar 3.10 di bawah ini. start
buat soal baru
input data soal
simpan data soal
input soal ujian
simpan soal ujian
end
Gambar 3.10 Activity Diagram Buat Soal Baru a. Instruktur masuk ke menu buat soal baru. b. Instruktur menginput data soal. c. Setelah menginput data soal instruktur dapat menyimpannya ke dalam database. d. Instruktur menginput soal ujian. e. Setelah menginput soal ujian instruktur dapat menyimpannya ke dalam database.
41
4. Activity Diagram Tambah Item Soal Activity diagram ini digunakan untuk mengetahui alur dalam tambah item soal. Berikut activity diagram tambah item soal seperti pada gambar 3.11 di bawah ini. start
menu tambah item soal
masukan password item soal
tidak
ya masuk ke halaman item soal
input soal ujian
simpan soal ujian
end
Gambar 3.11 Activity Diagram Tambah Item Soal. a. Instruktur memilih menu tambah item soal. b. Instruktur memasukan password item soal. c. Sistem akan mencocokan password ke dalam database. d. Instruktur menginputkan soal ujian. e. Instruktur menyimpan soal ujian ke database.
42
5. Activity Diagram Edit Soal Activity diagram ini digunakan untuk mengetahui alur dalam edit soal. Berikut activity diagram edit soal seperti pada gambar 3.12 di bawah ini.
start
menu edit soal
masukan password edit soal
tidak
ya masuk ke halaman edit soal
edit soal ujian
simpan soal ujian
end
Gambar 3.12 Activity Diagram Activity Edit Soal a. Instruktur memilih menu edit soal. b. Instruktur memasukan password edit soal. c. Sistem akan mencocokan password ke dalam database. d. Instruktur mengedit soal ujian. e. Instruktur menyimpan soal ujian ke database.
43
6. Activity Profil Instruktur Activity ini digunakan untuk profil instruktur. Seperti pada gambar 3.13 di bawah ini. start
profile instruktur
edit profile instruktur
tampilkan profile instruktur
end
Gambar 3.13 Activity Profil Instruktur. a. Profil instruktur akan muncul ketika peserta masuk home. b. Instruktur dapat mengedit profil. c. Menampilkan profil instruktur. 7. Activity Hasil Ujian (Instruktur) Activity
ini digunakan untuk mengetahui hasil ujian. Berikut
untuk hasil ujian seperti pada gambar 3.14 di bawah ini. start
menu hasil ujian
cari data hasil ujian
data tidak ditemukan
data ditemukan
tampil data hasil ujian
Gambar 3.14 Activity Hasil Ujian (Instruktur).
44
activity
a. Peserta masuk ke menu hasil ujian b. Sistem mencari data hasil ujian c. Sistem menampilkan data hasil ujian. 8.
Activity Analisis Soal Activity ini digunakan untuk analisis soal. Berikut activity untuk analisis
soal seperti pada gambar 3.15 di bawah ini. start
analisis soal
masukan password analisis soal
tidak
ya tampilkan analisis soal
end
Gambar 3.15 Activity Analisis Soal. a. Instruktur memilih menu analisis soal. b. Instruktur memasukan password analisis soal. c. Sistem akan mencocokan password ke dalam database. d. Sistem menampilkan analisis soal.
45
9. Activity Cetak Soal Activity ini digunakan untuk cetak soal. Berikut activity untuk analisis soal seperti pada gambar 3.16 di bawah ini. start
cetak soal
masukan password cetak soal
tidak
ya masuk ke halaman cetak soal
cetak soal
end
Gambar 3.16 Activity Cetak Soal. a. Instruktur memilih menu cetak soal. b. Instruktur memasukan password cetak soal. c. Sistem akan mencocokan password ke dalam database. d. Sistem menampilkan cetak soal.
46
3.2.3.3 Activity Admin 1. Activity Login Admin Activity login ini merupakan alur kerja admin untuk masuk ke sistem. Berikut activity untuk login admin seperti pada gambar 3.17 di bawah ini. Start
Login
Masukan ID User & Password
tidak
ya Home Admin
End
Gambar 3.17 Activity Login Peserta a. Admin melakukan login dengan memasukan ID User dan password. b. Sistem akan mencocokan ID User dan password ke dalam database, jika tidak cocok maka sistem akan kembalikan tampilan login seperti semula. c. Jika ID User dan password sesuai dengan yang ada di database maka peserta akan masuk ke home. 2. Activity Data Peserta Activity ini digunakan untuk mengetahui data peserta. Berikut activity diagram untuk data peserta seperti pada gambar 3.18 di bawah ini.
47
start
data peserta
cari data peserta
data tidak ditemukan
data ditemukan
tampil data peserta
end
Gambar 3.18 Activity Diagram Data Peserta a. Peserta masuk ke menu data peserta. b. Sistem mencari data data peserta. c. Sistem menampilkan data data peserta. 3. Activity Diagram Data Instruktur Activity diagram ini digunakan untuk mengetahui data instruktur. Berikut activity diagram untuk data instruktur seperti pada gambar 3.19 di bawah ini. start
data instruktur
cari data instruktur
data tidak ditemukan
data ditemukan
tampil data instruktur
end
Gambar 3.19 Activity Diagram Data Instruktur a. Peserta masuk ke menu data instruktur. b. Sistem mencari data data instruktur. c. Sistem menampilkan data data instruktur.
48
4. Activity Diagram Hasil Ujian (Admin) Activity diagram ini digunakan untuk mengetahui hasil ujian. Berikut activity diagram untuk hasil ujian seperti pada gambar 3.20 di bawah ini. start
menu hasil ujian
cari data hasil ujian
data tidak ditemukan
data ditemukan
tampil data hasil ujian
Gambar 3.20 Activity Diagram Hasil Ujian (Admin) a. Peserta masuk ke menu hasil ujian b. Sistem mencari data hasil ujian c. Sistem menampilkan data hasil ujian. 5. Activity Diagram Data Soal Activity diagram ini digunakan untuk mengetahui data soal. Berikut activity diagram untuk data soal seperti pada gambar 3.21 di bawah ini. start
data soal
tampil data soal
end
Gambar 3.21 Activity Diagram Data Soal a. Peserta masuk ke menu data soal. b. Sistem menampilkan data soal.
49
3.2.4 Sequence Diagram Sequence diagram menjelaskan interaksi objek yang disusun dalam suatu urutan waktu. Diagram ini secara khusus berasosiasi dengan use case. Sequence diagram memperlihatkan tahap demi tahap apa yang sebenarnya terjadi untuk menghasilkan sesuatu didalam use case. Pada gambar-gambar di bawah ini digambarkan squence diagram yang terdapat dalam use case : 3.2.4.1 Sequence diagram Peserta 1. Sequence Diagram Registrasi Peserta Sequence diagram ini digunakan untuk menjelaskan registrasi peserta. Berikut sequence diagram untuk registrasi peserta seperti pada gambar 3.22 di bawah ini. Registrasi Peserta
Input Data Peserta
Database
: peserta
pilih menu input data validasi
simpan data
data tersimpan
Gambar 3.22 Sequence Diagram Registrasi Peserta a. Peserta memilih menu registrasi peserta dalam home. b. Peserta menginputkan data peserta. c. Sistem melakukan proses database d. Setelah registrasi sukses di proses maka sistem akan menyimpan data peserta ke dalam database.
50
2. Sequence Diagram Login Peserta Sequence diagram ini digunakan untuk menjelaskan interaksi login peserta. Berikut sequence diagram untuk login peserta seperti pada gambar 3.23 di bawah ini.
Login
Database
Home
: Peserta
Buka sistem Input Username&Password
Validasi Cek Username&Password
Login Sukses
Login Gagal
Gambar 3.23 Sequence Diagram Login a. Peserta melakukan login dengan memasukan User ID dan password. b. Sistem akan mencocokan atau validasi User ID dan password ke dalam database, jika tidak cocok maka sistem akan kembalikan tampilan login seperti semula. c. Jika username dan password sesuai dengan yang ada di database maka akan muncul konfirmasi login sukses. d. Peserta masuk ke home.
51
3. Sequence Diagram Ujian Sequence diagram ini digunakan untuk menjelaskan interaksi peserta dalam ujian. Berikut sequence diagram ujian seperti pada gambar 3.24 di bawah ini. ikuti ujian
pilih menu soal ujian
masukan password soal ujian
ujian
hasil ujian
database
: Peserta
pilih menu pilih soal
masukan password validasi password
cek password
password valid
password invalid
data ujian
cek data hasil ujian
hasil ujian
Gambar 3.24 Sequence Diagram Ujian a. Peserta masuk ke menu ujian. b. Peserta memilih menu ujian. c. Peserta memasukan password soal ujian. d. Sistem akan mencocokan password ke dalam database. e.
Peserta memulai ujian.
f. Setelah selesai mengisi soal maka peserta dapat menyimpan data jawaban untuk selanjutnya diproses oleh sistem untuk mencocokan jawaban ke dalam database. g. Peserta dapat melihat hasil ujian.
52
4. Sequence Diagram Hasil Ujian Sequence diagram ini digunakan untuk menjelaskan hasil ujian peserta. Berikut sequence diagram hasil ujian seperti pada gambar 3.25 di bawah ini.
Hasil Ujian
Cari data hasil ujian
Database
: Peserta
pilih menu cari data validasi
cek data hasil ujian
tampilkan data hasil ujian
Gambar 3.25 Sequence Diagram Hasil Ujian a. Peserta masuk ke menu hasil ujian b. Sistem mencari data hasil ujian c. Sistem mengakses database d. Sistem menampilkan data hasil ujian. 5. Sequence Diagram Profil Peserta Sequence diagram ini digunakan untuk menjelaskan profil peserta. Berikut sequence diagram untuk profil peserta seperti pada gambar 3.26 di bawah ini.
53
Profile peserta
Edit profile
Database
: Peserta
pilih menu edit validasi
simpan data
tampilkan profile peserta
Gambar 3.26 Sequence Diagram Profil Peserta a. Profil peserta akan muncul ketika peserta masuk home. b. Peserta dapat mengedit profil. c. Menampilkan profil peserta 6. Sequence Diagram Nilai Ujian Sequence diagram ini digunakan untuk menjelaskan nilai ujian peserta. Berikut sequence diagram nilai ujian seperti pada gambar 3.27 di bawah ini.
54
Nilai
Database
: Peserta
pilih menu validasi
cek nilai
tampil nilai
Gambar 3.27 Sequence Diagram Nilai Ujian a. Peserta masuk ke menu nilai ujian. b. Sistem mengakses database. c. Sistem menampilkan nilai ujian. 3.2.4.2 Sequence Diagram Instruktur 1. Sequence Diagram Registrasi Instruktur Sequence diagram ini digunakan untuk menjelaskan registrasi instruktur. Berikut sequence diagram untuk registrasi instruktur seperti pada gambar 3.28 di bawah ini. Registrasi Instruktur
Input Data Instruktur
Database
: Instruktur
pilih menu input data validasi
simpan data
data tersimpan
Gambar 3.28 Sequence Diagram Registrasi Instruktur
55
a.
Instruktur memilih menu registrasi instruktur dalam home.
b. Instruktur menginputkan data instruktur. c. Sistem melakukan proses database d. Setelah registrasi sukses di proses maka sistem akan menyimpan data peserta ke dalam database. 2. Sequence Diagram Login Instruktur Sequence diagram ini digunakan untuk menjelaskan interaksi login instruktur. Berikut sequence diagram untuk login instruktur seperti pada gambar 3.29 di bawah ini.
Login
Database
Home
Instruktur
Buka sistem Input Username&Password
Validasi Cek Username&Password
Login Sukses
Login Gagal
Gambar 3.29 Sequence Diagram Login Instruktur a. Instruktur melakukan login dengan memasukan ID User dan password. b. Sistem akan mencocokan ID User dan password ke dalam database, jika tidak cocok maka sistem akan kembalikan tampilan login seperti semula. c. Jika ID User dan password sesuai dengan yang ada di database maka Instruktur akan masuk ke home.
56
3. Sequence Diagram Buat Soal Baru Sequence diagram ini digunakan untuk menjelaskan buat soal. Berikut sequence diagram untuk buat soal seperti pada gambar 3.30 di bawah ini.
Buat soal
Input data soal
Input soal ujian
Database
: Instruktur
pilih menu
input data soal
validasi data soal
simpan data soal
input soal
validasi soal
simpan soal ujian
data soal ujian tersimpan
Gambar 3.30 Sequence Diagram Buat Soal Baru a. Instruktur masuk ke menu buat soal baru. b. Instruktur menginput data soal. c. Setelah menginput data soal instruktur dapat menyimpannya ke dalam database. d. Instruktur menginput soal ujian. e. Setelah menginput soal ujian instruktur dapat menyimpannya ke dalam database.
57
4. Sequence Diagram Tambah Item Soal Sequence diagram ini digunakan untuk menjelaskan tambah item soal. Berikut sequence diagram untuk tambah item soal. Seperti pada gambar 3.31 di bawah ini.
Tambah item soall
Input item soal ujian
Database
: Instruktur
pilih menu
masukan password item soal
cek password item
passwword valid
password invalid
data item soal
simpan item
data item soal tersimpan
Gambar 3.31 Sequence Diagram tambah item soal a. Instruktur memilih menu tambah item soal. b. Instruktur memasukan password item soal. c. Sistem akan mencocokan password ke dalam database. d. Instruktur menginputkan soal ujian. e. Instruktur menyimpan soal ujian ke database.
58
5. Sequence Diagram Edit Soal Sequence diagram ini digunakan untuk menjelaskan edit soal. Berikut sequence diagram untuk edit soal seperti pada gambar 3.32 di bawah ini.
Edit soal
Edit soal ujian
Database
: Instruktur
pilih menu
masukan password edit soal
cek password
passwword valid
password invalid
data edit soal
simpan data
data edit soal tersimpan
Gambar 3.32 Sequence Diagram Edit Soal a. Instruktur memilih menu edit soal. b. Instruktur memasukan password edit soal. c. Sistem akan mencocokan password ke dalam database. d. Instruktur mengedit soal ujian. e. Instruktur menyimpan soal ujian ke database.
59
6. Sequence Diagram Profil Instruktur Sequence diagram ini digunakan untuk menjelaskan profil instruktur. Berikut sequence diagram untuk profil instruktur. Seperti pada gambar 3.33 di bawah ini. Edit Profil
Profil Instruktur
Database
: Instruktur
pilih menu edit
validasi
simpan data
tampilkan profile instruktur
Gambar 3.33 Sequence Diagram Profil Instruktur a. Profil instruktur akan muncul ketika peserta masuk home. b. Instruktur dapat mengedit profil. c. Menampilkan profil instruktur. 7. Sequence Diagram Hasil Ujian (Instruktur) Sequence diagram ini digunakan untuk menjelaskan hasil ujian peserta. Berikut sequence diagram hasil ujian seperti pada gambar 3.34 di bawah ini. Hasil Ujian
Cari data hasil ujian
Database
: Instruktur
pilih menu cari data validasi
cek data hasil ujian
tampilkan data hasil ujian
Gambar 3.34 Sequence Diagram Hasil Ujian
60
a. Peserta masuk ke menu hasil ujian. b. Sistem mencari data hasil ujian. c. Sistem mengakses database. d. Sistem menampilkan data hasil ujian.. 8. Sequence Diagram Analisis Soal Sequence diagram ini digunakan untuk menjelaskan analisis soal. Berikut sequence diagram untuk analisis soal. Seperti pada gambar 3.35 di bawah ini. Analisis soal
analisis soal ujian
Database
: Instruktur
pilih menu
masukan password analisis soal
cek password
tampilkan analisis soal
password invalid
Gambar 3.35 Sequence Diagram Analisis Soal a. Instruktur memilih menu analisis soal. b. Instruktur memasukan password analisis soal. c. Sistem akan mencocokan password ke dalam database. d. Sistem menampilkan analisis soal. 9. Sequence Diagram Cetak Soal Sequence diagram ini digunakan untuk menjelaskan cetak soal. Berikut sequence diagram untuk cetak soal. Seperti pada gambar 3.36 di bawah ini.
61
Cetak soal
Cetak soal ujian
Database
: Instruktur
pilih menu
masukan password cetak
cek password
cetak soal ujian
password invalid
Gambar 3.36 Sequence Diagram Cetak Soal a. Instruktur memilih menu cetak soal. b. Instruktur memasukan password cetak soal. c. Sistem akan mencocokan password ke dalam database. d. Sistem menampilkan cetak soal. 3.2.4.3 Sequence Diagram Admin 1. Sequence Diagram Login Admin Sequence diagram ini digunakan untuk menjelaskan interaksi login admin. Berikut sequence diagram untuk login admin seperti pada gambar 3.37 di bawah ini. Login
Database
Home
: Admin
Buka sistem Input Username&Password
Validasi Cek Username&Password
Login Sukses
Login Gagal
Gambar 3.37 Sequence Diagram Login Admin
62
a. Admin melakukan login dengan memasukan ID User dan password. b. Sistem akan mencocokan ID User dan password ke dalam database, jika tidak cocok maka sistem akan kembalikan tampilan login seperti semula. c. Jika ID User dan password sesuai dengan yang ada di database maka admin akan masuk ke home. 2. Sequence Diagram Data Peserta Sequence diagram ini digunakan untuk menjelaskan data peserta. Berikut sequence diagram data peserta seperti pada gambar 3.38 di bawah ini. Data Peserta
Pencarian Data Peserta
Database
: Admin
pilih menu cari data validasi
cek data peserta
tampilkan data peserta
Gambar 3.38 Sequence Diagram Data Peserta a. Admin masuk ke menu data peserta. b. Sistem mencari data peserta. c. Sistem mengakses database. d. Sistem menampilkan data peserta. 3. Sequence Diagram Data Instruktur Sequence diagram ini digunakan untuk menjelaskan data instruktur. Berikut sequence diagram data instruktur. seperti pada gambar 3.39 di bawah ini.
63
Data Instruktur.
Pencarian Data Instruktur.
Database
: Admin
pilih menu cari data validasi
cek data Instruktur.
tampilkan data Instruktur.
Gambar 3.39 Sequence Diagram Data Instruktur a. Admin masuk ke menu data instruktur. b. Sistem mencari data instruktur. c. Sistem mengakses database. d. Sistem menampilkan data instruktur. 4. Sequence Diagram Hasil Ujian (Admin) Sequence diagram ini digunakan untuk menjelaskan hasil ujian peserta. Berikut sequence diagram hasil ujian seperti pada gambar 3.40 di bawah ini. Hasil Ujian
Cari data hasil ujian
Database
: Admin
pilih menu cari data validasi
cek data hasil ujian
tampilkan data hasil ujian
Gambar 3.40 Sequence Diagram Hasil Ujian
64
a. Admin masuk ke menu hasil ujian b. Sistem mencari data hasil ujian c. Sistem mengakses database d. Sistem menampilkan data hasil ujian. 5. Sequence Diagram Data Soal Sequence diagram ini digunakan untuk menjelaskan data soal ujian. Berikut sequence diagram data soal ujian seperti pada gambar 3.41 di bawah ini.
Data soal
Database
: Admin
pilih menu
validasi
cek data soal
tampil data soal
Gambar 3.41 Sequence Diagram Data Soal a. Admin masuk ke menu data soal b. Sistem mengakses database c. Sistem menampilkan data soal.
65
3.2.5 Component Diagram Component yang menunjukan modul-modul software (component) yang bersama-sama membentuk sistem. Semua komponen tersebut diperlukan untuk memetakan tiap-tiap kelas kepada bahasa implementasi dan project yang berpadanan dengan kelas itu. server
client view client
apach e
database mysql
Gambar 3.42 Component Diagram Aplikasi USM UIN SGD Bandung 3.2.6 Deployment Diagram Deployment/physical diagram menggambarkan detail bagaimana komponen dideploy dalam infrastruktur sistem,berikut ini adalah deployment diagram Aplikasi USM UIN SGD Bandung. Server Apache web server
Mercury
My Sql client browser File zilla
Gambar 3.43 Deployment diagram Aplikasi USM UIN SGD Bandung
66
3.2.7 Class Diagram Registrasi Peserta id_user password nama jeniskelamin jurusan alamat kelurahan kecamatan kota kodepos telponrumah lembagaptn kotalahir tgllahir
Login
Admin
id_user password
id_admin password
getusername() getpassword() close()
verifikasi_data_admin() login()
Soal Ujian soal jawaban
Registrasi Instruktur id_user password nama alamat kecamatan kelurahan kota telponrumah lembagaptn kotalahir tgllahir jeniskelamin kodepos
Gambar 3.44 Class Diagram Ujian Saringan Masuk Universitas Islam Negeri Sunan Gunung Djati
3.2.7.1 Class Object Description 1. Class Description Peserta Tabel 3.21 Class Description Peserta Atribut
Tipe Data
ID_User
Varchar
Password
Varchar
Nama
Varchar
Jenis_Kelamin
Varchar
Jurusan
Varchar
Alamat
Varchar
Kelurahan
Varchar
Kecamatan
Varchar
Kota
Varchar
Kode_Pos
Varchar
67
Telpon_Rumah
Varchar
Lembaga_PTN
Varchar
Kota_Lahir
Varchar
Tanggal__Lahir
Date
2. Class Description Instruktur Tabel 3.22 Class Description Instruktur Atribut
Tipe Data
ID_User
Varchar
Password
Varchar
Nama
Varchar
Jenis_Kelamin
Varchar
Alamat
Varchar
Kelurahan
Varchar
Kecamatan
Varchar
Kota
Varchar
Kode_Pos
Varchar
Telpon_Rumah
Varchar
Lembaga_PTN
Varchar
Kota_Lahir
Varchar
Tanggal__Lahir
Date
3. Class Description Ujian Tabel 3.23 Class Description Ujian Atribut
Tipe Data
Soal
Varchar
Jawaban
Varchar
4. Class Description Hasil Ujian Tabel 3.24Class Description Hasil Ujian Atribut
Tipe Data
Nilai
Int
Keterangan
Char
68
5. Class description Soal Ujian (Buat Soal dan Jawaban) Tabel 3.25 Class Description Buat Soal dan Jawaban Atribut
Tipe Data
Soal
Varchar
Jawaban
Varchar
6. Class description admin Tabel 3.26 Class Description admin Atribut
Tipe Data
Id_Admin
Int
Password_admin
Varchar
7. Class Description login Tabel 3.27 Class Description login
3.3
Atribut
Tipe Data
ID_User
Char
Password
Char
Perancangan Antarmuka
1. Perancangan Antarmuka Login Desain login akan di tempatkan pada bagian kiri atas menu utama. Di gunakan untuk login admin,instruktur dan peserta. Seperti pada gambar 3.45 di bawah ini.
Gambar 3.45 Login 2. Perancangan Antarmuka Home Desain home (Halaman Utama) merupakan halaman yang pertama kali tampil pada saat aplikasi ini dijalankan. Seperti pada gambar 3.46 di bawah ini.
69
Gambar 3.46 Home 3. Perancangan Antarmuka Halaman Ujian Desain ini merupakan halaman yang digunakan untuk ujian disertai data peserta dan waktu ujian. Seperti pada gambar 3.47 di bawah ini.
Gambar 3.47 Halaman Ujian
70
4. Perancangan Antarmuka Hasil Ujian Desain ini merupakan halaman data hasil ujian yang digunakan untuk mengetahui nilai ujian peserta yang sudah melakukan ujian. Seperti pada gambar 3.48 di bawah ini.
Gambar 3.48 Hasil Ujian 5. Perancangan Antarmuka Registrasi Peserta Desain halaman ini digunakan untuk proses pendaftaran peserta USM SGD Bandung. Seperti pada gambar 3.49 di bawah ini.
Gambar 3.49 Registrasi Peserta 6. Perancangan Antarmuka Buat Soal Desain halaman ini digunakan untuk proses pembuatan soal USM SGD Bandung. Seperti pada gambar 3.50 di bawah ini.
71
Gambar 3.50 Buat Soal 7. Perancangan Antarmuka Input Soal Desain halaman ini digunakan untuk proses input soal USM SGD Bandung. Seperti pada gambar 3.51 di bawah ini.
Gambar 3.51 Input Soal
72
BAB IV IMPLEMENTASI DAN PENGUJIAN
Pada bab ini akan dilakukan implementasi dan pengujian terhadap sistem yang baru. Tahapan ini dilakukan setelah perancangan selesai dilakukan dan selanjutnya akan diimplementasikan pada bahasa pemrograman yang akan digunakan. Setelah implementasi maka dilakukan pengujian sistem yang baru dimana akan dilihat kekurangan kekurangan pada aplikasi yang baru untuk pengembangan sistem selanjutnya.
4.1. Implementasi Setelah sistem dianalisis dan didesain secara rinci, maka selanjutnya akan menuju tahap implementasi. Tujuan Implementasi adalah untuk mengkonfirmasikan modul program perancangan pada para pelaku sistem sehingga pengguna dapat memberi masukan kepada pembangun sistem.
4.2. Kebutuhan Perangkat Perangkat keras yang diperlukan untuk mengimplementasikan perangkat lunak dari Aplikasi Ujian Saringan Masuk Universitas Islam Negeri Sunan Gunung Djati Bandung. Adapun spesifikasi perangkat keras yang digunakan untuk membangun aplikasi ini adalah sebagai berikut. 4.2.1 Kebutuhan Perangkat Keras a. Processor setara Pentium IV (2 Ghz) b. Mainboard Support Processor c. Memory/RAM 512Mb d. VGA Card 128Mb e. Harddisk 40Gb f. DVD Rom Drive g. Monitor h. Keyboard i. Mouse
73
4.2.2 Kebutuhan Perangkat Lunak Perangkat lunak yang digunakan untuk mengimplementasikan Aplikasi Ujian Saringan Masuk Universitas Islam Negeri Sunan Gunung Djati Bandung ini adalah sebagai berikut. a. Sistem operasi Windows XP Service Pak 2/Window 7 b. Mysql c. Adobe photoshop d. Macromedia Dreameaver 4.2.3 Implementasi Antar Muka Program Implementasi merupakan tahap dimana sistem siap dioperasikan pada tahap yang sebenarnya, sehingga akan diketahui apakah sistem yang telah dibuat benarbenar sesuai dengan yang direncanakan. Pada implementasi perangkat lunak ini akan dijelaskan bagaimana program sistem ini bekerja melalui tampilan antar muka (form/interface) program. Implementasi aplikasi ini terdiri dari beberapa halaman yang memiliki fungsi masingmaisng. Halaman-halaman tersebut akan tampil secara berurutan sesuai dengan urutan yang telah terprogram, setelah pengguna (user) melakukan proses tertentu. 1. Implementasi Tampilan Login User dapat mengkases sistem dengan cara melakukan login dengan memasukan user ID dan password. Seperti pada gambar 4.1 dibawah ini.
Gambar 4.1 Form Login
2. Implementasi Tampilan Home Saat pertama kali mengakses aplikasi ini maka akan muncul tampilan home yang terdiri dari beberapa menu home dan login seperti pada gambar 4.2 di bawah ini.
74
Gambar 4.2 Form Home 3. Tampilan Buku Tamu Buku tamu yang terdapat di home di buat untuk pengunjung atau user yang ingin menyampaikan atau berkomentar tentang aplikasi ujian ini. Tampilannya seperti pada gamabar 4.3 di bawah ini.
Gambar 4.3 Form Buku Tamu 4. Tampilan Registrasi Peserta Registrasi peserta adalah form yang digunakan untuk daftar menjadi peserta ujian dengan mengisi data-data yang sudah disediakan oleh sistem. Seperti pada gambar 4.4 di bawah ini.
75
Gambar 4.4 Form Registrasi Peserta 5. Tampilan Registrasi Instruktur Registrasi instruktur adalah form yang digunakan untuk daftar menjadi instruktur dengan mengisi data-data yang sudah disediakan oleh sistem. Seperti pada gambar 4.5 di bawah ini.
Gambar 4.5 Form Registrasi Instruktur 6. Tampilan Data Peserta Data peserta adalah form yang digunakan untuk memudahkan user dalam mencari atau melihat data peserta ujian. Seperti pada gambar 4.6 di bawah ini.
76
Gambar 4.6 Form Data Peserta 7. Tampilan Data Instruktur Data instruktur adalah form yang digunakan untuk memudahkan user dalam mencari atau melihat data instruktur yang disertai dengan foto dan identitas lainnya. Seperti pada gambar 4.7 di bawah ini.
Gambar 4.7 Form Data Instruktur 8. Tampilan Profile Peserta Setelah peserta melakukan registrasi maka sistem secara langsung membuatkan profile peserta yang dapat dilihat oleh peserta setelah melakukan login. Seperti pada gambar 4.8 di bawah ini.
Gambar 4.8 Form Profile Peserta
77
9. Implementasi Tampilan Ujian Peserta hanya dapat melakukan ujian sekali dengan jumlah soal dan waktu yang sudah di tentukan oleh instruktur dan jawaban akan di proses oleh sistem . Seperti pada gambar 4.9 di bawah ini.
Gambar 4.9 Form Ujian 10. Tampilan Nilai Ujian Nilai ujian akan keluar setelah peserta selesai melakukan ujian. Seperti pada gambar 4.10 di bawah ini.
Gambar 4.10 Form Nilai Ujian 11. Tampilan Tabel Hasil Ujian Admin, instruktur dan peserta dapat melihat tabel hasil ujian yang sudah diurutkan oleh sistem. Seperti pada gambar 4.11 di bawah ini.
78
Gambar 4.11 Form Tabel Hasil Ujian 12. Tampilan Profile Instruktur Setelah instruktur melakukan registrasi maka sistem secara langsung membuatkan profile instruktur yang dapat dilihat oleh instruktur setelah melakukan login. Seperti pada gambar 4.12 di bawah ini.
Gambar 4.12 Form Profile Instruktur 13. Tampilan Buat Soal Kelebihan instruktur pada aplikasi ini adalah dapat membuat soal ujian dengan fasilitas input, edit dan hapus soal yang sudah disediakan oleh sistem. Seperti pada gambar 4.13 di bawah ini.
Gambar 4.13 Form Buat Soal
79
14. Tampilan Input Soal Setelah membuat data soal maka akan muncul teks area yang sudah ada pada sistem untuk
memudahkan instruktur dalam pengetikan soal ujian. Seperti pada
gambar 4.14 di bawah ini.
Gambar 4.14 Form Input Soal 15. Tampilan Edit Soal Instruktur dapat mengedit soal dengan cara memilih soal yang ada dalam daftar soal lalu klik edit atau hapus. Seperti pada gambar 4.15 di bawah ini.
Gambar 4.15 Form Edit Soal 80
16. Tampilan Analisis Soal Analisis soal dapat digunakan setelah peserta melakukan ujian. Seperti pada gambar 4.16 di bawah ini.
Gambar 4.16 Form Analisis Soal
4.3. Pengujian Bentuk pengujian menggunakan metode Black-Box berfokus pada persyaratan fungsional perangkat lunak. Dengan demikian, pengujian black-box memungkinkan perekayasa perangkat lunak mendapatkan serangkaian kondisi input yang sepenuhnya menggunakan semua persyaratan fungsional untuk suatu program. pengujian blackbox berusaha menemukan kesalahan dalam kategori sebagai berikut : 1.
Fungsi-fungsi yang tidak benar atau hilang
2.
Kesalahan interface
3.
Kesalahan dalam struktur data atau akses database eksternal
4.
Kesalahan kinerja
5.
Inisialisasi dan kesalahan terminasi.
81
4.3.1 Lingkup dan lingkungan Pengujian yang dilakukan tidak mencangkup semua fungsi yang ada pada aplikasi, hanya beberapa saja yang di ujikan, yaitu : 1.
Validasi Data
2.
Perivikasi user pada login
3.
Ujian
4.
Hasil ujian
5.
Simpan data
4.3.2 Kebutuhan Sumberdaya Dibawah ini akan dijelaskan kebutuhan sumberdaya yang digunakan untuk menjalankan aplikasi sistem ini. Adapun kebutuhan spesifikasi minimal dari perangkat keras dan perangkat lunak yang digunakan adalah seperti berikut : 1. Kebutuhan Perangkat Keras : a. Processor Pentium 4 (1,8 Ghz) b. Mainboard support processor c. Memory/RAM 512Gb d. VGA Card 64Mb (onboard) e. Hard Disk 20Gb f. Monitor g. Dvd Rom Drive h. Keyboard i. Mouse 2. Kebutuhan Perangkat Lunak : a. Apache (Aplikasi web server) b. Database server Mysql c. Mozilla Firefox versi 3.6.7 atau Google Chrome (Aplikasi browser yang digunakan untuk menampilkan aplikasi berbasis web) Setelah kebutuhan spesifikasi minimal dari perangkat keras dan perangkat lunak terpenuhi, aplikasi dapat dijalankan sesuai dengan kebutuhan pengguna.
82
BAB V KESIMPULAN DAN SARAN
5.1
Kesimpulan Dengan aplikasi ini tidak hanya membuat mudah menyelenggarakan Ujian tetapi
aplikasi ini membantu panitia penyelenggara dalam pelaksanaan dan pengelolaan USM UIN SGD Bandung. Seluruh peserta ujian harus memiliki ID dan kode akses masingmasing yang diperoleh saat melakukan pendaftaran. ID dan kode inilah yang digunakan oleh peserta untuk mengakses Aplikasi Ujian Saringan Masuk Universitas Islam Negeri Sunan Gunung Djati Bandung untuk selanjutnya menyelesaikan soal yang sudah tersedia dalam aplikasi tersebut. Masing-masing peserta memiliki durasi waktu untuk menyelesaikan seluruh soal. Soal-soal tersebut diacak sehingga peserta tidak memiliki kesempatan untuk meniru pekerjaan peserta lain. Aplikasi ini juga menentukan diterima atau tidaknya para peserta ujian ke Universitas Islam Negeri Sunan Gunung Djati Bandung sesuai dengan hasil yang diperoleh setelah melakukan ujian.
5.2
Saran Sistem memiliki keterbatasan dalam penyampaian soal dan jawaban yang
terdapat di dalamnya alangkah lebih baik kedepannya soal dan jawaban dalam pembuatan soal bergambar dapat ditampilkan seara lebih mudah dengan cara upload gambar. Dan semua kelemahan yang terdapat pada sistem ini yang belum ditemukan oleh penulis.
83
DAFTAR PUSTAKA
Pressman, S Roger. 2005. Software Engginering A Practitioner’s Aproach. New York:McGRAW-HILL. Suprianto, Dodit. 2008. Buku Pintar Pemrograman PHP. Bandung. OASE Media. Neuschel, Richard F. 1960. Management by System. New York. McGrawHill. Jogiyanto, 1999. Analisis dan Desain: Sistem Informasi Pendekatan Terstruktur Teori dan Praktik Aplikasi Bisnis. Yogyakarta. Andi Offset. Alimudin, Akhmad. 2007. Perancangan dan Pembuatan CMS Online. Surabaya. Elektronika. Kadir, Abdul. 2009. Membuat Aplikasi Web dengan PHP+Database MySQL. Yogyakarta. Andi. Nugroho, Adi. 2005. Rational Rose untuk Pemodelan Berorientasi Objek. Bandung. Informatika. Peranginangin, Kasiman. 2009. Aplikasi Web dengan PHP dan MysQL. Yogyakarta. Andi. Andi. 2004. Aplikasi Program PHP dan MYSQL. Madiun. Madcoms. Sidik, Bertha. 2003. MYSQL Untuk Pengguna Administrator dan Pengembang Aplikasi Web. Bandung. Informatika Bandung.
Lampiran Code
CODE FORM LOGIN UIN
$userid ??? Maaf User ID ini belum ada pada daftar $file"; echo " kembali"; exit; } $query2=mysql_query("select * from testimony where userid='$userid'",$koneksi); while ($row=mysql_fetch_array($query2)) $pesan=mysql_num_rows($query2); $row=mysql_fetch_array($query1); $password=$row["password"]; if ($password==$pass)
?> CODE FORM UJIAN USM UIN SGD Bandung <script language="javascript"> function selesai() { document.ljkform.submit.click(); clearTimeout(timeID); } function timer() { timeID=setTimeout("selesai()",60000*=$waktu?>); }
Lampiran Code
{ echo " $nama !!!, password yang anda masukkan untuk mengikuti ujian $materi salah, Silahkan tanya ke $instruktur password untuk soal ini, klik "; echo " Kembali"; } else { $query5=mysql_query("select * from hasil where userid='$userid' and file='$file'",$koneksi); $pernah=mysql_num_rows($query5); if ($pernah>0) { echo "$nama, anda telah mengikuti ujian $materi ini"; echo " Silahkan klik disini untuk logout"; exit; } if ($metode=="acak") { $query=mysql_query("select * from $file order by RAND() limit 0,$disajikan",$koneksi); } else { $query=mysql_query("select * from $file limit 0,$disajikan",$koneksi); } $jumlah=mysql_num_rows($query); echo ""; } //} ?> CODE HASIL UJIAN USM UIN SGD Bandung
=$HTTP_POST_VARS['vfile']; =$HTTP_POST_VARS['nama']; =$HTTP_POST_VARS['userid']; =$HTTP_POST_VARS['mulai']; =$HTTP_POST_VARS['vemail']; =$HTTP_POST_VARS['tes']; =$HTTP_POST_VARS['vstatus']; =$HTTP_POST_VARS['vumur'];
$query5=mysql_query("select * from hasil where userid='$userid' and file='$vfile'",$koneksi); $pernah=mysql_num_rows($query5); if ($pernah>0) { echo "$nama, anda telah mengikuti ujian ini"; echo " Silahkan klik disini untuk logout";
Lampiran Code
exit; } $lama=time() - $mulai; $lama2=$lama / 60; $queri=mysql_query("select * from user where file='$vfile'",$koneksi); while ($row=mysql_fetch_array($queri)) { $instruktur=$row["nama"]; $tahun_akademik=$row["tahun_akademik"]; $alamat=$row["alamat"]; $untuk=$row["untuk"]; $materi=$row["materi"]; $jumlahsoal=$row["jumlahsoal"]; $disajikan=$row["disajikan"]; $opsi=$row["opsi"]; $metode=$row["metode"]; $waktu=$row["waktu"]; $password=$row["password"]; } // Proses Penilaian $query=mysql_query("select * from $vfile" ,$koneksi); $jumlah=mysql_num_rows($query); echo "
"; echo "
Nama
"; echo "
$nama
"; echo "
User ID
"; echo "
$userid
"; while ($row=mysql_fetch_array($query)) { $ary=$row["id"]; $jwb=$HTTP_POST_VARS['jwb']; $vbenar=$row["benar"]; $vsisbenar=$row["sisbenar"]; $vsalah=$row["salah"]; $jawaban=$jwb[$ary]; $vsissalah=$row["sissalah"]; if ($jwb[$ary]==$row["kunci"]) { $benar++; $vbenar++; $vsisbenar=$vsisbenar.$userid."(".$jwb[$ary].")-"; } else
"; $salah=$jumlahsoal-$benar; $queryjurusan=mysql_query("select * from peserta where userid='$userid'",$koneksi); while ($row=mysql_fetch_array($queryjurusan)) { $jurusan=$row["jurusan"];
Lampiran Code
} echo "jurusan = $jurusan"; $query=mysql_query ("insert into hasil values (' ',sysdate(),'$vfile','$instruktur','$jurusan','$tahun_akademik','$materi','$nama','$userid',' $benar','$salah','$nilai','$lama2')", $koneksi); echo " Hasil Ujian Anda Telah di Update"; ?> Silahkan klik disini untuk logout.. CODE REGISTRASI PESERTA UIN
Registrasi Peserta Ujian
echo ""; echo "
 
"; ?>
CODE DATA PESERTA USM UIN SGD Bandung
  DAFTAR PESERTA
$userid ??? Maaf User ID ini belum ada"; echo " kembali"; exit; } echo "   Pada = $field Cari = $cari Diperoleh = $jum Record"; echo "
";
Lampiran Code
echo "
"; $ulangjudul=1; for ($ulangjudul; $ulangjudul<=4; $ulangjudul++) { echo "
No
Peserta
"; } echo "
"; $no=1; $kolom=0; while ($row=mysql_fetch_array($query)) { $kolom++; if ($kolom==5) { $kolom=1; echo "