APLIKASI TRAINING TOEIC

(1)

APLIKASI TRAINING TOEIC

TUGAS AKHIR

Oleh :

Fitria Suryani 33104012

Disusun untuk memenuhi syarat kelulusan Program Diploma III

PROGRAM STUDI APLIKASI PERANGKAT LUNAK

JURUSAN TEKNIK INFORMATIKA

POLITEKNIK BATAM

BATAM

(2)

ABSTRAKSI

APLIKASI TRAINING TOEIC

Semakin pesatnya perkembangan dunia Teknologi Informasi menyentuh hampir menyeluruh aspek dalam kehidupan. Dalam dunia pendidikan, Teknologi Informasi banyak berperan penting dalam memperlancar proses belajar mengajar. Misalnya proses pengkoreksian tes Bahasa Inggris siswa/mahasiswa untuk tes Bahasa Inggris TOEIC.

Dalam pelaksanaan tes TOEIC, masih dilakukan dengan sistem manual. Akibatnya diperlukan waktu untuk proses pengkoreksian hasil tes. Aplikasi Training TOEIC dibangun untuk meminimalisir waktu pengkoreksian ditambah dengan mengelola soal yang bersifat acak tiap-tiap peserta.

Aplikasi Training TOEIC ini berbasis client server, dimana aplikasi berjalan di area LAN (Local Area Network). Setiap user yang terdaftar sebagai peserta (client) yang ingin mencoba tes TOEIC dapat mengakses melalui server yang masih berada dalam satu LAN. Sehingga user mudah mengerjakan tes TOEIC tanpa harus menggunakan lembar jawaban.

(3)

LEMBAR PENGESAHAN

Batam, 16 Pebruari 2007

Pembimbing I,

Ari Wibowo.ST

NIK. 100012

Pembimbing II,

Andy Triwinarko, ST

NIK. 105038

(4)

KATA PENGANTAR

Puji syukur penulis panjatkan kehadirat Allah SWT atas rahmat dan karunia-Nya sehingga penulis dapat menyelesaikan Tugas Akhir ini dengan baik. Serta shalawat beriring salam kepada junjungan Nabi besar Muhammad SAW yang telah merubah kehidupan umat manusia dari zaman jahiliyah ke zaman yang penuh keberadaban seperti sekarang ini. Adapun Tugas Akhir I dan II yang berjudul Aplikasi Training TOEIC ini dilaksanakan selama semester V mulai September 2006 sampai dengan Pebruari 2007.

Selama pengerjaan Tugas Akhir ini, penulis banyak mendapatkan bimbingan, bantuan, dan dukungan dari berbagai pihak baik secara langsung maupun tidak langsung. Oleh karena itu, penulis ingin menyampaikan rasa terima kasih khususnya kepada :

1. Kedua orang tua dan adik-adik saya yang telah memberikan semangat dan dukungan moril dan materil 2. Bapak Ari Wibowo dan Bapak Andy Triwinarko selaku Pembimbing Tugas Akhir I dan II

3. Ibu Meta Santi Putri selaku Koordinator Tugas Akhir I dan II

4. Rekan-rekan seperjuangan mahasiswa dan mahasiswi Teknik Informatika angkatan 2004 yang ikut memberi semangat, masukan, dan bantuan, serta

1. Senior saya Michael Tamsil dan Weldi Sujarmanto (APL’03) yang baik hati telah memberi masukan-masukan berarti buat TA saya

Penulis sadari dalam penulisan laporan tugas akhir ini masih banyak terdapat kekurangan atau kesalahan. Oleh sebab itu kritik dan saran yang membangun sangat penulis harapkan demi kesempurnaan laporan ini. Semoga tugas akhir ini dapat bermanfaat bagi semua

Batam, 16 Pebruari 2007

(5)

DAFTAR ISI

LEMBAR PENGESAHAN

... iii KATA PENGANTAR

(6)

Bab 1Pendahuluan

1.1 Latar Belakang

TOEIC (Test of English for International Conversation) adalah sebuah tes Bahasa Inggris Internasional yang biasa digunakan setiap orang baik pelajar maupun umum yang ingin mengetahui kemampuan Bahasa Inggrisnya sehingga menampilkan skor berdasarkan aturan penilaian TOEIC serta levelnya (grade), terdiri dari (gold, blue, green, brown, atau orange).

Untuk mengikuti tes TOEIC, setiap orang harus mengikuti aturan yang telah ditetapkan oleh panitia penyelenggara tes TOEIC. Ketentuan itu diantaranya:

1. Membayar biaya tes TOEIC. Biasanya setiap orang dikenakan biaya sekitar Rp.25.000 hingga Rp.50.000.

2. Memakai nomor ujian yang diberikan panitia. 3. Menggunakan kertas jawaban.

4. Mengikuti waktu ujian yang telah ditetapkan panitia tes TOEIC. 5. Tempat-tempat yang mengadakan tes TOEIC terbatas.

Untuk menangani kendala-kendala di atas, maka dibuatlah Aplikasi Training TOEIC yang dapat digunakan oleh setiap orang tanpa menggunakan kertas jawaban.

1.2 Tujuan

Tujuan pembuatan Aplikasi Trainer TOEIC Online ini adalah:

1.

Aplikasi dapat menampilkan soal-soal TOEIC secara random yang akan dikerjakan, meliputi soal

listening dan reading.

2.

Aplikasi dapat menghitung skor serta level (gold, blue, green, brown, dan orange). 3. Aplikasi dapat menampilkan report peserta hasil tes TOEIC

4. Aplikasi dapat melakukan pengelolaan user yang register sebagai peserta 5. Aplikasi dapat melakukan pengelolaan soal-soal TOEIC

1.3 Batasan Masalah

1. Waktu yang dialokasikan selama mengerjakan soal-soal TOEIC adalah 120 menit. 2. Perhitungan waktu secara manual saja.

3.

Hanya menampilkan report user yang menggunakan aplikasi ini, berupa jumlah, level, dan menunjukkan kelemahan atau kelebihan user (apakah di bagian listening atau reading ).

(7)

1.4 Ikhtisar Buku

Adapun sistematika pembahasan laporan ini sebagai berikut, yaitu:

Bab I Pendahuluan. Meliputi latar belakang, tujuan, batasan masalah,dan ikhtisar buku.

Bab II Deskripsi Umum Perangkat Lunak. Meliputi deskripsi umum sistem, karakteristik pengguna, dan lingkungan operasi yang mencakupi lingkungan operasional dan lingkungan pengembangan, serta aturan penomoran.

Bab III Analisis. Meliputi deskripsi fungsional yang mencakup konteks diagram, DFD, analisis kebutuhan data, dan ER-diagram.

Bab IV Deskripsi Perancangan. Meliputi deskripsi data, aturan penamaan dan penomoran, deskripsi data, deskripsi fungsional yang mencakupi struktur menu,dan spesifikasi fungsi dan rancangan implementasi fisik yang mencakupi spesifikasi kebergantungan antar layar dan struktur direktori dan deskripsi file.

Bab V Implementasi Dan Pengujian. Meliputi implementasi dan pengujian beserta hasilnya.

Bab VI Kesimpulan Dan Saran. Meliputi kesimpulan dari hasil membangun aplikasi dan saran untuk perbaikan dan pengembangan aplikasi .

(8)

Bab 2 Deskripsi Umum Aplikasi

2.1 Deskripsi Umum Sistem

Client1 Client2 Client n

HUB / SWITCH

Data Tes TOEIC

Mengirim Hasil Tes

Tambah , ubah, hapus user, soal TOEIC, report

Untuk peserta simpan Hasil Tes Menampilkan Hasil

Tes TOEIC Banyak client Mengakses Soal TOEIC ke Server

Report Komputer Server / administratorTOEIC Client mengakses soal TOEIC Hasil tes

Gb 2.1. Deskripsi Umum Sistem Keterangan gambar Aplikasi Training TOEIC ini yaitu:

1.

Hal pertama yang harus dilakukan user adalah user melakukan registrasi. Kemudian user login.

2.

Apabila user login sebagai peserta, maka user akan dihadapkan pada layar tes training TOEIC. Tetapi apabila user login sebagai admin, maka user dapat melakukan pengelolaan user, soal-soal TOEIC, dan report hasil peserta tes TOEIC.

3.

Apabila user sebagai peserta, maka aplikasi akan menampilkan soal-soal yang akan dikerjakan oleh user. Setelah user selesai mengerjakan soal, aplikasi akan memproses nilai dan menampilkan hasil tes TOEIC. Aplikasi akan menampilkan nilai listening, nilai reading, skor, dan level user sesuai jumlah yang diperoleh, apakah level gold, blue, green, brown, dan orange.

(9)

2.2 Karakteristik Pengguna

Tabel 2.1.Kategori Pengguna Aplikasi Training TOEIC Kategori

Pengguna Tugas Hak Akses ke aplikasi Jabatan User Menggunakan aplikasi Tes TOEIC Peserta Administrator 1. Mengelola user

2. Mengelola soal 3. Mengelola report 1. Tampil 2. Tambah 3. Ubah 4. Hapus Administrator

2.3 Batasan Sistem

1. Aplikasi ini menggunakan Web Browser. 2. Memakai server students.

3. File suara yang dimainkan harus berformat (*.fla)

4. File gambar yang ditampilkan untuk soal gambar harus berformat (*.jpg) 5. Lokasi file suara yang dimainkan berada satu path dengan aplikasi

6.

Jika menggunakan aplikasi di Apache, letakkan folder aplikasi di folder htdoc yang ada dalam folder apache

7. Untuk databasenya, letakkan di folder mysql → folder data yang ada dalam folder apache 8. Penggunaan aplikasi masih dalam lingkungan Windows

2.4 Lingkungan Operasi dan Pengembangan

1.1.1 Lingkungan Operasional

a. Perangkat keras

- Prosesor : Intel Pentium II ke atas

- kebutuhan memori utama minimal : 128 MB ke atas

b. Sistem Operasi : Windows 2000 / ME / XP

c. DBMS : MySQL

d. Bahasa Program : PHP

e. Aplikasi : Server Students, Acrobat Reader 5.0, Web Browser.

f. Perangkat Lain : Speaker / Headphone

1.1.2 Lingkungan pengembangan :

a. Perangkat keras

- Prosesor : Intel Pentium II dan IV

- kebutuhan memori utama minimal : 256 MB

b. Sistem Operasi : Windows 2000 / ME / XP

c. DBMS : MySQL

d. Bahasa Program : Server students, PHP

e. Aplikasi : Macromedia Dreamweaver MX, Macromedia Flash MX, Acrobat Reader 5.0, Web Browser, Apache, Server Students.

(10)

2.5 Aturan Penomoran

Aturan penamaan dan penomoran dalam laporan ini sebagai berikut : a. Penamaan bab : Bab <nomor bab> diikuti judul bab

Contoh : Bab I Pendahuluan.

b.

Penamaan sub bab : <nomor bab> “.”<nomor sub bab> diikuti judul sub bab Contoh : 1.1 Latar Belakang .

c. Penamaan sub sub bab : <nomor bab>”.”<nomor sub bab>”.”<nomor sub sub bab> Contoh : 2.3.1 Lingkungan Operasional.

d. Penamaan tabel menggunakan nomor dan diikuti nama tabel Contoh : Tabel 2.1 Kategori Pengguna.

e. Penamaan gambar menggunakan nomor dan diikuti nama gambar Contoh : Gambar 2.1 Deskripsi umum Sistem.

f.

Penamaan lampiran : Lampiran <abjad> Contoh : Lampiran A.

g.

Penamaan sub lampiran dimulai dari <abjad> “.”<angka> diikuti judul sub lampiran Contoh : A.1 Spesifikasi.

h. Penamaan Fungsi diawali huruf F<nomor fungsi> ”.” <angka> diikuti nama fungsi Contoh : F1.1 Fungsi Simpan Data.

(11)

Bab 3Analisis

3.1 Deskripsi Fungsional

Dalam deskripsi fungsional ini, akan menjelaskan proses-proses yang dilakukan oleh aplikasi. Terdiri dari diagram konteks, DFD Level 1, dan DFD Level 2. Diagram konteks merupakan gambaran sistem secara umum. Sedangkan urutan kerja dimulai dari login, kemudian masuk ke proses berikutnya sesuai dengan hak akses yang diberikan. Apabila hak akses sebagai administrator, maka akan dihadapkan pada proses pengelolaan user, pengelolaan soal-soal TOEIC, dan pengelolaan report hasil tes TOEIC peserta. Sedangkan apabila hak akses sebagai peserta, maka akan ditampilkan soal-soal TOEIC yang akan dikerjakan sampai menghasilkan skor. Namun untuk user peserta, sebelum login dapat melakukan proses registrasi terlebih dahulu.

3.1.1 Diagram Konteks

Gambar 3.1 Diagram Konteks

Penjelasan diagram konteks pada Aplikasi Training TOEIC ini adalah sebagai berikut:

pada konteks diagram ini, user sebagai administrator dan peserta memasukkan login masing-masing berupa username dan password ke dalam form yang disediakan aplikasi. Selanjutnya sistem akan melakukan validasi user selanjutnya user dapat melakukan proses berikutnya sesuai hak aksesnya.

(12)

3.1.1.1 DFD Level 1

Gambar 3.2 DFD Level 1

Penjelasan DFD level1 pada Aplikasi Training TOEIC ini adalah sebagai berikut:

Pada DFD level 1 ini, user dapat meregistrasi data dirinya sebagai peserta tes TOEIC. Selanjutnya user

memasukkan username, dan password sebagai masukan untuk sistem. Aplikasi akan memeriksa apakah

username dan password benar atau salah. Jika salah, maka aplikasi akan memberikan pesan kesalahan kepada user. Tetapi jika benar, user akan diberikan hak akses sehinggga dapat melakukan proses berikutnya.

Berdasarkan hak akses maka seorang user dapat melakukan proses berdasarkan pilihan menu yang disediakan, berupa:

1.

Proses tampil soal-soal TOEIC.

Pada proses ini yang mempunyai hak akses adalah peserta. Aplikasi akan menampilkan soal-soal TOEIC yang akan dikerjakan peserta. Dimana soal-soal diambil dari tabel t_soal, jawabannya disimpan dalam tabel t_pengerjaan , kemudian skornya disimpan dalam tabel t_skor.

2.

Proses pengecekan jawaban.

Pada proses ini yang mempunyai hak akses adalah peserta. Proses pengecekan jawaban, aplikasi akan mengambil jawaban dan kunci dari tabel t_pengerjaan untuk disesuaikan lalu menghitung skor sampai menghasilkan skor yang disimpan dalam tabel t_skor. Skor akan ditampilkan ke peserta ketika peserta selesai mengerjakan tes TOEIC.

(13)

Pada proses ini yang mempunyai hak akses adalah administrator. Pengelolaan user akan terbagi dalam beberapa proses yaitu tampil user, tambah user, ubah user, dan hapus

user

pada DFD level 2 dimana semua data yang diolah akan disimpan dalam tabel t_user.

4.

Pengelolaan soal-soal TOEIC.

Pada proses ini yang mempunyai hak akses adalah administrator. Pengelolaan soal-soal TOEIC akan terbagi dalam beberapa proses yaitu tampil soal, tambah soal, ubah soal, dan hapus soal pada DFD level 2 dimana semua data yang diolah akan disimpan dalam tabel t_soal.

5.

Proses pengelolaan report peserta.

Pada proses ini yang mempunyai hak akses adalah administrator. Proses pengelolaan peserta akan menampilkan data-data hasil tes peserta yang akan diambil dari tabel t_skor. Pengelolaan report peserta akan terbagi dalam beberapa proses yaitu, tampil report dan hapus report pada DFD level 2 dimana semua data yang diolah akan disimpan dalam tabel t_skor.

(14)

3.1.1.2DFD Level 2 Proses Pengelolaan User

Gambar 3.3 DFD Level 2 Proses Pengelolaan User

Pada DFD level 2 proses pengelolaan user terbagi atas tiga proses yang akan dilakukan administrator yaitu:

1.

Proses tambah user.

Pada proses tambah user, administrator akan menambahkan data user ke dalam tabel t_user sebagai peserta yang akan mengikuti tes TOEIC.

2.

Proses tampil user.

Pada proses tampil user, administrator akan menampilkan data user yang akan diubah atau dihapus sebelum proses ubah atau hapus dilakukan.

3.

Proses ubah user.

Pada proses ubah user, administrator akan mengubah data user yang diambil dari tabel t_user berdasarkan id_user apabila terjadi kesalahan masukan data user dan akan disimpan kembali ke dalam tabel t_user.

4.

Proses hapus user.

Pada proses hapus user, administrator akan menghapus data user yang diambil dari tabel t_user berdasarkan id_user.

(15)

3.1.1.3DFD Level 2 Proses Pengelolaan Soal-Soal TOEIC

Gambar 3.4 DFD Level 2 Proses Pengelolaan Soal-Soal TOEIC

Pada DFD level 2 proses pengelolaan soal-soal TOEIC terbagi atas tiga proses yang akan dilakukan administrator yaitu:

1.

Proses tambah soal-soal TOEIC.

Pada proses tambah soal-soal TOEIC, administrator akan menambahkan data soal ke dalam tabel t_soal.

2.

Proses tampil soal-soal TOEIC.

Pada proses tampil soal-soal TOEIC, administrator akan menampilkan soal-soal TOEIC yang akan diubah atau dihapus sebelum proses ubah atau hapus dilakukan.

3.

Proses ubah soal-soal TOEIC.

Pada proses ubah soal-soal TOEIC, administrator akan mengubah data soal-soal TOEIC yang diambil dari tabel soal no_soal apabila terjadi kesalahan masukan data soal-soal TOEIC dan akan disimpan kembali ke dalam tabel t_soal.

4.

Proses hapus soal-soal TOEIC.

Pada proses hapus soal TOEIC, administrator akan menghapus data soal TOEIC yang diambil dari tabel t_soal berdasarkan no_soal.

(16)

3.1.4.4 DFD Level 2 Proses Pengelolaan Report Peserta

Gambar 3.5 DFD Level 2 Proses Pengelolaan Report Peserta

Pada DFD level 2 proses pengelolaan soal-soal TOEIC terbagi atas tiga proses yang akan dilakukan administrator yaitu:

1.

Proses tampil report peserta.

Pada proses tampil report peserta, administrator akan menampilkankan data semua report tes peserta dari tabel t_skor.

2.

Proses Cetak 1 report peserta tes TOEIC

Pada proses ini, administrator dapat mencetak report untuk satu peserta saja.

3.

Proses Cetak semua report tes TOEIC

Pada proses ini, administrator dapat mencetak semua report semua hasil tes peserta TOEIC.

4.

Proses hapus report peserta.

Pada proses hapus report peserta, administrator akan menghapus data hasil tes peserta yang tidak diperlukan lagi dari tabel t_skor atau apabila report peserta tersebut sudah terlalu banyak dalam database tabel t_skor.

(17)

3.1 Analisis Kebutuhan Data

Pada analisis kebutuhan data untuk Aplikasi Training TOEIC, data yang dikelola oleh aplikasi adalah data

user pada tabel t_user, data soal-soal TOEIC pada tabel t_soal, tabel t_pengerjaan untuk menyimpan jawaban, dan tabel t_skor untuk menyimpan dan mengelola report peserta. Berdasarkan diagram E-R di bawah user mengerjakan soal TOEIC serta menghasilkan skor.

3.1.1 E-R diagram

(18)

Bab 4Deskripsi Perancangan

4.1 Deskripsi Data

Aplikasi ini dirancang dengan beberapa tabel yaitu t_user, t_soal, t_pengerjaan, dan t_skor.

4.1.1 Definisi Domain/Tipe

Aplikasi Training TOEIC ini merupakan aplikasi yang menggunakan basis data.

Tabel 4.1.1. Daftar Domain yang terdefinisi untuk Aplikasi Training TOEIC Nama

Tabel Deskripsi Data Jenis Volume Laju Primary key Constraint Integrity

t_user User yang terdaftar sebagai peserta tes TOEIC Master _± 2000 user ± 500 record peserta pertahun id_user -t_pengerjaan Jawaban yang dipilih peserta Transaksi ± 2000

report ±report 500 record pertahun id_pengerjaan, id_user, no_soal -t_soal Kumpulan soal-soal TOEIC

Master ± 1000 soal ± 500 record soal perenam bulan

t_soal

-t_skor Report hasil tes TOEIC peserta online Master ±2000 report ± 500 record peserta pertahun id_skor

-4.1.2 Daftar Tabel Aplikasi

Tabel 4.1.2 Daftar Tabel basisdata Aplikasi Training TOEIC

No Nama Tabel Primary key Data Store E/R Deskripsi isi

1 t_user id_user Data-data

peserta yang mengikuti tes TOEIC 2 t_pengerjaan id_pengerjaan , id_user, no_soal Data penyimpan an jawaban peserta tes TOEIC

(19)

No Nama Tabel Primary key Data Store E/R Deskripsi isi

pengerjaan id_pengerjaan

jawaban yang akan

disesuaikan dengan kunci jawaban pada tabel soal 3 soal no_soal t_soal Soal Kode_soal no_soal jwbA kunci pertanyaan cerita jwbB jwbC jwbD file_suara file_gambar Data-data soal-soal TOEIC 4 skor id_skor t_skor skor skor id_skor level nilai_reading nilai_listening Report hasil tes TOEIC tiap peserta

(20)

4.2 Dekomposisi Fungsional Modul

Tabel. 4.2 Input-Proses-Output Aplikasi Training TOEIC No No. Fungsi Fungsi / Proses Tabel Input Data Input Tabel Output Data Output Keterangan

1 F1 Register t_user id_user, username, password, nama, alamat, email, hak_akses

t_user Pesan data user

berhasil di tambah User menambahkan data user hanya sebagai peserta 2 F2 Login /

verifikasi user t_user username + password t_user hak_akses Penentuan hak akses user

3 F3 Tampil

soal-soal TOEIC t_soal no_soal, kode_soal, file_gambar, file_suara,cerita, pertanyaan, jwbA, jwbB, jwbC, jwbD

t_penge

rjaan id_user, no_soal,jawaban Akses peserta

4 F4 Pengecekan

jawaban t_pengerjaan t_soal id_pengerjaan, id_user, no_soal, jawaban, kunci t_skor id_skor,id_user, username, nilai_reading, nilai_listening, skor, level Akses peserta 5 F5 Tampil hasil

tes t_skor id_skor,id_user, username, nilai_reading, nilai_listening, skor, level - id_skor,id_user, username, nilai_reading, nilai_listening,skor, level Akses peserta

6 F6.1 Tambah user - id_user, username, password, nama, alamat, email, hak_akses

t_user id_user, username, password, nama, alamat, email, hak_akses

Akses administrator 7 F6.2 Tampil user t_user id_user, username,

password, nama, alamat, email, hak_akses - id_user, username, password, nama, alamat, email, hak_akses Akses administrator 8 F6.3 Ubah user t_user id_user, username,

password, nama, alamat, email, hak_akses

t_user id_user, username, password, nama, alamat, email, hak_akses

Akses administrator 9 F6.4 Hapus user t_user id_user, username,

password, nama, alamat, email, hak_akses t_user - Akses administrator 10 F7.1 Tambah soal

TOEIC - no_soal, kode_soal, cerita, pertanyaan, kunci, jwbA, jwbB, jwbC, jwbD

t_soal no_soal, kode_soal, cerita, pertanyaan, kunci, jwbA, jwbB, jwbC, jwbD Akses administrator 11 F7.2 Tampil

soal-soal TOEIC t_soal no_soal, kode_soal, gambar, pertanyaan, kunci, jwbA, jwbB, jwbC, jwbD - no_soal, kode_soal, cerita, pertanyaan, kunci, jwbA, jwbB, jwbC, jwbD Akses administrator 12 F7.3 Ubah soal-soal t_soal no_soal, kode_soal, t_soal no_soal, kode_soal, Akses

(21)

No No. Fungsi Fungsi / Proses Tabel Input Data Input Tabel Output Data Output Keterangan

TOEIC cerita, pertanyaan, kunci, jwbA, jwbB, jwbC, jwbD , cerita, pertanyaan, kunci, jwbA, jwbB, jwbC, jwbD administrator 13 F7.4 Hapus

soal-soal TOEIC t_soal no_soal, kode_soal, cerita, pertanyaan, kunci, jwbA, jwbB, jwbC, jwbD

t_soal - Akses

administrator 14 F8.1 Tampil report t_skor id_skor, id_user,

username, nilai_reading, nilai_listening, skor, level - id_skor ,id_user, username, nilai_reading, nilai_listening, skor, level Akses administrator 15 F8.2 Cetak 1 report peserta tes TOEIC

t_skor id_skor, id_user, username, nilai_reading, nilai_listening, skor, level - id_skor, id_user, username, nilai_reading, nilai_listening, skor, level Akses administrator 16 F8.3 Cetak semua report peserta tes TOEIC

t_skor id_skor, id_user, username, nilai_reading, nilai_listening, skor, level - id_skor, id_user, username, nilai_reading, nilai_listening, skor, level Akses administrator

17 F8.4 Hapus report t_skor id_skor, id_user, username, nilai_reading, nilai_listening, skor, level t_skor - Akses administrator

(22)

4.3 Spesifikasi Kebergantungan Antar Layar

Gambar 4.1 Spesifikasi Kebergantungan Antar Layar

4.4 Struktur Menu

Aplikasi Training TOEIC ---- Login

---- Akses Peserta

---- Tampil Soal-Soal TOEIC ---- Tampil hasil tes

---- Akses Administrator ---- Pengelolaan User

---- Tambah User ---- Lihat Data User ---- Ubah Data User ---- Hapus Data User ---- Pengelolaan Soal-Soal TOEIC

---- Tambah Soal TOEIC ---- Lihat Soal TOEIC ---- Ubah Soal TOEIC ---- Hapus Soal TOEIC

---- Pengelolaan Report Tes TOEIC Peserta ---- Tampil Report

--- Cetak 1 report peserta tes TOEIC ---- Cetak semua report peserta tes TOEIC ---- Hapus Report

(23)

Bab 5Implementasi dan Pengujian

5.1 Spesifikasi Kebergantungan Antar Modul

Pada Aplikasi Training TOEIC terdiri 4 modul yaitu modul pengerjaan soal, modul pengelolaan user, modul pengelolaan soal TOEIC, modul pengelolaan report hasil tes TOEIC tiap peserta, dan modul pengerjaan soal. Keterkaitan antar modul ditentukan oleh hak akses user. Jika akses user adalah administrator maka keterkaitan dengan pengelolaan user, modul pengelolaan soal TOEIC, dan modul pengelolaan report hasil tes TOEIC tiap peserta. Jika akses user sebagai peserta maka akan terkait dengan modul pengerjaan soal.

5.2 Struktur Direktori dan Deskripsi File

Tabel 5.2 Daftar Direktori dan file Aplikasi Training TOEIC

Nama Direktori Nama File Nama Modul Nama Fungsi Keterangan

TOEIC connect.php - Login / verifikasi

user Koneksi ke database MySQL

fun.php - - Deklarasi fungsi

yang digunakan dalam proses

keluar.php - Logout Kembali ke

halaman login

FPDF.php - Cetak 1 report

peserta tes TOEIC

index.php Login / verifikasi

user

Halaman login

registrasi_peserta.php - Registrasi user

sebagai peserta Usersebagai peserta meregister index_admin.php - Pilihan menu Halaman utama

administrator tampil_user.php

tambah_user.php form_ubah_user.php hapususer.php

Pengelolaan user Tampil user

Tambah user Ubah user Hapus user -tampil_soal.php tambah_soal.php ubah_soal.php hapussoal.php

Pengelolaan soal Tampil soal Tambah soal Ubah soal Hapus soal -tampil_report_user.php hapus_report.php cetak_peserta.php CETAKALL.php Pengelolaan

report Tampil reportHapus report Cetak 1 report Cetak semua report

(24)

-Nama Direktori Nama File Nama Modul Nama Fungsi Keterangan soal_TOEIC_part1.php soal_TOEIC_part2.php soal_TOEIC_part3.php soal_TOEIC_part4.php soal_TOEIC_part5.php soal_TOEIC_part6.php soal_TOEIC_part7.php check_nilai.php Pengerjaan soal TOEIC Tampil soal-soal TOEIC Menampilkan soal TOEIC, pemeriksaan jawaban, serta perhitungan skor yang akan ditampilkan ke peserta TOEIC

(25)

Nama Direktori Nama File Nama Modul Nama Fungsi Keterangan NO1.mp3 NO2.mp3 NO3.mp3 NO4.mp3 NO5.mp3 NO6.mp3 NO7.mp3 NO8.mp3 NO9.mp3 NO10.mp3 NO11.mp3 NO12.mp3 NO13.mp3 NO14.mp3 NO15.mp3 NO16.mp3 NO17.mp3 NO19.mp3 NO20.mp3 MO21.mp3 NO22.mp3 NO23.mp3 NO24.mp3 NO25.mp3 NO26.mp3 NO27.mp3 NO28.mp3 NO29.mp3 NO30.mp3 NO31.mp3 NO32.mp3 NO33.mp3 NO34.mp3 NO35.mp3 NO36.mp3 NO37.mp3 NO38.mp3 NO39.mp3 NO40.mp3 NO41.mp3 NO42.mp3 NO43.mp3 NO44.mp3 NO45.mp3 NO46.mp3 NO47.mp3 NO48.mp3 NO49.mp3 NO50.mp3 NO51.mp3 NO52.mp3 NO53.mp3 NO54.mp3 - Tampil Soal-Soal TOEIC

File suara yang digunakan untuk soal listening

(26)

Nama Direktori Nama File Nama Modul Nama Fungsi Keterangan GB1.jpg GB2.jpg GB3.jpg GB4.jpg GB5.jpg GB6.jpg GB7.jpg GB8.jpg GB9.jpg GB10.jpg GB11.jpg GB12.jpg GB13.jpg GB14.jpg GB15.jpg GB16.jpg GB17.jpg GB18.jpg GB19.jpg GB20.jpg - Tampil Soal-Soal TOEIC

File gambar yang digunakan untuk soal listening yang tanpa menampilkan soal dan pilihan jawaban LINE.jpg Gambar pendukung yang digunakan dalam aplikasi SUPPORT.jpg USER.jpg

5.3 Pengujian dan Hasilnya

Implementasi dilakukan sesuai dengan deskripsi perancangan. Ada sedikit perubahan pada deskripsi perancangan pada saat implementasi dilakukan. Pengujian aplikasi telah dilakukan setelah implementasi. Aplikasi telah berfungsi dengan baik. Hasil pengujian dilampirkan pada Lampiran D dalam laporan ini.

(27)

Bab 6Kesimpulan dan Saran

6.1 Kesimpulan

Kesimpulan yang dapat diambil dari Aplikasi Training TOEIC ini adalah : 1. Aplikasi mampu menampilkan soal-soal TOEIC secara random 2. Aplikasi mampu menghitung skor serta level peserta

3. Aplikasi mampu menampilkan report hasil tes TOEIC peserta

4. Aplikasi mampu mengelola data user, data soal TOEIC, dan report hasil tes TOEIC peserta

6.2 Saran

Untuk pengembangan Aplikasi Training TOEIC ini ada beberapa hal yang dapat ditambahkan, diantaranya: 1. Waktu pengerjaan soal-soal TOEIC masih secara manual, sebaiknya bisa dikembangkan lagi secara

otomatis.

2. Aplikasi dapat ditambahkan berbagai fitur-fitur yang mendukung, misalnya fitur browse ke website (YAHOO,google), fitur mp3, fitur kamus bahasa, dan lain-lain.

(28)

Lampiran APerancangan Rinci Tabel

A.1 Spesifikasi Tabel User

Nama tabel : t_user

Deskripsi isi : Data user yang telah terdaftar Primary Key : id_user

Volume : ± 5000 user

Perkiraan Laju : ± 500 user pertahun Daftar Field

Nama field Deskripsi Isi Type & Length Boleh NULL Default Keterangan lain

id_user Autoincrement integer(10) NOT NULL - Primary key

username Pengguna varchar(40) NOT NULL - Unique Key

password Kata kunci varchar(40) NOT NULL -

-nama Nama user varchar(50) NOT NULL -

-hak_akses Akses user varchar(40) NOT NULL -

-alamat Alamat rumah user text NOT NULL -

-e-mail Alamat e-mail user text NOT NULL -

-A.2 Spesifikasi Tabel Soal

Nama tabel : t_soal

Deskripsi isi : Data soal-soal TOEIC Primary Key : no_soal

Volume : ± 1000 soal

Perkiraan Laju : ± 500 perenam bulan Daftar Field

no_soal Autoincrement integer(10) NOT NULL - Primary key

kode_soal Kode soal varchar(15) NULL -

-cerita Soal cerita longtext NULL -

-pertanyaan Pertanyaan longtext NULL -

-kunci Kunci jawaban char(3) NULL -

-jwbA Pilihan A longtext NULL -

-jwbB Pilihan B longtext NULL -

-jwbC Pilihan C longtext NULL -

(29)

-A.3 Spesifikasi Tabel Pengerjaan

Nama tabel : t_pengerjaan Deskripsi isi : Jawaban peserta

Primary Key : id_pengerjaan, id_user, no_soal Volume : ± 2000 report

Perkiraan Laju : ± 500 pertahun Daftar Field

id_pengerjaan auto_increment integer(10) NOT NULL - Primary key id_user Id user yang

memakai

integer(10) NULL - Primary key no_soal Nomor soal integer(10) NULL - Primary key

jawaban Jawaban peserta char(3) NULL -

-A.5 Spesifikasi Tabel Referensi Nilai

Nama tabel : t_skor

Deskripsi isi : Report hasil tes TOEIC peserta Primary Key : id_pengerjaan, id_user, no_soal Volume : ± 2000 report

Perkiraan Laju : ± 500 pertahun Daftar Field

id_skor autoincrement integer(10) NOT NULL - Primary key id_user Id user yang

memakai integer(10) NULL -

-username Username varchar(10) NULL -

-nilai_listening Nilai listening integer(10) NULL - -nilai_reading Nilai reading integer(10) NULL -

-skor Skor peserta integer(3) NULL -

-level Level peserta varchar(10) NULL -

-A.5 Spesifikasi Tabel Referensi Nilai

Nama tabel : t_nilai

Deskripsi isi : Penilaian listening dan reading Primary Key : id_nilai

Volume : ± 2000 nilai Perkiraan Laju : ± 500 nilai pertahun Daftar Field

id_nilai auto_increment integer(10) NOT NULL - Primary key jml_benar Jumlah soal yang

benar

integer(10) NULL

-nilai_listening Nilai listening integer(10) NULL - -nilai_reading Nilai reading integer(10) NULL -

(30)

-Lampiran BPerancangan Rinci Fungsional

B.1. Spesifikasi Fungsi/Proses 1

Identifikasi/Nama :Registrasi user

Deskripsi Isi : Registrasi data-data user yang akan mengakses Aplikasi Training TOEIC

Jenis : Form Entry Columnar

B.1.1. Spesifikasi tabel input

Tidak Ada

B.1.2. Spesifikasi tabel Output

Nama Tabel : t_user

B.1.3. Spesifikasi Layar Utama

B.1.4. Spesifikasi Query

INSERT INTO t_user VALUES(null, '$Username', password('$Passwd'), '$Nama_peserta', '$alamat', '$Email', '$hak_akses');

B.1.5. Spesifikasi field data pada layar

Label Field Tabel/

Query I/O Format Validasi Keterangan

lblUsername Username t_user I - x

-lblPassword Password t_user I - x

-lblNama Nama t_user I - x

-lblAlamat Alamat t_user I - x

-lblEmail Email t_user I - x

(31)

(32)

-B.1.6. Spesifikasi Function Key/Objek-Objek pada layar

Id_Objek Jenis Keterangan

txtUsername textfield Memasukkan username txtPassword textfield Memasukkan password

txtNama textfield Memasukkan nama user

txtAlamat textarea Memasukkan alamat rumah user

txtEmail textarea Memasukkan alamat email user

txtHak_akses combo Memilih hak akses user

btnRegister button Jika diklik, akan menambahkan data user sebagai peserta dan disimpan dalam database

btnReset buttom Jika di-klik akan men-set field-field dalam keadaan kosong

B.1.7. Spesifikasi layar pesan

No Kasus Pesan

1 Klik button register Registrasi berhasil

B.1.8. Spesifikasi proses/algoritma

B.1.8.1. Proses 1 : Registrasi user

Objek terkait : Register

Event : Klik

Berikut ini kerangkanya. Initial State (IS):

Textfield masih dalam keadaan kosong

Final State (FS):

Textfield telah diisi, data user bertambah dan disimpan dalam table t_user

Spesifikasi Proses/algoritma: Input - ← username ← password ← nama ← alamat ← email ← hak_akses

connect database Aplikasi_TOEIC

$query="insert into t_user values(null, '$Username', password('$Passwd'), '$Nama_peserta','$alamat','$Email','$hak_akses')";

hasil=mysql_query($query) if(hasil)

Registrasi berhasil else

Maaf Registrasi gagal....

Silakan isi data dengan lengkap.mysql_error()

B.1.9. Spesifikasi Report

(33)

B.2. Spesifikasi Fungsi/Proses 2

Identifikasi/Nama :Login / Verifikasi User

Deskripsi Isi : Verifikasi username dan password yang akan mengakses Aplikasi Training TOEIC

B.2.1. Spesifikasi Tabel Input

Nama tabel : t_user

B.2.2. Spesifikasi Tabel Output

Nama tabel : t_user

B.2.3. Spesifikasi Layar Utama

B.2.4. Spesifikasi Query

SELECT * FROM t_user WHERE username='$Username' AND password=password('$Passwd');

B.2.5. Spesifikasi Field Data pada Layar

Label Field Tabel/ Query

I/O Format Validasi Keterangan

lblUsername Username t_user I - x

-lblPassword Password t_user I - x

-B.2.6. Spesifikasi Function Key/Objek-Objek pada Layar

txtUsername textfield Memasukkan username txtPassworrd textfield Memasukkan password

btnLogin button Jika diklik, akan ke halaman validasi user, jika valid akan menuju ke halaman sesuai hak akses user

(34)

(35)

B.2.7. Spesifikasi Layar Pesan

No Kasus Pesan

1 Kesalahan Validasi Maaf username atau password ada yang salah

B.2.8. Spesifkasi Proses/Algoritma

B.2.8.1. Proses 2 : Login/ Verifikasi User

Objek terkait : Login

Event : Klik Berikut ini kerangkanya.

Initial State (IS):

Textfield telah diisi dan user dapat mengakses ke halaman sesuai hak akses

Spesifikasi Proses/algoritma:

Input - ← username ← password

$query="SELECT * FROM t_user WHERE username='$Username' AND password=password('$Passwd')";

hasil = mysql_query($query) jumlah = mysql_num_rows(hasil) if hak_akses = peserta

Masuk ke halaman memulai tes else if hak_akses = administrator

Masuk ke halaman pengelolaan administrator else

Maaf username atau password ada yang salah

B.2.9. Spesifikasi Report

Tidak Ada.

(36)

B.3. Spesifikasi Proses/Fungsi 3

Identifikasi/Nama :Tampil Soal-Soal TOEIC

Deskripsi Isi : Menampilkan soal-soal TOEIC secara random

B.3.1. Spesifikasi Tabel Input

Nama Tabel : t_soal

B.3.2. Spesifikasi Tabel Output

Nama Tabel : t_pengerjaan

B.3.3. Spesifikasi Layar Utama

B.3.4. Spesifikasi Query

//kode soal listening1, 2, 3, 4, reading 1, 2, dan 3

SELECT cerita FROM t_soal WHERE no_soal='$soal_rand' AND kode_soal='reading3'; SELECT pertanyaan FROM t_soal WHERE no_soal='$soal_rand' AND

kode_soal='listening3';

SELECT jwbA FROM t_soal WHERE no_soal='$soal_rand' AND kode_soal='listening3'; SELECT jwbB FROM t_soal WHERE no_soal='$soal_rand' AND kode_soal='listening3'; SELECT jwbC FROM t_soal WHERE no_soal='$soal_rand' AND kode_soal='listening3'; SELECT jwbD FROM t_soal WHERE no_soal='$soal_rand' AND kode_soal='listening3';

B.3.5. Spesifikasi Field Data pada Layar

(37)

lblCerita Cerita soal O/I - x

-lblPertanyaan Pertanyaan soal O/I - x

-lblA Pilihan A soal O/I - x

-lblB Pilihan B soal O/I - x

-lblC Pilihan C soal O/I - x

-lblD Pilihan D soal O/I - x

-B.3.6. Spesifikasi Function Key/Objek-Objek pada Layar

btnNext button Jika di-klik akan menuju ke halaman soal berikutnya serta menyimpan jawaban yang telah dipilih dari halaman soal sebelumnya.

B.3.7. Spesifikasi Layar Pesan

Tidak Ada

B.3.8. Spesifikasi Proses/Algoritma

B.3.8.1. Proses 3 : Tampil Soal-Soal TOEIC

Objek terkait : Button Next

Event :

Berikut ini kerangkanya. Initial State (IS):

Menampilkan soal-soal TOEIC dan option jawaban masih kosong Final State (FS):

Mengisi jawaban pada option pada setiap soal yang ditampilkan Spesifikasi Proses/algoritma:

connect database Aplikasi_TOEIC if(tombol=="NEXT")

if(!is_array($option))

echo "Anda Belum Menjawab"; exit();

elseif($count['0']>=20)

echo "Pertanyaan Listening Bagian 3 telah selesai";

echo "<a href='soal_TOEIC_part4.php'</a>Next to Listening Part 4"; exit();

//Random soal, file gambar.jpg, dan file suara.swf berdasarkan no_soal random("kode_soal",20); for(looping=1;looping<=1;looping++){ Output → no_soal → cerita → pertanyaan → jwbA → jwbB → jwbC → jwbD

//Kode soal listening1, 2, 3, 4, reading 1, 2, dan 3

$query="SELECT cerita FROM t_soal WHERE no_soal='$soal_rand' AND kode_soal='reading3'";

$query="SELECT pertanyaan FROM soal WHERE no_soal='$soal_rand' AND kode_soal='listening3'";

$query="SELECT jwbA FROM t_soal WHERE no_soal='$soal_rand' AND kode_soal='listening3'";

(38)

$query="SELECT jwbB FROM t_soal WHERE no_soal='$soal_rand' AND kode_soal='listening3'";

$query="SELECT jwbC FROM t_soal WHERE no_soal='$soal_rand' AND kode_soal='listening3'";

$query="SELECT jwbD FROM t_soal WHERE no_soal='$soal_rand' AND kode_soal='listening3'";

//Tampil soal gambar berdasarkan no_soal echo "<img src= 'GB$soal_rand.jpg'> ";

//Tampil file suara untuk soal listening berdasarkan no_soal echo "<embed src ='NO$soal_rand.swf'></embed>";

}

B.3.9. Spesifikasi Report

Tidak Ada

(39)

B.4.

Spesifikasi Proses/Fungsi 4

Identifikasi/Nama : Pengecekan Jawaban Deskripsi Isi : Pengecekan Jawaban

B.4.1. Spesifikasi Tabel Input

Nama Tabel : t_soal, t_pengerjaan

B.4.2. Spesifikasi Tabel Output

Nama Tabel : t_skor

B.4.3. Spesifikasi Layar Utama

Tidak ada

B.4.4. Spesifikasi Query

SELECT COUNT(soal.no_soal) FROM soal, t_pengerjaan WHERE t_pengerjaan.no_soal=soal.no_soal AND id_user=$id_user AND kode_soal='listening3';

INSERT INTO t_pengerjaan VALUES(null,'$id_user','$no_soal','$jawaban'); SELECT a.no_soal FROM t_pengerjaan a,soal b WHERE id_user = '$id_user' AND kode_soal = '$kode_soal' AND a.no_soal = b.no_soal;

SELECT no_soal FROM soal WHERE no_soal NOT IN ($isi) AND kode_soal = '$kode_soal';

B.4.5. Spesifikasi Field Data pada Layar

lblCerita Cerita soal O/I - x

-lblPertanyaan Pertanyaan soal O/I - x

-lblA Pilihan A soal O/I - x

-lblB Pilihan B soal O/I - x

-lblC Pilihan C soal O/I - x

-lblD Pilihan D soal O/I - x

-B.4.6. Spesifikasi Function Key/Objek-Objek pada Layar

Jika di-klik pada bagian akhir soal untuk reading3, akan menghasilkan skor dan level peserta.

B.4.7. Spesifikasi Layar Pesan

Tidak Ada

(40)

B.4.8. Spesifikasi Proses/Algoritma

B.4.8.1. Proses 4 : Pengecekan Jawaban

Objek terkait : Button Next

Event :

Berikut ini kerangkanya. Initial State (IS):

Mengisi jawaban terakhir dari seluruh soal yang berjumlah 200 buah sehingga semua jawaban telah masuk dalam tabel t_pengerjaan

Final State (FS):

Mengecek jawaban dari tabel t_pengerjaan dengan kunci dari tabel t_soal Spesifikasi Proses/algoritma:

connect database Aplikasi_TOEIC //Klik tombol NEXT, maka if(tombol=="NEXT")

if(!is_array($option))

echo "Anda Belum Menjawab"; exit();

elseif($count['0']>=20)

echo "Pertanyaan Listening Bagian 3 telah selesai";

echo "<a href='soal_TOEIC_part4.php'</a>Next to Listening Part 4"; exit();

else

$username = $_SESSION["username"]; $id_user= $_SESSION["id_user"];

while (list ($no_soal, $jawaban) = each ($option)) $query = "INSERT INTO t_pengerjaan

VALUES(null,'$id_user','$no_soal','$jawaban')"; Output- → no_soal → file gambar → cerita → pertanyaan → jwbA → jwbB → jwbC → jwbD //awal pengerjaan

//Mencari soal yang telah dikerjakan berdasarkan kode soal

//this is for no_soal not yet done/do & where kode_soal listening1

$query="SELECT a.no_soal FROM t_pengerjaan a,soal b WHERE id_user = '$id_user' and kode_soal = '$kode_soal' and a.no_soal = b.no_soal";

//akhir pengerjaan mencari soal yang telah dikerjakan berdasarkan kode soal

$query = "select no_soal from soal where no_soal not in ($isi) and kode_soal = '$kode_soal'";

B.4.9. Spesifikasi Report

(41)

B.5.

Spesifikasi Proses/Fungsi 5

Identifikasi/Nama :Menampilkan Hasil Tes TOEIC Peserta Deskripsi Isi : Menampilkan Hasil Tes TOEIC Peserta

Jenis : Form Entry Tabular

B.5.1. Spesifikasi Tabel Input

Nama Tabel : t_skor

B.5.2. Spesifikasi Tabel Output

Nama Tabel :

-B.5.3. Spesifikasi Layar Utama

B.5.4. Spesifikasi Query

SELECT listening FROM t_nilai WHERE jml_benar='$jumlahlistening'; SELECT reading FROM t_nilai WHERE jml_benar='$jumlahreading';

SELECT listening, reading FROM t_nilai WHERE jml_benar='$jumlahlistening' AND jml_benar='$jumlahreading';

B.5.5. Spesifikasi Field Data pada Layar

Tidak Ada

B.5.6. Spesifikasi Function Key/Objek-Objek pada Layar

Jika di-klik pada bagian akhir soal untuk reading3, akan menghasilkan skor dan level peserta.

B.5.7. Spesifikasi Layar Pesan

Tidak Ada

(42)

B.5.8. Spesifikasi Proses/Algoritma

B.5.8.1. Proses 5 : Tampil Hasil Tes TOEIC

Objek terkait : Tidak Ada

Initial State (IS):

Layar utama akses peserta tes TOEIC

Ketika menu Menampilkan Hasil Tes diklik menampilkan hasil tes TOEIC masing-masing peserta dari table t_pengerjaan

//Query untuk menghasilkan jawaban listening dan reading yang benar SELECT listening FROM t_nilai WHERE jml_benar='$jumlahlistening'; SELECT reading FROM t_nilai WHERE jml_benar='$jumlahreading'; //Skor dan Nilai Peserta Tes TOEIC

$query="SELECT listening, reading FROM t_nilai WHERE

jml_benar='$jumlahlistening' AND jml_benar='$jumlahreading'"; $result=mysql_query($query);

skor = $jumlahlistening + $jumlahreading; if(skor>=0 && $skor<=1000){

if(skor>=860 && $skor<=1000){

grade }

if(skor>=730 && $skor<=855){ grade;

}

if(skor>=10 && $skor<=215){ grade; } while($r=mysql_fetch_array($result)){ $jumlahlistening=$r["listening"]; $jumlahreading=$r["reading"]; $skor=$jumlahlistening+$jumlahreading; } while($read=mysql_fetch_array(hasil)) { Output- → skor → nilai_listening → nilai_reading → Level }

B.5.9. Spesifikasi Report

Tidak Ada

(43)

B.6.

Spesifikasi Proses/Fungsi 6.1

Identifikasi/Nama : Administrator dapat menambah data user Deskripsi Isi : Penambahan Data User

B.6.1. Spesifikasi Tabel Input

Tidak Ada

B.6.2. Spesifikasi Tabel Output

Nama Tabel : t_user

B.6.3. spesifikasi Layar Utama

B.6.4. Spesifikasi Query

insert into t_user values(’’, username = ’$Username’, password =

password(’$Password’), nama = ’$Nama’, alamat = ’$Alamat’, email = ’$Email’, hak_akses = ’$Hak_akses’);

B.6.5. Spesifikasi Field Data pada Layar

lblusername Username t_user I - x

-lblpassword Password t_user I - x

-lblnama Nama t_user I - x

-lblalamat Alamat t_user I - x

-lblemail Email t_user I - x

(44)

-B.6.6. Spesifikasi Function Key/Objek-Objek pada Layar

username textfield Masukan username

password textfield Masukan password

nama textfield Masukan nama

alamat textfield Masukan alamat

email textfield Masukan email

Hak_akses combo Masukan hak_akses user

Tambah button Jika di-klik, akan menambahkan satu record data dalam tabel t_user btnReset button Jika di-klik akan men-set field-field dalam keadaan kosong

B.6.7. Spesifikasi Layar Pesan

1 btnTambah diklik Data user telah berhasil ditambah

B.6.8. Spesifikasi Proses/Algoritma

B.6.8.1. Proses 6.1 : Penambahan Data User

Objek terkait : Tambah, Reset

Event : Klik

Berikut ini kerangkanya.

Textfield telah diisi data user dan disimpan dalam tabel t_user

Spesifikasi Proses/algoritma: Input - ← username ← password ← nama ← alamat ← email ← hak_akses

$query = ”insert into t_user values(’’, username = ’$Username’, password = password(’$Password’), nama = ’$Nama’, alamat = ’$Alamat’, email = ’$Email’, hak_akses = ’$Hak_akses’)”

hasil = mysql_query($query) if (hasil)

Data user telah disimpan else

Maaf penambahan data user gagal

B.6.9. Spesifikasi Report

Tidak Ada

(45)

B.7.

Spesifikasi Proses/Fungsi 6.2

Identifikasi/Nama : Administrator dapat menampilkan data user Deskripsi Isi : Tampil Data User

B.7.1. Spesifikasi Tabel Input

Nama Tabel : t_user

B.7.2. Spesifikasi Tabel Output

Tidak Ada

B.7.3. Spesifikasi Layar Utama

B.7.4. Spesifikasi Query

$query = ”select * from t_user where id_user = id_user ”;

B.7.5. Spesifikasi Field Data pada Layar

Tidak Ada

B.7.6. Spesifikasi Function Key/Objek-Objek pada Layar

Pengelolaan User

Link Klik Pengelolaan User, maka akan tampil data-data peserta

B.7.7. Spesifikasi Layar Pesan

(46)

B.7.8. Spesifikasi Proses/Algoritma

B.7.8.1. Proses 6.2 : Tampil Data User

Event :

Form halaman utama akses administrator

Klik link Pengelolaan User akan menampilkan data peserta dari table t_user

Output- → id_user

→ username → password → nama → alamat → email → hak_akses

$query = ”select * from t_user where id_user = id_user”

$query = ”select id_user, username, password, nama, alamat, email, hak_akses from t_user where id_user = ’id _user’”

hasil = mysql_query($query) while($read=mysql_fetch_array(hasil)) { Output- → id_user → username → password → nama → alamat → email → hak_akses }

B.7.9. Spesifikasi Report

Tidak Ada

(47)

B.8.

Spesifikasi Proses/Fungsi 6.3

Identifikasi/Nama : Administrator dapat mengubah data user Deskripsi Isi : Ubah Data User

B.8.1. Spesifikasi Tabel Input

Nama Tabel : t_user

B.8.2. Spesifikasi Tabel Output

Nama Tabel : t_user

B.8.3. Spesifikasi Layar Utama

B.8.4. Spesifikasi Query

update t_user set id_user = ’$Id_user’, username = ’$Username’, password = password(’$Password’), nama = ’$Nama’, alamat = ’$Alamat’, email = ’$Email’, hak_akses = ’$Hak_akses’ where id_user = ’$Id_user’;

B.8.5. Spesifikasi Field Data pada Layar

lblid_user Id_user t_user I/O - x

-lblusername Username t_user I/O - x

-lblpassword Password t_user I/O - x

-lblnama Nama t_user I/O - x

-lblalamat Alamat t_user I/O - x

-lblemail Email t_user I/O - x

-lblhak_akses Hak_akses t_user I/O - x

(48)

id_user textfield Masukan id_user

username textfield Masukan username

password textfield Masukan password

nama textfield Masukan nama

alamat textfield Masukan alamat

email textfield Masukan email

Hak_akses combo Masukan hak_akses user

btnUbah button Jika di-klik, akan mengubah data user dalam tabel t_user berdasarkan id_user

btnReset button Jika di-klik akan men-set field-field dalam keadaan kosong

B.8.7. Spesifikasi Layar Pesan

1 Button Ubah diklik Data user telah berhasil diubah

B.8.8. Spesifikasi Proses/Algoritma

B.8.8.1. Proses 6.3 : Perubahan Data User

Objek terkait : Ubah, Reset

Event : Klik

Tampil data user

Mengubah data user dari tabel t_user berdasarkan id_user

Spesifikasi Proses/algoritma: Output- → id_user → username → password → nama → alamat → email → hak_akses connect database Aplikasi_TOEIC

$query="select * from t_user order by id_user" hasil=mysql_query($query) if(hasil){ while($read=mysql_fetch_array(hasil)) { Output- → id_user → username → password → nama → alamat → email → hak_akses

$query = ”update t_user set id_user = ’$Id_user’, username = ’$Username’, password =

password(’$Password’), nama = ’$Nama’, alamat = ’$Alamat’, email = ’$Email’, hak_akses = ’$Hak_akses’ where id_user = ’$Id_user’”

}

Data user telah diubah }else{

(49)

Data tidak ada dalam tabel t_user }

B.8.9. Spesifikasi Report

Tidak Ada

(50)

B.9.

Spesifikasi Proses/Fungsi 6.4

Identifikasi/Nama : Administrator dapat menghapus data user Deskripsi Isi : Hapus Data User

B.9.1. Spesifikasi Tabel Input

Nama Tabel : t_user

B.9.2. Spesifikasi Tabel Output

Nama Tabel : Tidak Ada

B.9.3. Spesifikasi Layar Utama

B.9.4. Spesifikasi Query

delete from t_user where id_user = ’$Id_user’;

B.9.5. Spesifikasi Field Data pada Layar

Pengelolaan

User - t_user I - x

-B.9.6. Spesifikasi Function Key/Objek-Objek pada Layar

Hapus Link Klik salah satu link hapus, maka akan muncul pesan “Anda yakin ingin menghapus data ini?”.

OK Button Klik button OK, maka data yang dipilih akan dihapus. Cancel Button Klik button Cance, maka data tidak jadi dihapus.

B.9.7. Spesifikasi Layar Pesan

(51)

(52)

B.9.8. Spesifikasi Proses/Algoritma

B.9.8.1. Proses 6.4 : Penghapusan Data User

Event :

Tampil data user

Klik id_user akan menghapus data user dari tabel t_user

Spesifikasi Proses/algoritma: Output- → id_user → username → password → nama → alamat → email → hak_akses connect database Aplikasi_TOEIC

$query="select * from t_user order by id_user" hasil=mysql_query($query) if(hasil) { while($read=mysql_fetch_array(hasil)) { Input- → id_user → username → password → nama → alamat → email → hak_akses

$query = ”delete from t_user where id_user = ’$Id_user’” }

}

Data berhasi dihapus else

{

Data tidak ada dalam tabel t_user }

B.9.9. Spesifikasi Report

Tidak Ada

(53)

B.10. Spesifikasi Proses/Fungsi 7.1

Identifikasi/Nama : Administrator dapat menambah soal-soal TOEIC Deskripsi Isi : Tambah Soal-Soal TOEIC

B.10.1. Spesifikasi Tabel Input

Tidak Ada

B.10.2. Spesifikasi Tabel Output

Nama Tabel : t_soal

B.10.3. Spesifikasi Layar Utama

B.10.4. Spesifikasi Query

insert into t_soal values(no_soal = ’$No_soal’, kode_soal = ’$Kode_soal’, cerita = ’$Cerita’, pertanyaan = ’$Pertanyaan’, kunci’$Kunci’, jwbA = ’$JwbA’, jwbB = ’$JwbB’, jwbC = );

B.10.5. Spesifikasi Field Data pada Layar

lblNo_soal No_soal t_soal I - x

-lblKode_soal Kode_soal t_soal I - x

-lblCerita Cerita t_soal I - x

-lblPertanyaan Pertanyaan t_soal I - x

-lblKunci kunci t_soal I - x

(54)

-lblJwbB B t_soal I - x

-lblJwbC C t_soal I - x

-lblJwbD D t_soal I - x

B.10.6. Spesifikasi Function Key/Objek-Objek pada Layar

txtNo_soal textfield Memasukkan no_soal txtKode_soal textfield Memasukkan kode_soal txtGambar imageField Memasukkan gambar txtCerita textarea Memasukkan cerita txtPertanyaan textarea Memasukkan pertanyaan txtKunci textfield Memasukkan kunci jawaban txtJwbA textfield Memasukkan jawaban A txtJwbB textfield Memasukkan jawaban B txtJwbC textfield Memasukkan jawaban C txtJwbD textfield Memasukkan jawaban D

btnTambah Button Jika diklik, akan menambahkan soal-soal TOEIC dan disimpan dalam tabel t_soal

btnReset Button Jika di-klik akan men-set field-field dalam keadaan kosong

B.10.7. Spesifikasi Layar Pesan

No Kasus Pesan

1 Button Tambah diklik Data soal TOEIC berhasil ditambah

B.10.8. Spesifikasi Proses/Algoritma

B.10.8.1. Proses 7.1 : Penambahan Soal-soal TOEIC

Objek terkait : Tambah, Reset

Textfield telah diisi, soal-soal TOEIC bertambah dalam tabel t_soal

Spesifikasi Proses/algoritma: Input - ← no_soal ← kode_soal ← cerita ← pertanyaan ← kunci ← jwbA ← jwbB ← jwbC ← jwbD

$query = ”insert into t_soal values(no_soal = ’$No_soal’, kode_soal = ’$Kode_soal’, cerita = ’$Cerita’, pertanyaan = ’$Pertanyaan’,kunci = ‘$Kunci’, jwbA = ’$JwbA’, jwbB = ’$JwbB’, jwbC =

’$JwbC’, jwbD = ’$JwbD’)”

include “file gambar” untuk no_soal==1-20 hasil = mysql_query($query)

if (hasil)

Data soal TOEIC berhasil ditambah else

(55)

B.10.9. Spesifikasi Report

Tidak Ada

(56)

B.11. Spesifikasi Proses/Fungsi 7.2

Identifikasi/Nama : Administrator menampilkan soal-soal TOEIC Deskripsi Isi : Tampil Soal-Soal TOEIC

B.11.1. Spesifikasi Tabel Input

Nama Tabel : t_soal

B.11.2. Spesifikasi Tabel Output

Tidak Ada

B.11.3. Spesifikasi Layar Utama

B.11.4. Spesifikasi Query

SELECT no_soal, kode_soal, cerita, pertanyaan, kunci, jwbA, jwbB, jwbC, jwbD FROM t_soal WHERE no_soal = ’no_soal’ ;

B.11.5. Spesifikasi Field Data pada Layar

Tidak Ada

B.11.6. Spesifikasi Function Key/Objek-Objek pada Layar

Pengelolaan Soal-Soal TOEIC

Link Klik Pengelolaan Soal-Soal TOEIC, maka akan tampil data-data soal-soal TOEIC

(57)

B.11.7. Spesifikasi Layar Pesan

Tidak Ada

(58)

B.11.8. Spesifikasi Proses/Algoritma

B.11.8.1. Proses 7.2 : Tampil Soal-Soal TOEIC

Event :

Halaman utama Administrator

Klik tombol tampil soal akan menampilkan soal-soal TOEIC dari tabel t_soal

Spesifikasi Proses/algoritma: Output - ← no_soal ← kode_soal ← file gambar ← cerita ← pertanyaan ← kunci ← jwbA ← jwbB ← jwbC ← jwbD

$query=”select no_soal, kode_soal, cerita, pertanyaan, kunci, jwbA, jwbB, jwbC, jwbD from t_soal where no_soal = ’no_soal’”

include “file gambar” untuk no_soal==1-20 hasil = mysql_query($query) while($read=mysql_fetch_array(hasil)) { Output - ← no_soal ← kode_soal ← gambar ← cerita ← pertanyaan ← kunci ← jwbA ← jwbB ← jwbC ← jwbD }

B.11.9. Spesifikasi Report

Tidak Ada

(59)

B.12. Spesifikasi Proses/Fungsi 7.3

Identifikasi/Nama : Administrator mengubah soal-soal TOEIC Deskripsi Isi : Ubah Soal-Soal TOEIC

B.12.1. Spesifikasi Tabel Input

Nama Tabel : t_soal

B.12.2. Spesifikasi Tabel Output

Nama Tabel : t_soal

(60)

B.12.4. Spesifikasi Query

update t_soal set no_soal = ’$No_soal’, kode_soal = ’$Kode_soal’, cerita = ’$Cerita’, pertanyaan = ’$Pertanyaan’, kunci = ‘$Kunci’, jwbA = ’$JwbA’, jwbB = ’JwbB’, jwbC = ’JwbC’, jwbD = ’JwbD’ where no_soal = ’no_soal’;

(61)

B.12.5. Spesifikasi Field Data pada Layar

lblNo_soal No_soal t_soal I - x

-lblKode_soal Kode_soal t_soal I - x

-lblCerita Cerita t_soal I - x

-lblPertanyaan Pertanyaan t_soal I - x

-lblKunci Kunci t_soal I - x

-lblA A t_soal I - x

-lblB B t_soal I - x

-lblC C t_soal I - x

-lblD D t_soal I - x

-B.12.6. Spesifikasi Function Key/Objek-Objek pada Layar

txtNo_soal textfield Memasukkan no soal txtKode_soal textfield Memasukkan kode soal txtCerita textarea Memasukkan cerita txtPertanyaan textarea Memasukkan pertanyaan txtKunci textfield Memasukkan kunci jawaban txtJwbA textfield Memasukkan pilihan jawaban A txtJwbB textfield Memasukkan pilihan jawaban B txtJwbC textfield Memasukkan pilihan jawaban C txtJwbD textfield Memasukkan pilihan jawaban D

btnUbah button Jika di-klik, akan mengubah soal-soal TOEIC dan disimpan kembali ke dalam tabel t_soal

btnReset button Jika di-klik akan men-set field-field dalam keadaan kosong

B.12.7. Spesifikasi Layar Pesan

(62)

B.12.8. Spesifikasi Proses/Algoritma

B.12.8.1. Proses 7.3 : Perubahan Soal-Soal TOEIC

Objek terkait : Ubah, Reset

Soal-soal dalam tabel soal belum terjadi perubahan

Mengubah soal-soal TOEIC dari tabel t_soal

Spesifikasi Proses/algoritma: Output - ← no_soal ← kode_soal ← file gambar ← cerita ← pertanyaan ← kunci ← jwbA ← jwbB ← jwbC ← jwbD

connect database Aplikasi_TOEIC $query="select * from t_soal";

include “file gambar” untuk no_soal==1-20 hasil=mysql_query($query) if(hasil) { while($read=mysql_fetch_array(hasil)) { Input - ← no_soal ← kode_soal ← file gambar ← cerita ← pertanyaan ← kunci ← jwbA ← jwbB ← jwbC ← jwbD

$query = ”update t_soal set no_soal = ’$No_soal’, kode_soal = ’$Kode_soal’, cerita = ’$Cerita’, pertanyaan = ’$Pertanyaan’, kunci = ‘$Kunci’, jwbA = ’$JwbA’, jwbB = ’JwbB’, jwbC = ’JwbC’, jwbD = ’JwbD’ where no_soal = ’no_soal’”

} }

Data berhasil diubah else { Update gagal }

B.12.9. Spesifikasi Report

Tidak Ada

(63)

B.13. Spesifikasi Proses/Fungsi 7.4

Identifikasi/Nama : Administrator menghapus soal-soal TOEIC Deskripsi Isi : Hapus Soal-Soal TOEIC

B.13.1. Spesifikasi Tabel Input

Nama Tabel : t_soal

B.13.2. Spesifikasi Tabel Output

Tidak Ada

B.13.3. Spesifikasi Layar Utama

B.13.4. Spesifikasi Query

delete from t_soal where no_soal = no_soal’;

B.13.5. Spesifikasi Field Data pada Layar

Pengelolaan

Soal - t_soal I - x

-B.13.6. Spesifikasi Function Key/Objek-Objek pada Layar

Hapus Link Klik salah satu link hapus, maka akan muncul pesan “Anda yakin ingin menghapus data ini?”.

OK Button Klik button OK, maka data yang dipilih akan dihapus. Cancel Button Klik button Cance, maka data tidak jadi dihapus.

(64)

B.13.7. Spesifikasi Layar Pesan

1 Button OK diklik Soal-soal TOEIC telah berhasil dihapus dari table t_soal

B.13.8. Spesifikasi Proses/Algoritma

B.13.8.1. Proses 8.4 : Penghapusan Soal-soal TOEIC

Objek terkait : Link Hapus, button OK, button Cancel

Event :

Halaman utama akses administrator

Menampilkan semua soal-soal TOEIC dan klik no_soal untuk menghapus soal-soal TOEIC dari tabel t_soal

Spesifikasi Proses/algoritma: Input - ← no_soal ← kode_soal ← cerita ← pertanyaan ← kunci ← jwbA ← jwbB ← jwbC ← jwbD

connect database Aplikasi_TOEIC $query="select * from t_soal";

include “file gambar” untuk no_soal==1-20 hasil=mysql_query($query) if(hasil) { while($read=mysql_fetch_array(hasil)) { Input - ← no_soal ← kode_soal ← cerita ← pertanyaan ← kunci ← jwbA ← jwbB ← jwbC ← jwbD

$query = ”delete from t_soal where no_soal = no_soal’” }

}

Soal TOEIC berhasil dihapus else

{

Soal TOEIC tidak ada dalam tabel t_soal }