APLIKASI UJIAN ONLINE DI RSBI SMAN 2 MOJOKERTO.
Diajukan Oleh :
AHMAD NUR SETYO CANDRA
NPM : 0734010098
JURUSAN TEKNIK INFORMATIKA
FAKULTAS TEKNOLOGI INDUSTRI
UNIVERSITAS PEMBANGUNAN NASIONAL “VETERAN”
JAWA TIMUR
(2)
Segala puji dan syukur bagi Allah SWT karena atas rahmat dan hidayahNya-lah
penulis dapat menyelesaikan tugas akhir yang berjudul “Aplikasi Ujian RSBI
SMAN 2 Mojokerto” . Sholawat dan Salam atas junjungan kita Nabi Besar Muhammad SAW. Beserta keluarga dan para sahabat sekalian.
Skripsi ini disusun dengan tujuan memenuhi syarat untuk memperoleh gelar Sarjana Komputer di Universitas Pembangunan Nasional “Veteran” JATIM.
Pengarahan, bimbingan dan dukungan dari semua pihak merupakan faktor yang sangat membantu penulis dalam menyelesaikan karya ini, maka dari itu dalam kesempatan ini penulis ingin mengucapkan terima kasih kepada :
1. Kedua Orang Tua penulis ( Bp.Ngaterin dan Ibu Sri Wedari ) beserta Adek
ku yang tercinta ( Nur Maulana Icksan ) yang telah memberikan doa yang
terdasyat, serta bantuan dan dorongan semangat baik secara moril maupun materil yang tidak ternilai harganya, kebahagiaanmu adalah tujuan hidupku.
2. Bapak Ir Sutiyono, MT, selaku Dekan FTI, UPN “Veteran” Jawa Timur.
3. Ibu Dr.Ir.Ni Ketut Sari, MT selaku ketua jurusan Teknik Informatika, FTI, UPN “Veteran” Jawa Timur.
4. Bapak Nur Cahyono Wibowo, S.Kom, M.Kom selaku Dosen pembimbing 1.
5. Bapak Doddy Ridwandono, S.Kom selaku Dosen pembimbing 2.
6. Temenku Abdul Rofiq operator Hill-net yang tak henti-hentiya memberikan
(3)
Informatika angkatan 2004, Dito, Wicak, Adit, Pramu Aji, Sandy, Hendrik, Hendra , dan Mas.Hari dkk owner Blue-Print.Terima kasih atas doa dan semua dukungannya.
9. Temen-temen Jurusan Teknik informatika angkatan 2005, Gagap, Ucok,
Singgeh (gendol), yang memberikan semangat, motifasi dan doa.
10. Dan semua pihak yang telah membantu dalam penyusunan tugas akhir ini,
penyusun tidak dapat menyebutkan satu persatu.
Akhir kata penulis menyadari bahwa Skripsi ini masih jauh dari sempurna, oleh karena itu penulis sangat mengharapkan kritik dan saran yang bersifat membangun. Namun, penulis tetap berharap agar karya ini dapat bermanfaat bagi para pembaca khususnya bagi rekan - rekan mahasiswa.
Surabaya, Oktober 2011
(4)
ABSTRAK ... i
KATA PENGATAR ... ii
DAFTAR ISI ... iv
DAFTAR GAMBAR ... ix
DAFTAR TABEL ... xii
BAB I. PENDAHULUAN ... 1
1.1 Latar Belakang ... 1
1.2 Perumusan Masalah ... 2
1.3 Batasan Masalah... ... 3
1.4 Tujuan ... 3
1.5 Manfaat E-commerce ... 4
1.6 Metodologi Penelitian ... 5
1.7 Sistematika Penulisan ... 6
BAB II. TINJAUAN PUSTAKA ... 8
2.1 Rancang Bangun ... 8
2.2 Prototype ... 10
2.2.1 Tahapan-Tahapan Prototyping ... 11
2.3 Penjualan Produk ... 12
(5)
2.5.1 Tugas dan Fungsi Jabatan ... 17
2.5.2 Bagan Struktur Jabatan ... 18
BAB III. ANALISA DAN PERANCANGAN SISTEM ... 19
3.1 Analisa Sistem ... 19
3.2 Sistem Flow ... 23
3.3 Perancangan Sistem ... 27
3.3.1 Context Diagram ... 27
3.3.2 Diagram Berjenjang ... 29
3.3.3 Data Flow Diagram ... 30
3.3.3.1 DFD Level 0 ... 30
3.3.3.2 DFD Level 1 Sub Proses Shopping Cart ... 33
3.3.3.3 DFD Level 1 Sub Proses Checkout... 34
3.4 Desain Database ... 35
3.4.1 CDM (Conceptual Data Model) ... 36
3.4.2 PDM (physical Data Model) ... 37
3.4.3 Kamus Data ... 38
3.4.4 Desain Tampilan ... 42
3.4.3.1 Desain Tampilan Halaman Customer ... 42
(6)
4.2 Kebutuhan Software ... 47
4.3 Penjelasan Program ... 47
4.3.1 Penjelsan Program Customer Site ... 47
4.3.2 Penjelasan Program Administrator dan Manager Site ... 52
4.3.3 Penjelasan Menu E-banking Site... .... 59
BAB V. UJI COBA DAN EVALUASI ... 60
5.1 Uji Coba dan Evaluasi System Costomer Site ... 60
5.1.1 Customer Site ... 60
5.1.2 Registrasi Member ... 61
5.1.3 Login Member ... 63
5.1.4 Shopping Cart ... 63
BAB VI. PENUTUP ... 69
6.1 Kesimpulan ... 70
6.2 Saran Pengembangan ... 70
DAFTAR PUSTAKA ... 71
(7)
Gambar 2.1 Bagan Struktur Pengurus dan Jabatan ... 18
Gambar 3.1 Dokumen Flow Sistem Penjualan Produk Sekarang ... 20
Gambar 3.2 System Flow E-Commerce ... 25
Gambar 3.3 System Flow E-Commerce (Lanjutan) ... 26
Gambar 3.4 DFD (Data Flow Diagram) level context ... 29
Gambar 3.5 Diagram Berjenjang ... 30
Gambar 3.6 DFD (Data Flow Diagram) level0 ... 31
Gambar 3.7 DFD Level1 Sub Proses Shopping Cart ... 34
Gambar 3.8 DFD Level1 Sub Proses Checkout ... 35
Gambar 3.9 CDM (Conceptual Data Model) dbtoko ... 36
Gambar 3.10 PDM (Physical Data Model) dbtoko ... 37
Gambar 3.11 Desain Tampilan Halaman Customer ... 43
Gambar 3.12 Desain Tampilan Halaman Admin ... 44
Gambar 4.1 Halaman katalog... 48
Gambar 4.2 Halaman Detail Produk ... 49
Gambar 4.3 Halaman Register Customer ... 49
Gambar 4.4 Halaman Shopping Cart ... 50
Gambar 4.5 Halaman Informasi Alamat Pembayaran ... 51
Gambar 4.6 Halaman Informasi Detail Pemesanan ... 51
(8)
Gambar 4.11 Halaman Lihat Data Barang ... 54
Gambar 4.12 Halaman Input Data kategori ... 55
Gambar 4.13 Halaman Hasil Tambah Data kategori ... 55
Gambar 4.14 Halaman Input Data Tarif Kirim ... 56
Gambar 4.15 Halaman Lihat Data Tarif Kirim ... 56
Gambar 4.16 Halaman Daftar Pemesanan ... 57
Gambar 4.17 Halaman Detail Pemesanan... 58
Gambar 4.18 Halaman Cetak Faktur Penjualan ... 58
Gambar 4.19 Halaman Konfirmasi Pembayaran ... 59
Gambar 5.1 Uji Coba Halaman Utama toko Sinar Computer online ... 61
Gambar 5.2 Uji Coba Halaman Member……… . 62
Gambar 5.3 Uji Coba Proses Pendaftaran Member telah berhasil ... 62
Gambar 5.4 Uji Coba Login member………... 63
Gambar 5.5 Uji Coba Shopping Cart……… ... 64
Gambar 5.6 Uji Coba Detail Produk……… ... 65
Gambar 5.7 Uji Coba Arsipkan Produk ... 65
Gambar 5.8 Uji Coba Detail Arsipkan Produk ... 66
Gambar 5.9 Uji Coba Proses Order Produk ... 66
Gambar 5.10 Uji Coba Detail Order Produk... 67
(9)
Tabel 3.1 Struktur Table Barang ... 38
Tabel 3.2 Struktur Tabel Merk ... 39
Tabel 3.3 Merk ... 39
Tabel 3.4 Struktur Tabel Member ... 39
Tabel 3.5 Struktur Tabel Transaksi ... 40
Tabel 3.6 Struktur Tabel Order_detail ... 41
(10)
ABSTRAK
Ujian Sekolah adalah kegiatan yang dilakukan oleh satuan pendidikan untuk mengukur pencapaian kompetensi peserta didik sebagai pengakuan prestasi belajar dan atau penyelesaian dari Sekolah. Dalam melakukan ujian membutuhkan
kertas dalam pelaksanaan ujian, serta melakukan audit penilaian secara manual
yang biasanya dilakukan oleh guru, sehingga dalam pengaplikasian ujian bisa
berproses lama hingga dan memakan biaya, dengan system Aplikasi Ujian Online
,siswa dan pihak sekolah merasakan kemudahan dalam fungsi aplikasi ini.
Aplikasi Ujian SMAN 2 Mojokerto ini menggunakan database MySQL, web
server Apache dengan bahasa pemrograman PHP serta dipadu dengan beberapa
aplikasi desain untuk memperindah tampilan web halaman depan atau CMS.
Dalam pembuatan aplikasi ujian ini telah dilakukan beberapa langkah yaitu, survei lapangan dengan melakukan penelitian dan mengumpulkan data secara langsung dari pihak yang bersangkutan, kemudian data tersebut dianalisa dan
diolah menjadi system.
Hasil ujicoba yang diperoleh dalam pembutan aplikasi ujian SMAN 2
Mojokerto yaitu, tampilan aplikasi userfriendly dan dilengkapi dengan fitur yang
digunakan dalam pelaksanaan ujian seperti halaman utama CMS, tampilan
registrasi siswa, login siswa, buku tamu, dokumentasi. Pada halaman admin aplikasi ujian dilakukan proses-proses mengenai buat ujian, lihat data siswa, buat siswa ujian, lihat nilai, dan pada halaman siswa ,mengetahui informasi jadwal ujian, proses melakukan ujian dan grafik nilai.
(11)
Pada bab ini, dijelaskan beberapa hal dasar meliputi latar belakang, rumusan masalah, batasan masalah, tujuan, manfaat, metodelogi serta sistematika pembahasan tentang Proyek Tugas Akhir ini. Dari uraian tersebut diharapkan, gambaran umum permasalahan dan pemecahan yang diambil, dapat dipahami dengan baik.
1.1 Latar Belakang
Ujian Sekolah adalah kegiatan yang dilakukan oleh satuan pendidikan
untuk mengukur pencapaian kompetensi peserta didik sebagai pengakuan
prestasi belajar dan atau penyelesaian dari Sekolah. Dalam melakukan ujian membutuhkan kertas dalam pelaksanaan ujian, serta melakukan audit penilaian secara manual yang biasanya dilakukan oleh guru, sehingga standart pengaplikasian ujian bisa berproses lama hingga dan memakan biaya.
Teknologi komputer berkembang sangat pesat dengan munculnya internet
dimana komputer-komputer dapat saling terhubung membentuk jaringan yang sangat luas yang terdiri dari ribuan komputer diseluruh dunia. Siapapun yang mempunyai akses kedalam jaringannya dapat saling bertukar informasi berbagai
macam bentuk data teks, gambar, suara, file dan sebagainya. Lebih dari itu
(12)
SMAN 2 Mojokerto sebagai salah satu lembaga pendidikan yang berintiskan internasional, dimana siswa-siswi setiap melakukan ujian masih secara manual dan untuk dapat memudahkan para siswa dalam melakukan ujian dan mendapatkan hasil ujian yang cepat. Dibuatlah aplikasi ujian yang dalam
pembuatan sistem ujian online ini penulis menggunakan bahasa pemrogaman
yaitu PHP dan databaseMySQ , sehingga menghemat biaya dan waktu.
1.2 Rumusan Masalah.
Bagaimana membuat aplikasi ujian online berbasis web yang dapat
membantu siswa SMAN 2 Mojokerto ?
1.3 Batasan Masalah
Dalam pengerjaan tugas akhir ini, sudah ditetapkan batasan permasalahan yang akan dikaji dan dilaksanakan, yaitu sebagai berikut :
a. Bentuk Soal yang digunakan yaitu bentuk pilihan ganda dengan
menyediakan empat pilihan jawaban yang terdiri dari satu jawaban benar dan tiga jawaban lain sebagai pengecoh.
b. Tipe ujian terdiri 1 tipe yaitu Umum yang memiliki beberapa kategori.
c. Terbatas hanya pengujian dan penggunaan soal tertulis dalam bentuk teks.
1.4 Tujuan
Secara garis besar bahwa tujuan dari skripsi ini adalah membuat sistem
(13)
1.5 Manfaat Tugas akhir
Manfaat yang dapat diperoleh dari pembuatan aplikasi ujian online ini
adalah:
a. Memberikan kemudahan dalam input soal data, pencarian data, dan
pembuatan laporan hasil ujian secara cepat, efisien dan akurat.
b. Membantu guru dalam melakukan pengaturan kegiatan ujian
sehari-hari.
c. Siswa dapat dengan mudah dan mandiri mendaftarkan mata ujian
dan mereka tanpa harus daftar manual.
d. Agar mempermudah siswa-siswi untuk melakukan ujian secara
online sesuai dengan mata pelajaran sekolah.
e. Menghemat pembiayaan penggunaan kertas ujian manual.
1.6 Metodologi Penelitian
Tahap yang akan dilakukan dalam pengerjaan tugas akhir ini adalah sebagai berikut :
a. Studi pustaka
Pemahaman studi pustaka tentang konsep dan teori Ujian Sekolah Online
dengan menggunakan bahasa pemrogaman web PHP yang berintegrasi
dengan database MYSQL.
b. Pengumpulan data
Tahap ini dengan melakukan pengumpulan data-data ujian sekolah sebelumnya.
(14)
c. Analisis dan Perancangan Aplikasi
Pada tahap ini, dideskripsikan umum sistem, perancangan basisdata,
selain itu juga dilakukan perancangan awal aplikasi yang akan dibuat,
sehingga dihasilkan desain interface ( antar muka )
d. Pembuatan Aplikasi
Pada tahap ini penulis akan melakukan pembuatan aplikasi yang meliputi bagaimana cara aplikasi dan basis data akan berkomunikasi.
e. Uji coba dan Evaluasi
Pada tahap ini penulis akan melakukan uji coba terhadap aplikasi yang telah dibuat. Dari hasil uji coba akan didapat suatu kesimpulan dan saran.
1.7 Sistematika Penulisan.
Dalam laporan tugas akhir ini, pembahasan disajikan dalam enam bab dengan sistematika pembahasan sebagai berikut :
BAB I PENDAHULUAN
Bab ini berisikan tentang latar belakang masalah, perumusan masalah, batasan masalah, tujuan, dan manfaat, metodelogi serta sistematika penulisan pembuatan tugas akhir ini.
BAB II TINJAUAN PUSTAKA
(15)
yang berhubungan dan digunakan untuk mendukung dalam pembuatan tugas akhir ini.
BAB III ANALISA DAN PERANCANGAN SISTEM
Pada bab ini membahas tentang perancangan system, Entity
Relayionship Diagram (ERD), Data Flow Diagram (DFD), serta
perancangan Antar Muka,dan pemrogaman aplikasi menggunakan
PHP.
BAB IV IMPLEMENTASI SISTEM
Pada bab ini dijelaskan tentang implementasi dari program yang telah dibuat meliputi lingkungan implementasi, implementasi
proses, dan implementasi interface.
BAB V UJI COBA DAN EVALUASI
Pada bab ini menjelaskan tentang pelaksanaan uji coba dan evaluasi dari pelaksanaan uji coba dari program yang dibuat.
BAB VI PENUTUP
Pada bab ini dibahas mengenai uraian kesimpulan tentang sistem yang telah dibuat beserta saran yang dapat digunakan untuk penyempurnaan dan pengembangan sistem.
(16)
DAFTAR PUSTAKA
Pada bagian ini akan dipaparkan sumber-sumber literatur yang digunakan dalam pembuatan laporan tugas akhir ini.
LAMPIRAN
(17)
Pada bab II ini akan dibahas beberapa teori dasar untuk menunjang
penyelesaian tugas akhir ini, antara lain : Sistem Ujian Online ( Online Exam ) ,
Devenisi Web, Sejarah World Web, Definisi Web Server, Devinisi HTML, Definisi
PHP, Skrip PHP, Definisi MySQL dan Koneksi Database MySQL dengan PHP.
2.1 Sistem Ujian Online ( Online Exam )
(
httpelib.unikom.ac.idgdl.phpmod=browse&op=read&id=jbptunikompp-gdl-s1-2005-darutrikri-1820 ) diakses 20/ 11/ 2011 akan sangat berbeda apabila ujian
belajar bisa dilakukan pada media online. Sistem ujian online merupakan aplikasi
yang dirancang dan dikembangkan pada media online untuk menguji kemampuan
seseorang dalam mengetahui seseorang dalam masalah tertentu. Pada aplikasi ini memfokuskan pada pelaksanaan ujian prestasi belajar siswa seperti dibahas pada
sebelumnya. Banyak keuntungan daripada pelaksanaan sistem ujian online yaitu :
a. Paperless
Dengan memanfaatkan Sistem Aplikasi Ujian Online , maka pelaksanaan
ujian bisa menghemat pemakaian kertas. Dalam ujian konvensional biasanya memerlukan kertas yang banyak untuk soal ujian, pemakaian kertas ini membutuhkan biaya yang tidak sedikit, walaupun hanya dipakai hanya sekali dalam satu sesi ujian. Selain itu kertas-kertas soal beserta
(18)
jawabannya tersebut jika disimpan akan memakan ruang yang cukup
banyak. Dengan Aplikasi Ujian Online ini dapat memecahkan masalah
tersebut dengan memberikan solusi “paperless” semua soal beserta
penilaiannya akan disimpan kedalam database, sehingga tidak lagi
memerlukan ruang-ruang untuk menyimpan kertas-kertas hasil ujian.
Selain itu, pemecahan solusi “paperless” ini secara tidak langsung
mendukung “ green product “, dimana dengan pemakaian lebih sedikit
kertas akan lebih sedikit pula pohon yang harus ditebang. b. Scoring/ penilaian hasil ujian.
Pekerjaan yang paling banyak membutuhkan waktu dan menjenuhkan bagi
penguji adalah scoring atau penilaian hasil ujian. Dalam ujian
konvensional contohnya, penguji harus melihat dan menilai setiap jawaban
dalam setiap soal, untuk seluruh siswa. Sistem ujian online memiliki fitur
autoscoring, yang secara otomatis menghitung hasil ujian saat itu juga
setelah ujian selesai dan menampilkannya secara real-time. Dengan
demikian penguji tidak perlu bersusah payah meluangkan banyak waktunya untuk membaca jawaban dan menghitung hasil ujian setiap siswa.
c. Kemudahan manajemen dan database.
Aplikasi Ujian Online yang dibuat ini bertujuan memudahkan penguji
untuk melihat dan me-manage hasil-hasil ujian selama ini. Disediakan pula
fitur tambahan seperti. Hasil ujian berupa hasil ujian seluruh siswa
(19)
bertahun-tahun dan dapat ditampilkan kembali sewaktu-waktu jika ditampilkan.
2.2 Definisi Web
Menurut M. Rudyanto Arief ( 2011 ) Web adalah salah satu aplikasi yang
berisikan dokumen-dokumen multimedia (text,gambar,suara,animasi,video)
didalamnya yang menggunakan protokol HTTP ( Hypertext Tranfer Protocol )
dan untuk mengaksesenya menggunakan perangkat lunak yang disebut browser.
Beberapa browser yang sangat populer saat ini antara lain : Internet Explorer
yang diproduksi oleh Microsoft, Mozilla Firefox, Opera dan Safari yang
diproduksi oleh Apple. Browser ( perambah ) adalah aplikasi yang mampu
menjalankan dokumen-dokumen web dengan cara diterjemahkan. Prosesnya
dilakukan oleh komponen yang terdapat didalam aplikasi browser yang disebut
web engine. Semua dokumen web ditampilkan oleh browser dengan cara
diterjemahkan. Situs web adalah dokumen-dokumen web yang terkumpul menjadi
satu kesatuan yang memiliki Unified Resource Locator ( URL ) / domain dan
biasanya di-publish atau diinternet / intranet, yang dapat diakses semua pengguna
internet. Contoh web lihat Gambar 2.1.
(20)
2.3 Aplikasi Web
Menurut Komang Wiswakarma ( 2009 ) Pada awalnya aplikasi web
dibangun hanya dengan menggunakan bahasa yang disebut HTML ( Hypertext
Transfer Protokol ). Pada perkembangan berikutnya, sejumlah skrip dan objek
dikembangkan untuk memperluas kemampuan kemempuan HTML. Pada saat ini,
banyak skrip seperti itu antara lain yaitu PHP dan ASP, Sedangkan contoh yang
berupa objek antara lain adalah lain adalah Applet ( Java ) :
Aplikasi web itu sendiri dibagi menjadi :
a. Web Statis
Situs web statis merupakan situs web yang memiliki isi tidak dimaksudkan untuk
diperbarui secara berkala sehingga pengaturan ataupun pemutakhiran isi atas situs
web tersebut dilakukan secara manual. jenis perangkat utilitas yang biasa
digunakan dalam pengaturan situs web statis seperti editor teks yang merupakan
perangkat utilitas yang digunakan untuk menyunting berkas halaman web,
misalnya: Notepad atau TextEdit.
b. Web Dinamis
Dengan memperluas kemampuan HTML yakni dengan menggunakan perangkat
lunak tambahan, perubahan informasi dalam halaman-halaman web dapat
ditangani melalui perubahan data, bukan melalui perubahan program. Sebagai
implementasinya, aplikasi web dapat dikoneksikan ke dalam basisdata. Dengan
(21)
betanggung jawab terhadap kemutahiran data dan tidak menjadi tanggunng jawab
program atau webmaster.
2.4 Sejarah World Wide Web
( http://id.wikipedia.org/wiki/Waring_Wera_Wanua ) diakses 20/03/2011
World Wide Web mendapat perhatian publik yang sangat besar yang tidak dapat
disamai oleh aplikasi internet. Pada tahun 1995 , www menggantikan FTP sebagai
aplikasi internet yang bertanggung jawab atas sebagian besar lalu lintas internet.
Web telah telah terjadi sedemikian terkenalnya sehingga terkadang disebut dengan
istilah internet itu sendiri, meskipun pengertian di web dan diinternet sebenarnya
tidaklah sama.
Web adalah sistem pengiriman dokumen tersebar yang berjalan diinternet.
Web dikembangkan di CERN ( Erupean Center For Nuclear Research ), suatu
lembaga bagi penelitian fisika energi tinggi di Genewa, Swiss. Tujuan semula dari
lembaga ini adalah untuk membantu para fisikawan diberbagai lokasi yang
berbeda dalam bekerjasama dalam berbagai material penelitian. Web dengan cepat
berkembang keluar lingkup masyarakat fisika energi tinggi. Pada tahun 1993,
terdapat 130 server web diinternet. Setahun kemudian jumlahnya meningkat
menjadi 2.738 dan pada bulan juni 1995 terdapat 23.500 server web.
Sekarang ini web telah memiliki jumlah pemirsa yang sangat besar diluar
lingkup akademis : kurang lebih 30% dari web server yang tengah beroprasi
sangat ini berada dalam komputer adalah domain komersial, dan disebagian
industri, dimana perusahaan web sama pentingnya dengan memiliki telepon tau
(22)
sangat penting bagi periklanan dan alamat web sekarang sudah umum dijumpai pada majalah, surat kabar dan televisi.
2.5 Definisi Web Server
( http://id.wikipedia.org/wiki/Server_web)diakses 26/01/2012 Server web
adalah untuk mentransfer berkas atas permintaan pengguna melalui protokol
komunikasi yang telah ditentukan. Disebabkan sebuah halaman web dapat terdiri
atas berkas teks, gambar, video, dan lainnya pemanfaatan server web berfungsi
pula untuk mentransfer seluruh aspek pemberkasan dalam sebuah halaman web
yang terkait, termasuk di dalamnya teks, gambar, video, atau lainnya. Pengguna,
biasanya melalui aplikasi pengguna seperti peramban web, meminta layanan atas
berkas ataupun halaman web yang terdapat pada sebuah server web, kemudian
server sebagai manajer layanan tersebut akan merespon balik dengan
mengirimkan halaman dan berkas-berkas pendukung yang dibutuhkan, atau menolak permintaan tersebut jika halaman yang diminta tidak tersedia. Saat ini
umumnya server web telah dilengkapi pula dengan mesin penerjemah bahasa
skrip yang memungkinkan server web menyediakan layanan situs web dinamis
dengan memanfaatkan pustaka tambahan seperti PHP, ASP.
Pemanfaatan server web saat ini tidak terbatas hanya untuk publikasi situs
web dalam Waring Wera Wanua, pada prakteknya server web banyak pula
digunakan dalam perangkat-perangkat keras lain seperti printer, router, kamera
(23)
untuk menyediakan perangkat manajemen serta mempermudah peninjauan atas perangkat keras tersebut.
2.6 Definisi HTML
Menurut Eko Prasetyo ( 2008 ) Sebelum mengenal apa itu html, ada
baiknya mengetahui dulu apa itu HTTP ( hypertext transfer protokol ). HTTP
merupakan Protokol yang digunakan untuk mentransfer data atau dokumen antara
web serser ke web browser ( Internet Explorer, Mozilla Firefox ). Dan protokol
ini waktu melakukan transfer, dokumen atau data webnya ditulis atau dengan
format HTML.
HTML sendiri adalah singkatan dari “ Hypertext Markup Language “.
Disebut dengan markup language karena HTML berfungsi untuk memperindah
file tulisan atau teks biasa, sehingga bisa menunjukkan interface dan informasi
yang cukup menarik sehingga dapat dilihat pada web browser yang ada,bisa juga
disebut sistem penundaan ( markup ) pada sebuah dokumen yang digunakan untuk
membangun suatu halaman web ( Homepage ).
Dokumen HTML biasanya berikstensi .HTM atau .HTML dan dokumen
HTML bisa diolah dengan menggunakan HTML editor seperti worldpad, notepad,
HTML editor. Biasanya dalam web browser yang biasanya bisa melihat
tulisan-tulisan yang miring, tebal,dan sebagainya, yang semua ini merupakan tugas dari
tag HTML. Tag adalah kumpulan beberapa karakter yang diawali simbol-simbol
kecil ( < ) dan diakhiri dengan simbol-simbol besar ( > ) serta semua tag memiliki penutup sendiri-sendiri dengan ditandai garis miring ( / ) sebagai contoh adalah
(24)
<HTML>...</HTML> dan yang lain misalakan <TITLE> secara umum halaman
web mempunyai struktur dasar sebagai berikut :
<HTML> sebagai tanda dokumen HTML
<HEAD> sebagai informasi page header, didalam tag ini bisa meletakkan
BASE, ISINDEX, TITLE, SCRIPT, LINK, META dan STYLE.
<TITLE> sebagai title atau judul halaman, kalimat yang muncul di dalam tag ini
akan muncul pada bagian paling atas browser anda atau pada bagian title bar.
<BODY> didalam tag ini bisa diletakkan berbagai attribute seperti warna, warna
teks, latar belakang, warna link, warna visited link, warna active link .
Namun pada sebuah bagian HTML terdapat dua bagian utama yaitu bagian head
dan bagian body, setiap masing-masing bagian mempunyai tag tersendiri, bagian
< head>....</head> dan bagian <body>...</body> berikut contoh sederhana
dokumen HTML :
<html> <head>
<title>AHMAD NUR S C T.INFORMATIKA 2007</title> </head>
<body text ="#00F">
(25)
<H2> SAYA ANAK UPN </H2> </body>
Setelah memasukkan skrip, pastikan nama folder dan nama skrip .HTML untuk
pemanggilan melalui webserver dengan tampilan pada browser, maka lihat pada
browser seperti Gambar 2.2 Contoh Tampilan HTML pada browser.
Gambar 2.2 Contoh Tampilan HTML pada Web Browser
Dokumen di atas merupakan kumpulan dari perintah-perintah dasar pada
HTML seperti <body text...> untuk warna dasar dan <H1> digunakan untuk
ukuran dasar teks.
Konsep kerja HTML diawali dengan permintaan halaman web oleh
browser, berdasarkan URL ( Uniform Resource Locator )atau dikenal dengan
sebutan alamat internet, browser mendapat alamat dari webserver,
mengidentifikasi halaman yang dikehendaki dan menyampaikan segala informasi
(26)
yang diminta dan isinya akan dikirim ke browser yang mendapatkan isinya segera
melakukan kode penerjemahan HTML dan menyampaikan ke layar pemakai.
2.7 Definisi PHP
Menurut Eko Prasetyo ( 2008 ) PHP atau resminya PHP Hypertext
Processor adalah skrip bersifat server-side yang ditambahkan kedalam HTML.
PHP sendiri merupakan singkatan dari Personal Home Page Tools, skrip ini akan
membuat suatu aplikasi yang dapat integrasikan ke dalam HTML sehingga suatu
halaman web tidak bersifat statis, namun bersifat dinamis, sifat server-side berarti
pengerjaan skrip dilakukan di server baru kemudian hasilnya dikirim ke browser.
Kode PHP juga berkomunikasi dengan database dan melakukan
perhitungan-perhitungan yang kompleks sambil jalan. Dan pada saat ini cukup
sangat populer sebagai piranti pemrogaman web terutama dilingkungan linux.
Walaupun demikian, PHP sebenarnya juga dapat berfungsi pada server-server
berbasis UNIX, Machitos atau Windows NT, bahkan untuk versi Windows 98 : 95
pun tersedia.
PHP bersifat bebas pakai, user tidak perlu membayar apapun untuk
perangkat lunak ini. Salah satu kelebihan dari PHP ini adalah mampu
berkomunikasi dengan database yang terkenal, dengan demikian menampilkan
data yang bersifat dinamis,yang dapat diambil dari database merupakan hal yang
mudah untuk mengimplementasikan, itu sebabnya sering dikatakan PHP sangat
(27)
Sebagai sebuah bahasa pemrogaman server-side, PHP juga memiliki keunggulan
seperti :
1. Skript PHP dapat memanfaatkan sumber-sumber aplikasi yang dimiliki oleh
server, seperti misalnya untuk keperluan database connection , saat ini PHP
sudah mampu melakuakan koneksi dengan berbagai database seperti Interbase,
Microsoft Access, Oracle, MYSQl, Sybase
2. Pada aplikasi yang dibuat dari PHP, saat dijalankan server akan mengerjakan
skrip dan hasilnya akan dikirim ke web browser. Hal itu menyebabkan aplikasi
tidak memerlukan kompatibilitas web browser atau harus menggunakan web
browser tetentu dan pasti dikenal oleh web browser tertentu.
Konsep kerja PHP, prinsipnya serupa dengan kode HTML, hanya saja ada
berkas PHP yang diminta didapatkan oleh web server, isinya segera dikirim ke
mesin PHP dan mesin inilah yang memproses yang hasilnya berupa kode HTML
ke web browser. Selanjutnya web server menyampaikan ke klien, berikut ini
merupakan gambar skema PHP ( Gambar 2.3 )yang mana sudah didiskripsikan
sudah dijelaskan diatas.
(28)
2.8 Skrip PHP
Menurut Abdul Kadir ( 2009 ) Skrip PHP berkedudukan sebagai tag
dalam bahasa HTML. Sebagai mana diketahui HTML ( hypertext markup
langunge ) adalah bahasa standart untuk membuat halaman-halaman web, sebagai
contoh berikut kode PHP yang berada dalam kode HTML :
<html> <head>
<title> Belajar PHP </title> </head>
<body>
BELAJAR PHP <b>Ahmad Nur S C</b>. <BR />
<?php
printf("Tgl. Sekarang : <b>%s </b>", Date ( "d F Y" ));
?>
</body>
</html>
Kode diatas disimpan dengan belajar.php
(29)
<?php
printf("Tgl. Sekarang : <b>%s </b>", Date ( "d F Y" ));
?>
Kode PHP diawali dengan <?php dan diakhiri ?> pasangan kedua kode inilah
yang berfungsi sebagai tag kode PHP dan kemudian memprosesnya. Hasilnya
dikirim ke browser. Dengan demikian pihak klien tidak dapat melihat kode PHP
yang sesungguhnya. Maka apabila kode tersebut dijalankan akan membentuk tampilan seperti berikut :
Gambar 2.4 ContohTampilan Hasil Pemrogaman PHP
2.9 Definisi MYSQL
Menurut Haris Saputro ( 2008 ) mengemukakan bahwa MYSQL
merupakan database server dimana pemrosesan data terjadi di server, dan client
hanya mengirim data serta meminta data. Oleh karena pemrosesan terjadi di
(30)
dimana saja oleh siapa saja dengan catatan komputer terhubung ke server. Lain
halnya dengan database dekstop dimana segala pemrosesan data seperti
penambahan data atupun penghapusan data harus dilakukan pada komputer yang bersangkutan.
MySQL termasuk dalam kategori database manajemen sistem, yaitu
database yang terstuktur dalam pengolahan dan penampilan data. Sejak komputer
dapat menangani data yang besar, database managemen sistem memegang
peranan yang sangat penting dalam pengolahan data. Hal ini sangat diperlukan,
karena data tersebut dapat diatur sesuai dengan kebutuhan pemakaian. MYSQL
merupakan Relational Database Managemen System ( RDBMS ) yaitu hubungan
antar tabel yang berisi data-data pada suatu database. Hal tersebut lebih baik daripada jika semua data terkumpul menjadi satu dalam satu tabel. Tabel-tabel
tersebut dilink oleh satu relasi yang memungkinkan untuk mengombinasikan data
dari beberapa tabel ketika seorang user ingin menampilkan informasi suatu
database.
2.9.1 Pemrogaman Database MYSQL
Menurut Haris Saputro ( 2008 ) Ada beberapa alasan kenapa MYSQL
menjadi progrm database yang sangat popular dan digunakan oleh banyak orang.
Alasan-alasan tersebut diantaranya ialah :
1. MYSQL mendukung banyak bahasa pemrogaman seperti C, C++,
(31)
maupun berkomunikasi dengan MYSQL, dapat juga digunakan sebagai
komponen pembentuk antarmuka ( interface ) dari suatu databaseMYSQL.
2. MYSQL merupakan database yang memiliki kecepatan yang tinggi dalam
melakukan pemrosesan data, dapat diandalkan dan mudah digunakan serta
mudah dipelajari. Mengapa mudah digunakan. Sebab MYSQL telah banyak
digunakan dibelahan bumi manapun sehingga jika mempunyai masalah
dengan database tersebut, banyak bertanya kepada banyak orang (
pengguna yang lain ) melalui internet maupun orang yang siap membangun menyelesaikan tersebut masalah tersebut serta dukungan
manual maupun referensi yang banyak bertebaran diinternet.
3. Koneksi kecepatan dan keamanan membuat MYSQL sangat cocok
diterapkan untuk pengaksesan database, dengan menggunakan bahasa
pemrogaman Perl atau PHP sebagai antarmuka.
4. MYSQL dapat melakukan koneksi dengan client dengan protokol TCP/IP,
Unix socket ( Unix ) atau named pipes ( NT ).
5. MySQL dapat menangani database dengan skala yang sangat besar dengan
record mencapai lebih dari 50 juta, dapat menampung 60 ribu tabel, dan
juga bisa menampung 5 milyar baris data. Selain itu, selain itu batas indeks
pada setiap dapat menampung mencapai 32 indeks.
6. Multiuser yaitu dalam satu database server pada MySQL dapt diakses oleh
beberapa user dalam waktu yang sama tanpa mengalami konflik atau
(32)
7. Dalam hal relasi antar tabel pada suatu database, MySQL menerapkan
metode yang sangat cepat yaitu dengan menggunakan metode one-sweep
multijoin. MySQL sangat efien dalam mengelola informasi yang berasal
dari banyak tabel sekaligus.
8. Security yang dimiliki database MySQL dikenal baik, karena memiliki
lapisan sekuritas pada level subnetmaks, nama host dan izin akses user
dengan sistem perizinan yang khusus serta pasword yang dimiliki setiap
user dalam bentuk terenkripsi.
9. MySQL merupakan software database bersifat free atau gratis, dimana
tidak perlu susah-susah mengeluarkan biaya untuk hanya sekedar
membayar lisensi kepada pembuat software. Hal ini sangat berbeda jika
menggunakan software database seperti IBM DB@ ataupun Oracle, karena
harus membayar mahal untuk lisensinya.
2.10 Koneksi Database MySQL dengan PHP
( http://muslimpribadi.wordpress.com/2011/04/02/belajar-php-bagian-1-koneksi-ke-database-dan-membangun-tabel-di-mysql/Bahasa)diaksespada tanggal
20/03/2011 SQL pada umumnya informasi tersimpan dalm tabel-tabel yang secara
logika merupakan struktur dua dimensi terdiri dari baris ( row dan record ) dan
kolom ( column atau field ). Sedangkan dalam sebuah database seperti terdiri
dalam beberapa tabel.
Untuk membuat sebuah database baru ketik create database nama database;
(33)
Menghubungkan PHP dengan MySQL Connect.PHP
<?php
//membuka koneksi kedalam database server
$userName ="root"; //user anda
$passName =""; //password anda
$databaseName =""; //nama database anda
$serverName ="localhost";
$linkId=mysql_pconnect($serverName,$userName,$passName); //fungsi koneksi
ke database server
mysql_select_db($databaseName); //memilih database
?>
Isi variabel $host, $username, $password dan $databasename dapat disesuaikan dengan setting pada MySQL server yang ada.
Contoh koneksi database denagn PHP
$server = 'localhost'; // nama/alamat IP server MySQL $user_db = 'root'; // username di MySQL
(34)
$nama_db = 'bukutamu'; // nama database $nama_tabel1 = 'USER'; // nama tabel pengguna $nama_tabel2 = 'PESAN'; // nama tabel pesan
Dalam melakukan koneksi database ke MySQL ada tiga parameter yang
dibutuhkan, nama server, username dan password. Nilai dari variabel $server
mewakili nama server MySQL secara umum bisa dipastikan nama server
MySQL adalah 'localhost' (diapit tanda kutip karena nilainya bertipe string).
Sesuaikan nilai $user_db dan $password_db dengan username dan password
MySQL anda, ganti 'root' dengan username yang terdaftar di MySQL.
Setelah koneksi berhasil dilakukan akan memilih satu database yang ada, karena
dalam mesin MySQL sangat mungkin terdapat banyak database, pilih dbtamu.
Fungsi mysql_connect() adalah membuka koneksi ke MySQL dengan
menggunakan parameter-parameter didalamnya. Sedangkan die() berguna untuk
menghentikan eksekusi kode jika koneksi gagal sekaligus menampilkan error dari MySQL dengan fungsi mysql_error() didalamnya. Kata kunci or memberikan
pilihan terhadap kondisi mana yang memiliki nilai TRUE maka ia yang akan di
jalankan, logika sederhananya “jika tidak terhubung ( mysql_connect() ) berhenti
dan tampilkan error ( die( mysql_error() ) )”.
Jika tidak ada error maka yang akan dijalankan adalah blok kode : mysql_query(
(35)
Fungsi mysql_query() bertugas mengirimkan perintah ke MySQL dalam format
SQL (Structured Query Language). perintah SQL'create database if not exists ' .
$nama_db berarti buat database jika memang belum ada dengan nama $nama_db,
maka database dengan nama 'bukutamu' yang akan tercipta. Jika database dengan
nama 'bukutamu' telah ada maka blok ini akan di lewat tanpa ada error. Echo
digunakan untuk menampilkan output pada browser berupa database dengan
nama bukutamu telah tercipta
(36)
Untuk membuat aplikasi pada proyek akhir ini terlebih dahulu dilakukan analisis sistem, kemudian analisis kebutuhan dan perancangan sistem serta perancangan antar muka. Analisis sistem berguna untuk mengetahui data apa saja yang dibutuhkan dalam proses yang akan dikerjakan. Analisis kebutuhan berguna untuk identifikasi user dan menentukan variabel kebutuhan untuk input dan
output user. Perancangan sistem berguna untuk mengintregasikan semua
proses-proses yang terjadi kemudian dilakukan perancangan database. Sedangkan
perancangan antarmuka bertujuan digunakan sebagai jembatan antara pengguna dan sistem aplikasi yang dibuat.
3.1 Analisis Sistem
Dalam pelaksanaan ujian online ini. Adapun petugas admin guru yang
bertugas sebagai admin. Dimana admin berhubungan dengan siswa yang mana
akan melakukan proses ujian online.
Pada bab ini juga akan dibahas tentang konsep data menggunakan data
flow diagram (DFD). Setelah itu barulah ke tingkat selanjunya yaitu
menggunakan konsep data Conceptual Data Model (CDM) dan Phisycal Data
Model (PDM).
(37)
Konsep DFD, CDM dan PDM didesain untuk menginformasikan kepada para pemakai (user) persepsi tentang data dan bukan menggambarkan bagaimana
cara sebuah data disimpan dalam sebuah komputer. Pendefisian sebuah data model adalah sebuah group dengan konsep yang akan membantu untuk
menspesifikasikan struktur sebuah data dan sebuah himpunan kumpulan yang spesifik.Dan untuk coding, menggunakan bahasa pemrograman yaitu PHP.
3.2 Perancangan Sistem
Perancangan sistem digunakan untuk menggambarkan sejumlah proses terstruktur dalam sistem aplikasi, berorientasi pada aliran sistem yang terjadi, agar memperjelas sistem aliran aplikasi, berorientasikan pada aliran sistem yang terjadi, agar memperjelas sistem alur aplikasi yang dibuat. Penjelasan mengenai sistem dimulai dari analisis kebutuhan, diagram berjenjang, DFD, CDM dan PDM. Dan juga keterangan tentang alur kerja ujian online dimana akan dirincikan
alur kerja ujian online mulai dari pendaftaran, maintenance hingga melakukan
ujian serta penilaian hasil ujian.
3.2.1 Analisis Kebutuhan
Pada bagian ini akan dirumuskan kebutuhan sistem yang akan menjadi dasar dalam perancangan aplikasi ini. Spesifikasi kebutuhan sistem aplikasi menjelaskan mengenai level pengguna aplikasi dan hak aksesnya serta masukan
dan keluaran sistem aplikasi, yaitu : level admin sebagai pengggung jawab sistem,
siswa sebagai user pengguna aplikasi dan penggunjung sebagai orang yang
(38)
3.2.2 Diagram Berjenjang
Pada diagram berjenjang terdapat beberapa Level dan beberapa sub proses
diantaranya: pada Level 1 terdapat tiga proses yaitu urusan ujian dan urusan
maintenance dan urusan score. Pada masing-masing proses ini memiliki sub
proses, diantaranya pada proses urusan ujian terdapat sub proses urusan tambah ujian, edit ujian dan hapus ujian. Namun pada masing-masing sub proses tersebut
dibagi lagi menjadi sub proses, diantaranya pada proses urusan maintenance
terdapat sub proses memasukkan dan menghapus data maintenance, begitu juga
pada sub proses urusan score, semuanya terdapat sub proses detail score.
Gambaran umum dari apliksai ujian, dapat dilihat pada Gambar 3.1 yang merupakan diagram berjenjang dari aplikasi ujian online.
(39)
3.2.3 Konteks Diagram
DFD menggambarkan penyimpanan data dan proses yang
mentransformasikan data. DFD menunjukkan hubungan antara data pada sistem dan proses pada sistem.
hapus komentar buku tamu register ujian
data siswa
data jadwal ujian
informasi jadwal ujian
data soal ujian
informasi prestasi siswa informasi dokumentasi isi komentar buku tamu
konten prestasi informasi hasil ujian
tambah dokumentasi
login ujian 0
APLIKASI UJIAN
+
Siswa
Admin Ujian
Admin Cms
Gambar 3.2 Konteks Diagram
Pada gambar Diagram Konteks di atas terdapat satu proses utama dimana proses tersebut merupakan proses sistem secara keseluruhan. Proses aplikasi ujian adalah satu proses yang mewakili semua sistem. Semua proses pada konteks diagram diturunkan atau didetailkan lagi ke DFD Level 0.
(40)
3.2.4 Data Flow Diagram Level 0
DFD Level 0 menunjukkan bagaimana sistem ini dibagi menjadi sub
-sistem (proses), masing-masing berhubungan dengan satu atau lebih data mengalir ke atau dari agen eksternal, dan yang bersama-sama memberikan semua fungsi
sistem sebagai keseluruhan. Hal ini juga mengidentifikasi menyimpan data internal yang harus ada supaya sistem untuk melakukan tugasnya, dan menunjukkan aliran data antara berbagai bagian dari sistem. Semua proses pada konteks diagram diturunkan atau didetailkan lagi ke DFD Level 0, gambar DFD Level 0 sebagai berikut:
Gambar 3.3 DFD Level 0 Aplikasi Ujian untuk CMS.
Gambar 3.3 di atas merupakan hasil decompose dari Level konteks
diagram atau DFD Level 0 dimana di dalam proses aplikasi ujian yang ada di
pihak CMS ini yang terlibat adalah proses isi komentar buku tamu, informasi hapus komentar buku tamu
isi komentar buku tamu informasi dokumentasi
informasi prestasi siswa
tambah dokumentasi konten prestasi Admin Cms Admin Cms 1
APLIKASI CMS SEKOLAH
+ Siswa Siswa Siswa Admin Cms
(41)
prestasi siswa, informasi dokumentasi, tambah dumumentasi, hapus komentar buku tamu dan konter prestasi.
register ujian data siswa
data jadwal ujian informasi jadwal ujian
data soal ujian
informasi hasil ujian
login ujian Siswa Admin Ujian 2 APLIKASI UJIAN + Admin Ujian Siswa Admin Ujian Admin Ujian Siswa
Gambar 3.4 DFD Level 0 Aplikasi Ujian untuk Ujian
Gambar 3.4 diatas merupakan hasil decompose dari Level konteks
diagram atau DFD Level 0 dimana didalam proses aplikasi ujian yang ada di pihak
ujian ini yang terlibat adalah proses register ujian, informasi jadwal ujian, login
ujian, data jadwal ujian, informasi hasil ujian, data siswa dan data soal ujian.
3.2.5 Data Flow Diagram Level 1 Aplikasi CMS.
DFD level 1 untuk overview diagram atau diagram yang lebih terinci
berdasarkan proses dibagian level teratas atau context diagram. DFD level 1
merupakan pengembangan dan penjelasan secara terinci dan jelas dari diagram konteks. Pada DFD level 1 akan terdapat beberapa proses yang terhubung dengan
(42)
atau penguraian dari context diagram yang telah dibuat. Pada level 1 sistem
aplikasi ujian di CMS terdapat beberapa proses yaitu:
1. Proses Informasi Buku Tamu
Siswa juga bisa melihat konten buku tamu yang berisi nama siswa, email dan komentar di aplikasi ujian bagian CMS ini.
Gambar 3.5 DFD Level 1 Proses Lihat Buku Tamu
2. Proses Informasi Dokumentasi
Siswa juga bisa melihat dokumentasi kegiatan apa saja yang dilakukan pihak admin sekolah berupa foto dokumentasi. Lihat Gambar 3.6.
(43)
Gambar 3.6 DFD Level 1 Proses Informasi Dokumentasi
3. Proses Informasi Prestasi
Siswa juga bisa melihat prestasi dalam kegiatan apa saja yang dilakukan pihak sekolah baik akademik maupu non-akademik.
informasi prestasi yang diraih.
Gambar 3.7 DFD Level 1 Proses Informasi Prestasi
3.2.6 Data Flow Diagram Level 1 Aplikasi Ujian.
DFD level 1 untuk overview diagram atau diagram yang lebih terinci
berdasarkan proses dibagian level teratas atau context diagram. DFD level 1
merupakan pengembangan dan penjelasan secara terinci dan jelas dari diagram konteks. Pada DFD level 1 akan terdapat beberapa proses yang terhubung dengan
(44)
atau penguraian dari konteks diagram yang telah dibuat. Pada level 1 sistem aplikasi ujian di pihak ujian terdapat beberapa proses yaitu:
1. Proses Informasi Jadwal Ujian
Siswa juga bisa melihat konten jadwal ujian yang mana memberikan informasi kapan ujian akan berlangsung, dimana admin bertugas mengimputkan jadwal ujian yang akan dilaksanakan.
Gambar 3.8 DFD Level 1 Proses Informasi Jadwal Ujian
2. Proses Register Peserta Ujian
Register dilakukan bertujuan memberikan infomasi data siswa
yang akan melakukan ujian dan sebagai aktifasi bahwa siswa telah mengaktifkan akun ujian.
(45)
Gambar 3.9 DFD Level 1 Proses Peserta Ujian
3. Proses Informasi Hasil Ujian
Admin mengetahui informasi hasil ujian berdasarkan ujian yang telah dilakukan siswa.
(46)
3.3 Conceptual Data Model (CDM)
Pada Model data konseptual atau dengan kata lain Conceptual Data Model
(CDM) pada aplikasi sistem ini merepresentasikan rancangan basis data
konseptual di server. Berikut Gambar 3.11 Conceptual Data Model Aplikasi
Ujian:
pemilihan jawaban
mengatur waktu menjawab pemberian waktu menjawab
pemberian type ujian
pemberian waktu ujian
pemberian soal ujian
pemberian tipe kategori ujian pemberian hasil ujian
mengatur user ujian
pemberian kategori soal ujian pemberian tipe kategori ujian
mengatur peserta ujian pemberian kelas siswa
pemberian pararel kelas mengatur kelas ujian
pemberian type kelas ujian
exam_type exam_type_id name desc
<pi> Integer Variable characters (50) Text <M> Identifier_1 <pi> exam examid examname desc positive_ms negative_ms total_duration creation_date imp_date_unt imp_date_up <pi> Integer Variable characters (45) Text Integer Integer Integer Date & Time Date Date <M> Identifier_1 <pi> questions QuestionID Question opt1 opt2 opt3 opt4 answer difficultylevel <pi> Integer Text Text Text Text Text Text Integer <M> Identifier_1 <pi> user userid password email fname lname gender address telephone
<pi> Variable characters (20) Variable characters (25) Variable characters (45) Variable characters (45) Long characters (45) Variable characters (1) Text Variable characters (10)
<M>
Identifier_1 <pi>
answer ans timestamp
Variable characters (45) Integer
exam_category categoryid name
<pi> Integer Variable characters (50)
<M> Identifier_1 <pi> exam_details exm_type type_duration <pi> Integer Integer <M> Identifier_1 <pi> exam_type_categories numberofques Integer exam_user total_marks Integer news id date_news header_news content directory <pi> Integer Variable characters (30) Variable characters (100) Text Variable characters (200)
<M> Identifier_1 <pi> gallery id_gal header_gal pict_gal type_gal <pi> Integer Variable characters (100) Variable characters (100) Variable characters (100) <M> Identifier_1 <pi> guest_book id_gb name_gb email_gb date_gb comment_gb <pi> Integer Variable characters (100) Variable characters (50) Date & Time Long characters (150)
<M> Identifier_1 <pi> achievement id_ach year type level text_ach <pi> Integer Variable characters (4) Variable characters (50) Variable characters (50) Variable characters (30) <M> Identifier_1 <pi> user_1 id username password role <pi> Integer Variable characters (100) Variable characters (25) Integer <M> Identifier_1 <pi> student NIK name cs_type cs_par
<pi> Variable characters (20) Variable characters (50) Integer Integer <M> Identifier_1 <pi> type class id_tpk text_tpk <pi> Integer Variable characters (20)
<M> Identifier_1 <pi>
class exam id_exm_class <pi> Integer <M> Identifier_1 <pi>
cl ass id_class name_class
<pi> Integer Variable characters (10)
<M> Identifier_1 <pi>
(47)
3.4 Physical Data Model (PDM) FK_MENGATUR_WAKTU_MENJAWAB FK_PEMILIHAN_JAWABAN FK_DIJADIKAN_SATU FK_PEMBERIAN_WAKTU_MENJAWAB FK_PEMBERIAN_SOAL_UJIAN FK_PEMBERIAN_SOAL_UJIAN2 FK_PEMBERIAN_WAKTU_UJIAN FK_PEMBERIAN_HASIL_UJIAN FK_RELATIONSHIP_9 FK_PEMBERIAN_KATEGORI_SOAL_UJIAN FK_MENGATUR_USER_UJIAN FK_MENGATUR_PESERTA_UJIAN FK_MENGATUR_PESERTA_UJIAN2 FK_PEMBERIAN_TIPE_KATEGORI_UJIAN FK_PEMBERIAN_PARAREL_KELAS FK_PEMBERIAN_KELAS_SISWA FK_PEMBERIAN_TYPE_KELAS_UJIAN FK_MENGATUR_KELAS_UJIAN exam_type exam_type_id name desc int varchar(50) text <pk> exam examid examname desc positive_ms negative_ms total_duration creation_date imp_date_unt imp_date_up int varchar(45) text int int int datetime date date <pk> questions QuestionID categoryid Question opt1 opt2 opt3 opt4 answer difficultylevel int int text text text text text text int <pk> <fk> user userid NIK password email fname lname gender address telephone varchar(20) varchar(20) varchar(25) varchar(45) varchar(45) longtext varchar(1) text varchar(10) <pk> <fk> answer QuestionID userid examid ans timestamp int varchar(20) int varchar(45) int <fk2> <fk1> <fk3> exam_category categoryid name int varchar(50) <pk> exam_details exm_type exam_type_id examid type_duration int int int int <pk> <fk1> <fk2> exam_type_categories examid categoryid numberofques int int int <fk2> <fk1> exam_user userid examid total_marks varchar(20) int int <fk2> <fk1> news id date_news header_news content directory int varchar(30) varchar(100) text varchar(200) <pk> gallery id_gal header_gal pict_gal type_gal int varchar(100) varchar(100) varchar(100) <pk> guest_book id_gb name_gb email_gb date_gb comment_gb int varchar(100) varchar(50) datetime longtext <pk> achievement id_ach year type level text_ach int varchar(4) varchar(50) varchar(50) varchar(30) <pk> user_1 id username password role int varchar(100) varchar(25) int <pk> student NIK userid id_tpk id_class name cs_type cs_par varchar(20) varchar(20) int int varchar(50) int int <pk> <fk1> <fk3> <fk2> type class id_tpk text_tpk int varchar(20) <pk> class exam id_exm_class examid id_tpk int int int <pk> <fk1> <fk2> cl ass id_class name_class int varchar(10) <pk> exam question examid QuestionID int int <pk,fk1> <pk,fk2>
Gambar 3.12 Physical Data Model Aplikasi Ujian Online
Gambar 3.12 adalah Model data dihasilkan dengan cara me-generate diagram data konseptual diatas. Diagram data fisik ini menghasilkan tabel-tabel yang akan digunakan dalam implementasi Aplikasi Ujian.
(48)
3.4.1 Kamus Data
Kamus Data digunakan untuk mendeskripsikan tabel, meliputi informasi nama kolom, tipe data, key, dan tabel references. Kamus data untuk database
dbsma2 bisa dilihat pada Tabel 3.13-Tabel 3.16.
Tabel 3.13 Struktur Tabel User
nama kolom tipe data panjang
key
tabel references
pk fk
user_id varchar 20 TRUE FALSE -
password varchar 10 FALSE FALSE -
email int 25 FALSE FALSE -
fname int 50 FALSE FALSE -
lname varchar 50 FALSE FALSE -
gender varchar 50 FALSE FALSE -
address text 50 FALSE FALSE -
telephone varchar 10 FALSE FALSE -
Struktur tabel user diatas adalah sebuah rangkain tabel_user pada database
dbsma2. Pada tabel lokasi diatas menggunakan delapan atribut, yaitu user_id,
(49)
tersebut masing-masing membentuk sebuah kolom, dan kedelapan atribut diatas mempunyai type data, dan sebagai primary key yaitu user_id.
Tabel 3.14 Struktur Question
nama kolom
tipe data
panjang
key
tabel references pk fk
Question_id int - TRUE FALSE -
Question text 50 FALSE TRUE -
opt1 text 100 FALSE FALSE -
opt2 text 100 FALSE FALSE -
opt3 text 100 FALSE FALSE -
opt4 text 100 FALSE FALSE -
answer text 100 FALSE FALSE -
difficultylevel int 100 FALSE FALSE -
Struktur tabel Question diatas adalah sebuah rangkain tabel Question pada
database dbsma2. Pada tabel Question diatas menggunakan delapan atribut, yaitu
Question_id, Question, opt1, opt2, opt3, opt4, answer dan difficultylevel.
Kedelapan atribut tersebut masing-masing membentuk sebuah kolom, dan keempat atribut mempunyai type data, dan sebagai primary key pada tabel
(50)
Tabel 3.15 Struktur Tabel Gallery
nama kolom
tipe data
panjang
key
tabel references pk fk
id_gal int - TRUE FALSE -
header_gal varchar 50 FALSE FALSE -
pict_gal varchar 50 FALSE FALSE -
type_gal varchar 50 FALSE FALSE -
Struktur tabel gallery diatas adalah sebuah rangkain tabel galeri pada
database dbsma2. Pada tabel galeri diatas menggunakan empat atribut, yaitu
id_gal, header_gal, pict_gal dan type_gal. Keempat atribut tersebut
masing-masing membentuk sebuah kolom, dan empat atributdiatas mempunyai type data, dan sebagai primary key yaitu id_gal.
Struktur tabel Buku Tamu adalah sebuah rangkain tabel barang pada
database dbsma2. Pada tabel Buku Tamu menggunakan lima atribut, yaitu
id_commen, neme_gb, email_gb, date_gb, dan commen_gb. Kelima atribut
tersebut masing-masing membentuk sebuah kolom, dan keenam atribut diatas mempunyai type data, dan sebagai primary key yaitu id_commen dan untuk lebih
(51)
Tabel 3.16 Struktur Tabel Comment.
nama kolom
tipe data
panjang
key
tabel references pk fk
Id_commen int - TRUE FALSE -
name_gb int - FALSE TRUE -
email_gl varchar 100 FALSE FALSE -
date_gb double - FALSE FALSE -
comment_gb text - FALSE FALSE -
3.5 Perancangan Antarmuka
Pada implementasi antarmuka ini, menjelaskan bagaimana membuat sebuah antarmuka yang menarik dari sebuah aplikasi sehingga menjadi user
friendly bagi pengguna. Pada sub bab ini menjelaskan awal user menggunakan
aplikasi data mining, terdapat desain yang sederhana yang dapat mudah
digunakan oleh seorang user saat aplikasi dijalankan
3.6 Desain Halaman Utama
Dari desain halaman utama ini, adalah desain home pada aplikasi dimana
ketika pengunjung mengunjungi aplikasi, maka akan muncul desain layout
halaman utama. Halaman dibuat secara interaktif, agar maintenance lebih mudah
(52)
Gambar 3.17 Rancangan Sketsa Layout Halaman Utama
1. Back Ground merupakan tampilan latar yakni tema warna hijau pada SMAN 2
Mojokerto.
2. Banner merupakan layout aplikasi Ujian ini yang ada di bagian atas yang
berupa gambar logo SMAN 2 Mojokerto yang mempunyai ciri aplikasi ini.
3. Content merupakan halaman yang berisi artikel atau menu tertentu tentang
SMAN 2 Mojokerto.
4. Main Menu merupakan menu-menu yang terdiri dari sekumpulan akses yang
bisa dikunjungi.
5. Footer merupakan layout aplikasi ujian ini yang ada di bagian bawah. APLIKASI UJIAN
ONLINE SMAN 2 MOJOKERTO
LOGIN
NAMA :
(53)
3.6.1 Interface Admin Page CMS
Gambar 3.18 Rancangan Sketsa Layout Halaman Utama Admin Page CMS
Pada perancangan admin page website terdapat menu admin halaman muka antara
lain : Berita, Dokumentasi, Buku Tamu, Prestasi, Ujian dan Logout.
3.6.2 Interface Admin Page Ujian
Interface Halaman Admin Ujian
Gambar 3.19 Rancangan Sketsa Layout Halaman Admin Page Ujian Online
Perancangan admin page Ujian Online terdapat menu admin halaman muka
antara lain : Buat Ujian, Edit Ujian, Buat Kategori, Tambah Soal, Hapus User,
Hapus Ujian, Kelas Ujian, Kelas Pararel, Kelas Type, Buat Siswa, Informasi Hasil Ujian dan Logout.
ADMIN PAGE WEBSITE
(54)
3.7 Flowchart Ujian Online
TIDAK
YA
Gambar 3.12 Flowchart Proses Ujian Online Login
M asukkan Usernam e dan Pasw ord
M asuk Ujian
Tam pilkan Login Sukses
Regist er Ujian
Login Ujian
Proses Ujian
Ujian Selesai St art
Keluar
(55)
Komponen yang digunakan dalam implementasi program meliputi
hardware, software, dan brainware. Untuk komponen hardware dan software,
Brainware menyesuaikan dengan kebutuhan dalam implementasi Aplikasi Ujian
Online SMAN 2 Mojokerto.
Kebutuhan Hardware
Kebutuhan hardware dalam implementasi Aplikasi Ujian SMAN 2 Mojokerto
adalah sebagai berikut :
a. Processor Core Duo 2,0 Ghz.
b. Memori 1.5 Gb DDR2.
c. Harddisk 120 GB.
d. VGA 256 MB (Shared).
e. Mouse dan Keyboard.
4.1 Kebutuhan Software
Perangkat lunak yang digunakan pada aplikasi ini sebagai berikut:
a. Windows 7 Ultimate sebagai sistem operasi
b. XAMPP (Apache And Friend) sebagai web development tool.
c. Macromedia Dreamweaver CS5, Sebagai editor pemrograman.
d. PowerDesigner 6 32-bit, Power Designer 12 sebagai perancangan database.
(56)
4.3 Penjelasan Program
Penjelasan program yang akan dijelaskan terbagi menjadi dua bagian yaitu
Aplikasi CMS dan Aplikasi Ujian Untuk lebih jelasnya bisa dilihat pada sub bab
berikut ini.
4.3.1 Penjelasan Aplikasi CMS
Aplikasi CMS berfungsi untuk menampilkan Halaman Depan informasi
kepada siswa atau penggunjung. Site ini juga bisa digunakan oleh siswa untuk
melakukan pengisian buku tamu dan informasi lainnya mengenai SMAN 2 Mojokerto.Berikut akan dijelaskan beberapa halaman yang ada pada Aplikasi
CMS.
1. Tampilan Halaman Depan
Tampilan halaman utama ini merupakan tampilan awal suatu program yang ditemui pengguna pada saat membuka aplikasi ini. Untuk lebih jelasnya bisa dilihat pada Gambar 4.1.
(57)
Source code untuk menampilkan halaman utama aplikasi ujian adalah sebagai berikut :
<?
session_start(); $hal = $_GET['hal']; ?>
<?
include "koneksiDB.php";
if(isset($_POST['submit'])) { $keyw=$_POST['keyw']; $halaman=null; $keyw; } else { $keyw=$_GET['key']; echo $keyw; }
if(isset($_POST['submit'])) { $kat=$_POST['kat']; $halaman=null; } else $kat=$_GET['kat'];
?>
2. Tampilan Halaman Profile
Tampilan halaman profile ini merupakan tampilan informasi umum SMAN 2 Mojokerto. Untuk lebih jelasnya bisa dilihat pada Gambar 4.2.
(58)
Source code untuk menampilkan halaman profile aplikasi ujian adalah sebagai berikut :
<td><ahref="index.php?hal=profil"onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image24','','images/header22.gif',1)"><img
src="images/header21.gif" name="Image24" width="131" height="41" border="0" id="Image24" /></a></td>
3. Tampilan Halaman Fasilitas Sekolah
Tampilan menu halaman fasilitas ini merupakan tampilan informasi umum fasilitas SMAN 2 Mojokerto. Untuk lebih jelasnya bisa dilihat pada Gambar 4.3.
Gambar 4.3 Halaman Fasilitas Sekolah
Source code untuk menampilkan fasilitas sekolah aplikasi ujian adalah sebagai berikut :
<td><ahref="index.php?hal=fasilitas"onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image25','','images/header31.gif',1)"><img
src="images/header32.gif" name="Image25" width="129" height="41" border="0" id="Image25" /></a></td>
(59)
4. Tampilan Halaman Struktural dan Berita Sekolah
Tampilan menu halaman struktur dan berita ini merupakan tampilan informasi umum Struktural dan berita SMAN 2 Mojokerto. Untuk lebih jelasnya bisa dilihat pada Gambar 4.4 dan Gambar 4.5.
Gambar 4.4 Halaman Informasi Struktur Sekolah
Source code untuk menampilkan info struktur sekolah adalah sebagai berikut :
<body>
<tablewidth="550" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td class="mcheader">StrukturalSekolah</td></tr> <tr> <td class="maincbbg"><table width="540" border="0" align="center" cellpadding="1"cellspacing="1"> <tr><td><p><img src="images/struktural.jpg" width="534" /></p> </td></tr> </table></td> </tr> </table>
</body>
Tampilan berita merupakan sarana media informasi umum yang menginformasikan berita atau kegiatan yang SMAN 2 Mojokerto secara up to
date, diharapakan maasyarakat luas pada umumnya mengetahui secara jelas
(60)
Gambar 4.5 Halaman Informasi Berita Sekolah
5. Tampilan Halaman Dokumentasi
Tampilan menu halaman dokumentasi ini merupakan tampilan informasi umum dokumentasi kegiatan SMAN 2 Mojokerto. Dimana untuk melakukan upload gambar dilakukan pada admin dokumentasi page. Untuk lebih jelasnya bisa dilihat padaGambar 4.6 dan Gambar 4.7.
(61)
Source code untuk menampilkan halaman dokumentasi adalah sebagai berikut :
<td><ahref="index.php?hal=dokumentasi"onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image27','','images/header42.gif',1)"><img
src="images/header41.gif" name="Image27" width="131" height="41" border="0" id="Image27" /></a></td>
Selanjutnya untuk mengimputkan dokumentasi baru, lakukan penambahan foto dengan klik tambah foto pada menu admin dokumentasi, terdapat beberapa form untuk menginputkan dukumentasi baru, antara lain gambar file yang
diupload, jenis dokumentasi yang terdiri dari beberapa macam jenis sesuai
kebutuhan sekolah seperti : sarana prasarana, prestasi, dan lain-lain, serta form judul yang sebagai tema utama informasi dokumentasi yang terpublish. Untuk
lebih jelasnya lihat Gambar 4.7.
(62)
Source code untuk menampilkan halaman admin dokumentas adalah sebagai berikut :
<table width="100%" border="0" cellspacing="8" cellpadding="0"> <tr>
<td valign="top"><div align="center" class="style4">
<p><span class="style8">Halaman Admin Dokumentasi </span> </p> </div>
<formid="form1"name="form1"method="post" action="tambah_photo.php">
<img src="images/tambah.png" width="32" height="32" /> <label>
<input type="submit" name="Submit" value="Tambah Foto" /> </label>
</form> <p> </p> <p>
<?
$tampil="select * from gallery order by id_gal"; $hasil=mysql_query($tampil);
//gallery id_gal header_gal pict_galtype_gal echo "<form action=del_galeri.php method=POST>";
echo "<table border=1 cellspacing=0 cellpadding=0 align=center> <tr
bgcolor=#66CC00><th>#</th><th>No</th><th>Judul</th><th>Foto</th></tr>"; $no=1;
while ($data=mysql_fetch_array($hasil)){ echo "<tr bgcolor=#ffffff><td>
<input type=checkbox name=cek[] value=$data[id_gal]></td> <td>$no</td><td>$data[header_gal]</td><td>
(63)
Form admin dokumentasi berisi form yang meliputi informasi yang akan
menjadi sumber informasi dokumentasi yang akan dipublish, sehingga
bermanfaat bagi pengunjung atau siswa yang melihat dokumentasi pada halaman utama.
6. Halaman Buku Tamu
Pada halaman buku tamu ini, siswa atau penggunjung dapat mengisi inputan form buku tamu dengan mengisi form nama, email, tanggal dan isi komentar. Sehingga aplikasi akan menampilkan informasi detail komentar siswa atau penggunjung akan terpublish pada halaman buku tamu. Lihat
Gambar 4.8 dan Gambar 4.9.
Gambar 4.8 Gambar Informasi Buku Tamu
Source code untuk menampilkan halaman informasi buku tamu adalah sebagai berikut :
<td><ahref="index.php?hal=tamu"onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image28','','images/header52.gif',1)"><img
src="images/header51.gif" alt="Buku Tamu" name="Image28" width="131" height="41" border="0" id="Image28" /></a></td>
(64)
Halaman Admin buku tamu berisi menu penghapusan buku tamu, dimana bertujuan menghapus isi buku tamu yang berisi konten yang tidak sesuai dengan kaidah norma maupun bahasa.
Gambar 4.9 Gambar Admin Buku Tamu
Source code untuk menampilkan halaman admin buku tamu adalah sebagai berikut :
<?
//guest_book id_gb name_gb email_gb date_gb comment_gb $tampil="select * from guest_book order by id_gb";
$hasil=mysql_query($tampil);
echo "<form action=del_4.php method=POST>";
echo "<table border=1 cellspacing=0 cellpadding=0 align=center> <tr bgcolor=#66CC00><th>#</th><th>No</th><th>Nama
</th><th>Email</th><th>Tanggal</th><th>Komentar</th></tr>"; $no=1;
while ($data=mysql_fetch_array($hasil)){
echo"<trbgcolor=#ffffff><td><inputtype=checkboxname=cek[] value=$data[id_gb]></td>
<td>$no</td><td>$data[name_gb]</td><td>$data[email_gb] </td><td>$data[date_gb]</td><td>$data[comment_gb]</td> </tr>"; $no++; }
echo"<tdcolspan=6align=center><br>
<inputtype=submitvalue=Hapus><br><br></td></table></form>"; ?>
(65)
7. Tampilan Halaman Login
Halaman login admin dan siswa, informasi yg diperlukan untuk login yaitu
username, password. Untuk lebih jelasnya bisa dilihat pada Gambar 4.10.
Gambar 4.10 Halaman Login
Source code untuk menampilkan halaman login admin page adalah sebagai berikut :
<table>
<tr><td><spanclass="style4">Akun</span></td><td><spanclass="style4">Sandi</s pan></td><td></td></tr>
<tr><td><input name="username" type="text" id="username" size="15" /></td> <td><input name="password" type="password" id="password" size="15" /></td> <td><input name="login" type="submit" id="login" value=" Login " /></td></tr><tr><tdcolspan="3"><ahref="index.php?hal=daftar"class="style4">< u>Belum memiliki akun ?</u></a></td></tr>
</table>
8. Tampilan Admin Page
Masukkan username dan password untuk login ke halaman admin, Halaman panel admin berisi admin Cms dan Ujian yang mengatur segala
(66)
Gambar 4.11 Halaman Admin Page CMS
Source code untuk menampilkan halaman utama admin page adalah sebagai berikut :
<table width="100%" border="0" cellspacing="8" cellpadding="0"> <tr> <tdvalign="top"><divalign="center"class="style4"><p><span
class="style8">Halaman Admin</span> </p> </div>
<table width="500" border="0" align="center"cellpadding="1" cellspacing="1"> <tr>
<tdwidth="121"><divalign="center"></div></td><tdwidth="100"><divalign="cente r"><ahref="admin_berita.php"onmouseout="MM_swapImgRestore()"onmouseover="MM_ swapImage('Image15','','images/berita1.png',1)"><img src="images/berita.png" alt="Berita Terkini" name="Image15" width="100" height="100" border="0" id="Image15" /></a></div></td><td
width="142"><div
align="center"><ahref="admin_poto.php"onmouseout="MM_swapImgRestore()"onmous eover="MM_swapImage('Image17','','images/poto1.png',1)"><img
src="images/poto.png" alt="Photo" name="Image17" width="100" height="100" border="0"id="Image17"/></a></div></td>
</tr><tr><td><divalign="center"class="style9"></div></td><td><divalign="cent er"><strong><spanclass="style9">
<ahref="admin_berita.php">BeritaTerkini</a></span></strong></div></td><td><d ivalign="center"><strong><spanclass="style9"><ahref="admin_poto.php">Dokumen tasi</a></span></strong></div></td>
(67)
4.3.2 Penjelasan Aplikasi Ujian
Aplikasi Ujian Online berfungsi untuk melakukan olah data meliputi
tindakan input, update, dan delete data ujian. Data yang akan dimanipulasi
meliputi data menu ujian, hasil ujian, Calon peserta, dan halaman siswa. Berikut akan dijelaskan beberapa halaman yang ada pada aplikasi ujian.
Halaman login admin aplikasi ujian bertujuan akses hak admin ujian yang mana bertanggung jawab atas aplikasi ujian, untuk bisa menuju ke menu ujian yg diperlukan untuk login yaitu username, password . Untuk lebih jelasnya bisa
dilihat pada Gambar 4.12.
1. Tampilan Login Admin Ujian
Tampilan login admin digunakan agar dapat mengakses master-master pendukung program aplikasi ujian.
Gambar 4.12 Halaman Login Admin Ujian
2. Tampilan Menu Admin Ujian
Tampilan menu admin ujian ini berisi menu-menu pendukung ujian. Halaman menu ini digunakan oleh Administrator untuk memberikan
(68)
user, lihat hasil ujian, kelas pararel, kelas type, calon peserta dan keluar.
Untuk lebih jelasnya bisa dilihat pada Gambar 4.13.
.
Gambar 4.13 Halaman Admin Ujian
Source code untuk menampilkan halaman admin ujian adalah sebagai berikut :
<tr>
<td></td><td>
<p><a href="getAllResults_lihatuser.php">Lihat Siswa</a></p></td> <td><p><a href="kelas_ujian.php">Kelas Ujian</a></p>
</td><td><p><a href="kelas_par.php">Kelas Pararel </a></p></td>
<td><p><a href="kelas_type.php">Kelas Type </a></p>
</td><td><p><a href="msiswa.php">Calon Peserta</a></p> </td><td><p><a href="administratorhelp.php">
Admin Help</a></p> </td><td>
<p><a href="../logout.php">Keluar</a></p></td </tr>
(69)
3. Tampilan Buat Ujian
Tampilan buat ujian digunakan agar dapat membuat ujian dalam program aplikasi ujian dengan mengimputkan form nama kategori ujian,
sekor nilai ujian serta tanggal diberlakukannya ujian, lebih jelasnya lihat
Gambar 4.14.
Gambar 4.14 Halaman Buat Ujian
Source code untuk menampilkan halaman buat ujian adalah sebagai berikut :
<center>
<br><p><ahref='http://localhost/ujian-online'>
<fontcolor=#000000 size="3">Logout</font><b></a></p> <font color=#FF0000 size="3">
Peringatan: Jangan Refresh Halaman Ini Sebelum Pembuatan Ujian Selesai </font><br /><br /><br /> <form id=
"form1" name="form1" method="post" action="">
<div id='step1' style="display:block; width:80%; color:#000; border-style:inset; font-weight: bold;"><p> Buat Ujian :
</p> <p>
Nama Kategori Ujian :<inputtype="text" name="testName" id="testName" /><span id="testNamecheck" class="check"></span>
(70)
4. Tampilan Halaman Bank Soal
Tampilan bank soal ujianini digunakan untuk menginformasikan kumpulan soal-soal, sehingga admin bisa menggunakan bank soal ini dalam membuat pertanyaan ujian .
Gambar 4.15 Bank Soal Ujian.
Source code untuk halaman hasil ujian adalah sebagai berikut :
<center>
<div id='title_cont' ><h1>Bank SOAL </h1>
<a href='adminhome.php'> Back </a></div> <div id='utama' align='left'>
<div id='tree_content'> </div>
<div id='main_content'> </div>
</div> </center>
(71)
5. Tampilan Menu Buat Siswa Ujian
Tampilan buat siswa ujian digunakan agar dapat membuat peserta ujian dalam program aplikasi ujian, sehingga selain yang tidak terdaftar siswa tidak bisa mengikuti ujian.
Gambar 4.16 Halaman Buat Siswa Ujian
Source code untuk menampilkan halaman buat siswa ujian adalah sebagai berikut :
if($_GET['submit']=='insert data')
{ echo "*anda akses insert";
$nik = $_GET['nik'];
$nama = $_GET['nama'];
$keltip = $_GET['keltip'];
(72)
$sql = mysql_query("select * from student where NIK='$nik' ");
$in = mysql_num_rows($sql);
if($nik!='' && $in<1) { echo "<br>proses selanjutnya ";//NIK nama kelas_type kelas_par $insert = mysql_query("insert into student (NIK, name, cs_type, cs_par) values ('$nik', '$nama', '$keltip', '$kelpar')"); if($insert) {
echo "<br> selamat anda berhasil masukkan data !! "; }
else {
echo "<br> maaf anda gagal masukkan data $in !! "; } }
else
{
if($in>0)
{
echo "<br>anda melakukan kesalahan , NIK yang anda masukkan sudah terdaftar sebelumnya !! "; } else {
echo "<br>anda melakukan kesalahan , ulangi lagi insert data !! "; } }
6. Tampilan Menu Halaman Siswa
Tampilan Halaman siswa ujian digunakan dalam program aplikasi ujian yang berisi menu ujian sebagai menu untuk mengikuti ujian, hasil ujian berupa rincian ujian, grafik berupa statistik hasil ujian, dan jadwal ujian berupa daftar mulai dan mengakhiri batas ujian dilakukan, sehingga selain yang tidak terdaftar siswa tidak bisa mengikuti ujian bisa dilihat pada
(73)
Gambar 4.17 Halaman Menu Siswa Ujian
Source code untuk menampilkan halaman menu siswa ujian adalah sebagai berikut :
<?php
echo "<li><a href=''>ujian </a>"; echo "<ul>";
$select = mysql_query("select * from student where NIK='$user_name'"); $row=mysql_fetch_object($select); $kelas = $row->cs_type;
$select2 = mysql_query("select * from class_exam where id_kelas='$kelas'"); while($row=mysql_fetch_object($select2))
{$qry = mysql_query("select * from exam where examid='$row->id_uji'"); $row2 = mysql_fetch_object($qry);
echo "<li><a href='secure2.php?examid=$row->id_uji'> $row2->examname</a></li>"; echo "
</ul></li>"; echo "
<li><a href='report_exam.php'>hasil ujian
</a></li>"; echo "<li><a href='chart_user.php?id=$user_name'> grafik</a> </li>"; echo "<li><ahref='jadwal_user.php?id= $user_name'>jadwal ujian</a> </li>"; echo "<li><
a href='logout.php'>
log out</a> </li>"; echo "</ul></div>"; ?>
(74)
7. Tampilan Grafik Ujian Siswa
Tampilan Grafik ini digunakan untuk mengetahui statistik grafik hasil penilaian ujian siswa.
Gambar 4.18 Halaman Grafik Ujian
Source code untuk menampilkan halaman grafik ujian adalah sebagai berikut :
$user_name = $_GET["id"];
$query = "SELECT * FROM student WHERE NIK = '$user_name'"; $hasil = mysql_query($query);
$data = mysql_fetch_array($hasil);
echo "<h1>Statistik Indeks Prestasi</h1>";
echo "<table>"; echo "<tr><td>NIK</td><td>:</td><td>".$data['NIK']. "</td></tr>";
echo "<tr><td>Nama Siswa</td><td>:</td><td>". $data['name']."</td></tr>";
echo "</table>";
echo "<img src='stat.php?nik=".$user_name."'>"; echo "<td></table></td>"; echo "
(1)
c. Uji Coba Halaman Siswa
• Inputkan username dan password siswa yang sudah terdaftar dan teregristasi selanjutnya maka akan muncul login form untuk melakukan ujian.
Gambar 5.35 Halaman Login Form Ujian.
• Selanjutnya setelah melakukan login form maka akan muncul menu halaman siswa yang terdiri dari beberapa menu seperti ujian, hasil ujian grafik dan jadwal ujian lihat Gambar 5.36.
(2)
87
• Selanjutnya pilih ujian dan drop down menu ujian yang telah ada dan siap diujikan sesuai jadwal ujian, maka akan muncul soal ujian dan penilaian otomatis, lihat Gambar 5.37 Gambar 5.38. dan Gambar 5.39.
Gambar 5.37 Halaman Soal Ujian.
Gambar 5.38 Halaman Hasil Ujian.
• Jadwal ujian ini bertujuan menginformasikan berlangsungnya ujian yang akan dilaksanakan dari tanggal sekian hingga tanggal yang telah ditentukan selain itu pelaksanaan tidak bisa dilakukan.
Gambar 5.39 Halaman Jadwal Ujian.
(3)
• Setelah melakukan ujian dan secara otomatis penilaian akan dilakukan secara langsung oleh system. Dan apabila ingin mengetahui nilai dan grafik nilai, pilih menu grafik pada halaman siswa.lihat Gambar 5.40 dan Gambar 5.41.
Gambar 5.40 Grafik Nilai Ujian.
• Klik menu hasil ujian apabila ingin melihat nilai ujian pada halaman siswa.
(4)
89
5.2 Evaluasi System
Hasil ujicoba yang diperoleh dalam pembutan aplikasi ujian SMAN 2 Mojokerto yaitu, tampilan aplikasi userfriendly dan dilengkapi dengan fitur yang digunakan dalam pelaksanaan ujian seperti halaman utama CMS, tampilan
registrasi siswa, login siswa, buku tamu, dokumentasi. Pada halaman admin
aplikasi ujian dilakukan proses-proses mengenai buat ujian, lihat data siswa, buat siswa ujian, lihat nilai, dan pada halaman siswa ,mengetahui informasi jadwal ujian, proses melakukan ujian dan grafik nilai.
(5)
PENUTUP
6.1 Kesimpulan
Dari uraian bab-bab sebelumnya maka dapat ditarik beberapa kesimpulan tentang perancangan dan pembuatan aplikasi ujian SMAN 2 Mojokerto dapat diambil kesimpulan sebagai berikut :
a. Telah terbuat sistem aplikasi dalam melakukan ujian dan mengetahui hasil ujian.
b. Aplikasi ini mengeluarkan output berupa nilai, berdasarkan hasil ujian yang dilakukan siswa.
6.2 Saran Pengembangan
Saran pengembangan yang dapat diberikan dari pembuatan Rancang Bangun Aplikasi Ujian SMAN 2 Mojokerto adalah sebagai berikut :
a. Perlu adanya pengembangan dalam sistem ujian lainnya seperti ujian
intelegensi, psikologis.
b. Halaman desain ujian masih menggunakan text perlu pengembangan lebih lanjut seperti tambahan gambar dan suara.
(6)
71
DAFTAR PUSTAKA
1. Arief , M Rudyanto. 2011, Pemrogaman Web Dinamis Menggunakan PHP dan MySQL. Yogyakarta : Penerbit Andi.
2. Wiswakarma, Komang 2009, Membuat Katalog Online dengan PHP dan CSS , Penerbit Lokomedia, Yogyakarta.
3. Nugroho, Adi, 2004, Konsep Pengembangan Sistem Basis Data, Penerbit Informatika, Bandung.
4. PB,Triton, 2006, Mengenal E-Commerce Dan Bisnis Di Dunia Cyber,
Penerbit Argo Publisher.
5. Saputro, Haris,2003, Manajemen Database MySQL Menggunakan MySQL Front, Penerbit PT. Elex Media Komputindo.