LAPORAN LANGKAH-LANGKAH PEMBUATAN
WEBSITE KUIS ONLINE
KATA PENGANTAR
Alhamdulillah, Puji Syukur kami Panjatkan kepada Allah SWT karena telah memberikan
kesempatan bagi kami untuk menyelesaikan Website Kuis Online ini. Tak lupa shalawat serta
salam semoga selalu tercurahkan kepada Nabi muhammad SAW .
Selanjutnya, kami berterima kasih kepada Bapak Hendra selaku dosen pembimbing mata
kuliah Perancangan dan Pemrograman Web yang telah membimbing dan mengajarkan kami
dalam menyelesaikan website ini. Tak lupa kami berterima kasih kepada teman-teman TI 3A
yang telah membantu memberikan saran dan juga semangat kepada kami sehingga kami bisa
menyelesaikan project website ini dengan tepat waktu.
Setelah melalui berbagai proses panjang, Alhamdulillah akhirnya kami bisa
menyelesaikan project ini dengan baik. Untuk mengetahui langkah-langkah pembuatan website
ini, maka dari itu kami memberikan lampiran langkah-langkah pembuatannya secara step by
step. Harapan kami, semoga sistem ini dapat berguna untuk masyarakat banyak dan juga bisa
terus diperbaiki agar semakin baik. Terima kasih.
Ciputat, 06 Januari 2017
DAFTAR ISI
3. Tutorial Pembuatan Website
a. Halaman Awal dan database...4
BAB I
PENDAHULUAN
A. LATAR BELAKANG
Seiring dengan perkembangan zaman, perkembangan teknologi terus berkembang
pesat khususnya dalam bidang teknologi informasi dan komunikasi. Pembuatan sistem-sistem
berbasis teknologi terus dikembangkan guna untuk mempermudah mahasiswa dalam
menyelesaikan
tugasnya.
Salah satu perkembangan teknologi itu juga berdampak pada system sebuah kuis online.
Pada dasarnya, kuis online adalah sebuah website yang mempermudah mahasiswa dalam
menyelesaikan
tugas
mata
kuliah
yang
diberikan
oleh
dosen.
Kuis online berisi tugas-tugas yang wajib dikerjakan mahasiswa setelah diberikan oleh
dosen . mahasiswa bisa mengerjakan tugas-tugas tersebut setelah mendapat username dan
password dari admin. Dan begitu juga dosen, dosen harus meminta username dan password
kepada admin agar bisa masuk ke website dan bisa menambahkan soal untuk dikerjakan.
Dalam pengaplikasiannya, kuis online ini masih menggunakan system manual sehingga
pada proses pengerjaannya kurang efektif. Oleh karena itu, kami membuat alternatif yaitu
dengan membuat sebuah website kuis online yang bertujuan untuk memudahkan mahasiswa,
B. RUMUSAN MASALAH
Adapun rumusan masalah yang berhasil kami dapatkan yaitu :
a. Bagaimana sistem yang dibuat dapat memberikan kemudahan bagi mahasiswa
yang ingin registrasi, mengolah dan mencari data dapat diproses dengan cepat
melalui bantuan admin.
b. Bagaimana sistem yang dibuat dapat membantu kinerja dosen dalam proses
memberikan tugas kepada mahasiswa.
c. Bagaimana sistem yang dibuat dapat membantu mahasiswa dalam
mengerjakan tugas.
C. TUJUAN
Adapun tujuan dari pembuatan website ini adalah :
1. Memudahkan dosen dalam memberikan tugas kepada mahasiswa.
2. Memudahkan admin dalam melakukan registrasi kepada mahasiswa dan dosen,
dsb.
3. Memudahkan mahasiswa dalam mengerjakan tugas-tugas yang diberikan oleh
dosen
4. Sebagai tugas akhir mata kuliah Perancangan dan Pemrograman Web.
D. BAHAN
1. Php.
2. Javascript.
3. Css.
BAB II
PEMBAHASAN
LANGKAH-LANGKAH PEMBUATAN
1. Kita akan membuat website kuis online dengan tampilan sebagai berikut:
2. Langkah pertama yaitu, buat folder web di dalam folder C:/xampp/htdocs/. 3. Buat folder img, style , koneksi, dan konten di dalam folder web.
7 . Buat database kuisonline dengan mengakses localhost/phpmyadmin.
Buat table admin seperti dibawah ini
Buat tabel mahasiswa seperti dibawah ini
Buatlah table nilai seperti dibawah ini
Buatlah tabel soal seperti dibawah ini
10. jangan lupa buat file logout.php di dalam folder web/koneksi untuk bisa keluar dari website dengan scrip berikut :
12. Kemudian kita buat fungsi dari masing-masing user (Admin, Dosen, Mahasiswa). a. Admin
Admin adalah yang dapat melakukan segalanya terhadap website ini, seperti menambah hak akses mahasiswa dan dosen serta merubah tampilan, dsb.
Ini adalah koneksi database untuk cari dosen
Ini adalah koneksi database untuk register mahasiswa
Ini adalah koneksi database untuk menambah matkul
Buat data_soal .php di folder konten/konten_admin untuk dapat menambah data soal dan buat file tambah_soal.php didalam folder koneksi untuk bisa menkoneksikannya ke database dengan scrip berikut :
Buat data_nilai.php di folder konten/konten_admin untuk bisa melihat nilai mahasiswa dan buat file itung.php didalam folder koneksi untuk bisa menkoneksikannya ke database dengan scrip berikut :
Ini adalah koneksi database untuk mengaktifkan dosen di list permohonan
b. Dosen
Kemudian buat file home_dosen didalam folder konten/konten_dosen untuk masuk ke menu dosen dengan scrip berikut :
Buat data_nilai.php di folder konten_dosen untuk bisa melihat nilai seperti scrip berikut:
Buat chart.php di folder konten_dosen untuk bisa melihat grafik nilai mahasiswa seperti scrip berikut :
c. Mahasiswa
mahasiswa hanya bisa mengerjakan soal dan melihat nilainya. Buatlah file indexmhs.php di folder web dengan scrip berikut :
Buat data_soal.php di folder konten_mhs untuk bisa melihat soal seperti scrip berikut :
Buat kerjakan_soal.php di folder konten_mhs untuk bisa mengerjakan soal seperti scrip berikut :
Buat logout.php di folder konten_mhs untuk bisa keluar dari halaman mhs seperti scrip berikut :