APLIKASI UJIAN ONLINE DI RSBI SMAN 2 MOJOKERTO.

(1)

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

(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

(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

(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

(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>

(25)

</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 isi komentar buku tamu

konten prestasi

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

(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

(41)

prestasi siswa, informasi dokumentasi, tambah dumumentasi, hapus komentar

buku tamu dan konter prestasi.

register ujian data siswa

data jadwal ujian

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

(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

(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:

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

<pi> Variable characters (20) Variable characters (25)

<pi> Variable characters (20) Variable characters (50) id_exm_class <pi> Integer <M> Identifier_1 <pi>

(47)

3.4 Physical Data Model (PDM)

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

(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

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

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.

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

(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 pada Gambar 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 :

<tr>

<p><span class="style8">Halaman Admin Dokumentasi </span> </p>

</div>

</label>

</form>

<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>

<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

(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>

<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 :

<tdvalign="top"><divalign="center"class="style4"><p><span class="style8">Halaman Admin</span> </p> </div>

<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