Post on 12-Apr-2017
ILHAM SETIA PAMBUDI / 18 /XII-TKJ 1
LAPORANPROJECT TUGAS AKHIR SEKOLAH
“PEMROGRAMANWEB E-LEARNING”
Penulis :Nama : ILHAM SETIA PAMBUDI
NIS : 4868/320.071
Kelas : XII TKJ
Bidang Keahlian : Teknologi Informasi dan Komunikasi
Program Keahlian : Teknik Komputer dan Jaringan
SMK DARMA SISWA 1 SIDOARJOJl.Kusuma 9 - 11 , Berbek, Waru- Sidoarjo
ILHAM SETIA PAMBUDI / 18 /XII-TKJ 2
Kata Pengantar :Puji syukur saya panjatkan kehadirat Allah SWT yang telah memberikan segala
rahmat dan karunia-Nya sehingga saya dapat menyelesaikan Laporan Tugas Akhir
Sekolah untuk memenuhi syarat Uji Kompensi Kelulusan (UKK) pada SMK Darma
Siswa 1 Sidoarjo. Dalam proses penulisan Laporan Tugas Akhir Sekolah, saya banyak
menemui kesulitan baik yang disebabkan karena keterbatasan kemampuan, waktu
maupun tenaga, karena itu saya sangat menghargai bantuan dari berbagai pihak yang
telah memberi bantuan baik berupa dukungan semangat,buku referensi, serta
bermacam-macam bahan penulisan sehingga Laporan Tugas Akhir Sekolah ini dapat
terwujud.
Saya merasa bahwa dalam menyusun Laporan Tugas Akhir Sekolah ini bukanlah
jerih payah sendiri, melainkan berkat bimbingan dari berbagai pihak. Untuk itu pada
kesempatan kali ini izinkanlah saya mengucapkan terima kasih kepada :
1. Kedua orang tua yang telah memberikan dukungan, membimbing serta
memberikan pendidikan yang layak.
2. Drs. Fauzin, selaku Kepala SMK Darma Siswa 1 Sidoarjo.
3. Bapak Syiroyudin S.Kom yang telah memberikan bimbingan pembuatan
Laporan Tugas Akhir Sekolah.
4. Guru-guru yang telah memberikan motivasi dan semangat serta memberikan
bekal ilmu dan pengetahuan.
5. Teman-teman seperjuangan kelas XII Teknik Komputer Jaringan yangtelah
memberi semangat.
6. Semua pihak yang telah memberikan banyak bantuan yang berupa kritik dan
saran.
ILHAM SETIA PAMBUDI / 18 /XII-TKJ 3
Tentunya Laporan ini masih terjadi banyak kesalahan ataupun kekurangan, oleh
karena itu saya mengharapkan kritik dan saran dari pembaca yang bersifat membangun
guna menyempurnakan laporan tersebut.
Akhir kata saya berharap semoga buku Laporan Tugas Akhir Sekolah ini bisa
dimanfaatkan sebaik mungkin untuk kita semua. Dan juga bisa memberikan pengaruh
nilai baik pada UKK saya.
Sidoarjo, 5 November 2014
Ilham Setia Pambudi
ILHAM SETIA PAMBUDI / 18 /XII-TKJ 4
DAFTAR ISI
HalamanKata Pengantar .......................................................................................................... 2 - 3
BAB 1Latar Belakang..................................................................................................... 5Perumusan Masalah............................................................................................. 5Tujuan.................................................................................................................. 5Batasan Masalah.................................................................................................. 6
BAB 2Pendidikan E-Learning........................................................................................ 7Alur Pembuatan Website...................................................................................... 12
BAB 3Analisa Kebutuhan Sistem................................................................................... 16Perancangan Sistem............................................................................................. 17Perancangan Proses.............................................................................................. 18Tahapan Pembuatan............................................................................................. 21
BAB 4Tahap Implementasi............................................................................................. 22Perangkat Ujicoba................................................................................................ 22Penjelasan Aplikasi.............................................................................................. 23Tahap Sistem Penilaian........................................................................................ 35
BAB 5Kesimpulan.......................................................................................................... 37Saran Pengembangan........................................................................................... 37
Daftar Pustaka............................................................................................................. 38
ILHAM SETIA PAMBUDI / 18 /XII-TKJ 5
BAB 1Pendahuluan
1.1 Latar BelakangDengan berkembangnya ilmu pengetahuan dibidang informatika, maka perlu
dikembangkan salah satu pemanfaatan IT dibidang pendidikan. Untuk mempermudah
siswa dalam pelaksanaan ulangan namun tidak mengabaikan aturan dalam pelaksanaan
maka perlu dibuatkan sebuah sistem yang akurat dan praktis. Untuk itu diperlukan sebuah
sistem yang bisa digunakan untuk pelaksanaan “ulangan dalam bentuk online” yang
menggunakan sebuah sistem MySQL sebagai database dan PHP sebagai bahasa scriptting
coding.
Untuk mengatasi salah satu kecurangan dalam pelaksanaan ulangan online
maka diperlukan sebuah sistem yang harus bisa memanajemen waktu pengerjaan ulangan
online tersebut. Website tersebut dibagi menjadi 2 sisi, yaitu sisi admin dan sisi user, sisi
admin digunakan sebagai guru dan sisi user difungsikan untuk siswa. Dibagian user, user
bisa menggunakan website tersebut dengan cara registrasi terlebih dahulu sebagai siswa,
setelah itu saat penggunaan, user harus login dengan akun sesuai yang telah
diregistrasikan tadi. User bisa mengerjakan soal dengan dibatasi oleh durasi waktu. User
juga bisa melihat nilai dari ulangan yang telah mereka kerjakan.
1.2 Perumusan MasalahBerdasarkan uraian yang telah diuraikan dibagian latar belakang, maka dapat
diambil beberapa perumusan masalah untuk pengerjaan website tersebut :
1. Bagaimanakah cara membuat tampilan website ini menjadi lebih menarik
dan sangat diminati oleh user atau pengguna dalam pelaksanaan ujian
online.
2. Bagaimana cara mengimplementasikan sistem ini untuk registrasi akun
user, pengolahan data yang tersambung dengan database
ILHAM SETIA PAMBUDI / 18 /XII-TKJ 6
1.3 TujuanTujuan yang ingin dicapai dari pengerjaan tugas akhir sekolah ini yang
berjudul “Pemrograman Web E- Learning” yang berfokus pada pembuatan website untuk
ujian online, antara lain :
1. Menggimplementasikan sebuah sistem website yang digunakan untuk
ulangan online di tingkat SMK.
2. Meningkatkan tingkat kejujuran siswa dalam mengerjakan ulangan dan
bisa memanajemen waktu pengerjaan dan bisa melihat hasil nilai yang
diperoleh secara langsung.
1.4 Batasan MasalahAgar masalah yang akan dibahas pada materi tugas akhir sekolah
ini tidak terlalu luas, maka dibutuhkan juga batasan-batasan masalah pengerjaan, sebagai
berikut :
1. Website hanya dibagi menjadi 2 sisi, yaitu sisi admin (guru) dan sisi user
(siswa).
2. Website menggunakan database MySQL dan PHP, HTML, CSS sebagai
codinger.
3. Website hanya bisa digunakan oleh user yang sudah teregistrasi
accountnya.
4. Hasil nilai pengerjaan akan bisa langsung muncul setelah user selesai
mengerjakan ulangan.
ILHAM SETIA PAMBUDI / 18 /XII-TKJ 7
BAB 2Landasan Teori
2.1 Pendidikan E-Learning2.1.1 Definisi dan karakteristik e-learning
Dengan berkembangnya teknologi yang semakin tinggi, diiringi juga dengan
pertumbuhan internet, maka sangat dibutuhkan sistem pembelajaran online yang sering
disebut e-learning. E-learning dapat didefinisikan sebagai sebuah bentuk teknologi
informasi pendidikan dalam bentuk elektronik. Pengertian ini sejalan dengan huruf “E”
pada kata E-Learning yang berarti “Elektronik”. Pengertian e-learning sendiri sebenarnya
sangat luas, namun istilah e-learning lebih tepat ditujukan sebagai usaha untuk membuat
transformasi proses belajar mengajar yang ada di sekolah atau kampus ke dalam bentuk
digital yang dijembatani oleh teknologi internet.
Dalam teknologi e-learning, semua proses belajar mengajar yang biasa didapatkan di
dalam sebuah kelas dilakukan secara live namun virtual. Artinya pada saat yang sama
seorang pendidik mengajar di depan sebuah komputer yang ada di suatu tempat. Dan juga
bisa dimanfaatkan sebagai media ulangan online.
Karakteristik E-LearningAda empat karakteristik E-learning, antara lain:
1. Memanfaatkan jasa teknologi elektronik :
Di mana guru bisa mengirim soal untuk ujian kepada siswa, dan siswa bisa
mengakses soal yang diberikan oleh guru tadi.
2. Memanfaatkan keunggulan komputer (digital media dan computer networks).
3. Menggunakan durasi pengerjaan yang telah disetting oleh guru.
4. Memiliki sistem yang akan menampilkan nilai secara otomatis.
E-learning dalam arti luas bisa mencakup pembelajaran yang dilakukan di media
elektronik (internet) baik secara formal maupun informal. E-learning secara formal
misalnya adalah pembelajaran dengan kurikulum, silabus, mata pelajaran dan tes yang
ILHAM SETIA PAMBUDI / 18 /XII-TKJ 8
telah diatur dan disusun berdasarkan jadwal yang telah disepakati pihak-pihak terkait
(pengelola e-learning dan pembelajar sendiri). Pembelajaran seperti ini biasanya tingkat
interaksinya tinggi dan diwajibkan oleh perusahaan pada karyawannya atau pembelajaran
jarak jauh yang dikelola oleh universitas dan perusahaan-perusahaan yang memang
bergerak dibidang penyediaan jasa e-learning untuk umum.
Untuk menyampaikan pembelajaran, E-learning selalu diidentikkan dengan
penggunaan internet. Namun sebenarnya media penyampaian sangat beragam dari
internet, intranet, cd, dvd, mp3, PDA, dan lain-lain. Penggunaan teknologi internet pada
e-learning umumnya dengan pertimbangan memiliki jangkauan yang luas. Ada juga
beberapa lembaga pendidikan dan perusahaan yang menggunakan jaringan intranet
sebagai media e-learning sehingga biaya yang disiapkan relatif lebih murah.
2.1.2 Istilah-istilah yang digunakan digunakan dalam e-learningDalam penggunaan e-learning untuk pemanfaatan ujian online pasti akan
timbul istilah-istilah yang belum pernah kita dengar sebelumnya, istilah-istilah tersebut
diantaranya adalah :
Jaringan (network) : kumpulan dua atau lebih sistem komputer yang
terhubung. Terdapat banyak jenis jaringan komputer.
Internet : sejumlah besar network yang membentuk jaringan inter-koneksi
yang terhubung melalui protocol TCP/IP.
HTML (Hyper Text Markup Language) : merupakan salah satu varian dari
SGML yang dipergunakan dalam pertukaran dokumen melalui protocol
HTTP.
HTTP (Hyper Text Transfer Protocol) : protokol yang di disain untuk
mentransfer dokumen HTML yang digunakan dalam Word Wide Web
(www).
Web Server : Sebuah website atau komputer lokal yang digunakan untuk
menyimpan website yang akan ditampilkan.
ILHAM SETIA PAMBUDI / 18 /XII-TKJ 9
IPAddress : Sistem pengalamatan network untuk mengakses website
tersebut.
URL : suatu sarana yang digunakan untuk menentukan suatu lokasi informasi pada
suatu web server.
User : Pengguna dari website tersebut. Di e-learning yang bertindak sebagai user adalah
siswa.
Admin : Pengelola dari website, yang bertindak adalah guru.
2.1.3 Kelebihan dan kelemahan pada e-learningKelemahan pemanfaatan e-learning :
Adapun berbagai kelemahan yang timbul akibat dari pemanfaatan e-learning, adalah:
Tingginya kemungkinan gangguan pengerjaan ujian online. Hal ini
disebabkan karena koneksi internet yang kurang bagus yang dimiliki oleh siswa, sehingga
ada kemungkinan terjadi gangguan selama proses pengerjaan ujian dan pada saat itu timer
tetap berjalan.
Kelebihan pemanfaatan e-learning :Pemanfaatan e-learning dalam ujian online sangat menimbulkan banyak
kelebihan, anatara lain :
Tidak dibutuhkan ujian harian secara langsung. Dengan adanya e-learning akan
dilaksanakan ujian secara online.
Pengerjaan ujian akan tepat waktu, dalam arti tidak akan memperpanjang waktu.
Soal akan bersifat rahasia, tidak akan ada siswa yang mengerjakan dengan
menyontek.
2.1.4 Lambang diagram alur (flowchart)Berikut adalah tabel yang akan menunjukkan arti dari lambang yang digunakan
dalam pembuatan flowchart
ILHAM SETIA PAMBUDI / 18 /XII-TKJ 10
2.1.5 Lambang data flow diagram (DFD)Data flow diagram adalah grafik yang menggambarkan pandangan sejauh
mungkin mengenai input, proses dan output sistem, yang berhubungan dengan input,
proses dan output dari model sistem secara umum. Berikut simbol-simbol yang
digunakan pada DFD :
ILHAM SETIA PAMBUDI / 18 /XII-TKJ 11
Ketentuan-ketentuan dalam penggambaran DFD :1. Di antara entitas-entitas luar tidak diperbolehkan ada aliran data secara
langsung.
2. Tidak diperbolehkan adanya aliran data secara langsung antara entitas luar
dengan penyimpanan data.
3. Setiap proses harus dapat mentransformasikan data. Pada setiap proses
harus dapat menerima input dan mengeluarkan output,
4. Tidak diperbolehkan suatu proses hanya memiliki aliran data masuk atau
Aliran data keluar saja. Proses-proses harus memiliki sedikitnya satu aliran
Data masuk dan satu aliran data keluar.
2.1.6 Aplikasi yang dibutuhkan dalam pembuatan e-learningPembuatan website ini dibedakan menjadi 2, yaitu pembuatan dengan CMS
(Content Management System) yang sering disebut pembuatan website secara instant
menggunakan moodle dan yang kedua pembuatan dengan coding / menginputkan code
untuk pembuatan. Dalam pembuatan website e-learning untuk ujian online melalui
coding membutuhkan beberapa software aplikasi untuk membangun sebuah website yang
ILHAM SETIA PAMBUDI / 18 /XII-TKJ 12
diinginkan. Software - software tersebut adalah :
1. Server Lokal, berisi sebuah paket software Apache HTTP Server, MySQL
database dan program pendukung lainnya. Contoh server lokal yang dapat
digunakan adalah XAMPP, WAMP, Appserv.
2. Editor, merupakan tools yang membantu kita dalam mengetik baris kode. Contoh
editor ini adalah Dreamweaver, PHPDesigner, Notepad++, Notepad dan
lain-lain.
3. Manipulasi Gambar, merupakan software yang digunakan untuk mengedit
gambar / tampilan yang akan kita masukkan di website e-learning, contohnya
adalah edit header website.
2.2 Alur Pembutan Website2.2.1 Manajemen Database
Database adalah kumpulan informasi yang disimpan di dalam komputer secara
sistematik sehingga dapat diperiksa menggunakan suatu program komputer untuk
memperoleh informasi dari database tersebut. Salah satu software database yang sering
digunakan adalah MySQL. Sedangkan untuk Manajemen Basis-Data (Data Base
Management System / DBMS) adalah perangkat lunak sistem yang memungkinkan para
pemakai membuat, memelihara, mengontrol, dan meng-akses basis data dengan cara
praktis dan efisien.
Untuk pembuatan database yaitu masuk di phpmyadmin dan diharuskan
membuat table untuk dikoneksikan dengan web coding yang telah dibuat di PHP, HTML,
CSS, maupun javascript.
2.2.2 Coding WebsiteAda beberapa macam yang harus dilakukan dalam coding website di editor
melalui PHP, HTML, CSS, JAVASCRIPT dll. Berikut penjelasannya :
a. HTML (HyperText Markup Language) yaitu bahasa pemrograman standar yang
digunakan untuk membuat sebuah halaman web, yang kemudian dapat diakses
untuk menampilkan berbagai informasi di dalam sebuah penjelajah web Internet.
ILHAM SETIA PAMBUDI / 18 /XII-TKJ 13
Fungsi HTML yang lebih spesifik yaitu :
* Membuat halaman web.
* Menampilkan berbagai informasi di dalam sebuah browser Internet.
* Membuat link menuju halaman web lain dengan kode tertentu (hypertext).
Metode penulisan HTML sebagai berikut :
b. PHP, adalah bahasa scripting sisi server (server-side) yang bisa ditempel di HTML
(embedded). Ini berarti PHP bisa digunakan bersama-sama dengan dokumen HTML
sehingga kita bisa membuat HTML itu dinamis sehingga bisa membuat halaman web
lebih dinamis. Kita bisa membuat aplikasi web dengan lebih baik yang tidak sekedar
pajangan-pajanganinformasi yang susah untuk di-update. Fungsi PHP yang lebih
spesifik adalah digunakan untuk memberikan sebuah fungsi inputan yang digunakan
untuk mengolah data yang telah di inputkan dan yang akan ditampilkan dibagian
keluaran.
Metode penulisan PHP sebagai berikut :
ILHAM SETIA PAMBUDI / 18 /XII-TKJ 14
c. CSS, adalah sebuah pemrograman yang ada kaitannya dengan HTML, PHP. CSS
adalah sebagai pondasi dasar untuk membangun sebuah website melalui coding, di
css lah kita memasukkan ukuran besar kecil atau settingan dasar dari sebuah website.
Fungsi CSS yang lebih spesifik adalah digunakan sebagai inputan coding yang
difungsikan untuk membentuk settingan website atau bisa disebut sebagai pondasi dasar
pembangunan website.
Metode penulisan PHP sebagai berikut :
ILHAM SETIA PAMBUDI / 18 /XII-TKJ 15
d. JavaScript, adalah bahasa pemograman web yang bersifat Client Side Programming
Language. Client Side Programming Language adalah tipe bahasa pemograman yang
pemrosesannya dilakukan oleh client. Aplikasi client yang dimaksud merujuk kepada
web browser seperti Google Chrome dan Mozilla Firefox.
Javascript digunakan untuk menuliskan fungsi yang disisipkan kedalam HTML
baik secara langsung maupun diletakkan di file text dan di link dari dokumen
HTML.
ILHAM SETIA PAMBUDI / 18 /XII-TKJ 16
BAB 3Analisa dan Perancangan Sistem
Pada bab ini akan dilakukan analisa dan perancangan sistem sebuah website yang
telah dibuat untuk membantu pemahaman penggunaan dari sistem tersebut. Sehingga
membantu memberi penjelasan kepada setiap pengguna dari sistem ini. Analisa sistem
meliputi analisa tentang kebutuhan website dan analisa fasilitas dalam perancangan
website yang dibuat. Dengan memperhatikan analisa sistem sehingga dapat dibagi
menjadi perancangan data, perancangan proses dalam pembuatan. Tujuan dari analisa
sistem adalah :
1. Menentukan kebutuhan sistem website.
2. Memahami cara kerja sistem website secara umum.
3. Memahami masalah yang ada dan mengetahui cara penyelesainnya.
3.1 Analisa kebutuhan sistemAnalisa sistem ini dibagi menjadi 2 macam, yaitu analisa penggunaan perangkat
lunak (software) dan analisa penggunaan perangkat keras (hardware).
3.1.1 Penggunaan perangkat lunak (software)Dalam membangun sistem website ujian online ini membutuhkan beberapa
software yang mendukung pengerjaannya, antara lain :
1. Sistem operasi windows 7 ultimate.
2. Software Xampp 1.5.2 (boleh terbaru)
3. Notepad ++.
4. Adobe Dremweaver Cs3.
5. Adobe Photoshop CS4.
6. Mozilla firefox.
7. MySQL - 5.0.20.
8. phpMyAdmin 2.8.0.3
ILHAM SETIA PAMBUDI / 18 /XII-TKJ 17
3.1.2 Penggunaan perangkat keras (hardware)Perangkat keras / hardware yang digunakan untuk membangun website ujian
online ini sangat berpengaruh dalam proses pengerjaannya, hardware yang seharusnya
dipenuhi adalah :
1. PC / laptop spesifikasi Dual Core 1 Ghz.
2. Ram 2 Gb.
3. Minimal kapasitas hardisk 60 MB.
3.2 Perancangan SistemFasilitas-fasilitas yang tersedia pada sistem website yang akan memungkinkan
pengguna untuk mendapatkan sebuah rekomendasi dari sistem website ujian online antara
lain :
1. User ataupun Admin memiliki fasilitas untuk bisa daftar di sistem website
tersebut.
2. Bisa melakukan sign in dan sign up di sitem website ujian online tersebut.
3. Bisa melakukan registrasi dengan mengisi biodata guna untuk bisa mengikuti
ujian online di sistem website ini.
4. Dalam pengerjaan ujian online, terdapat timer yang sudah diatur otomatis oleh
sistem website tersebut.
5. Admin mempunyai fasilitas untuk upload soal ujian secara langsung.
6. User akan bisa melihat nilai yang diperoleh dari pengerjaan ujian online.
7. Durasi untuk pengerjaan sudah diperhitungkan dengan jumlah soal, dan akan
berakhir secara otomatis.
3.2.1 Data MasukanWebsiteData masukan yang digunakan oleh sistem ini adalah beberapa data sebagai
inisialisasi parameter yang diperlukan dalam proses tersebut,yaitu :
1. Kegiatan user bisa melihat dan mengerjakan soal.
2. Admin bisa melakukan upload soal.
3. Soal di urutkan secara dari soal yang terbaru.
4. User bisa mengakses accountnya dengan login terlebih dahulu.
ILHAM SETIA PAMBUDI / 18 /XII-TKJ 18
3.2.2 Data Saat PemrosesanData yang akan diproses oleh website ujian online ini antara lain :
1. Sistem ini akan memproses dari pendaftaran akun oleh setiap user dan admin.
2. Memproses soal ujian yang di upload di halaman web ini.
3. Memproses setiap jawaban dari ujian.
4. Memproses nilai ujian yang akan ditampilkan dihalaman setiap user.
5. Bisa melakukan perhitungan nilai setiap soal.
3.2.3 Data Keluaran websitePada sistem website ini akan menghasilkan beberapa data keluaran, antara lain :
1. Akan mengeluarkan kumpulan nilai yang dihasilkan oleh user saat
mengerjakan ujian.
2. Link setiap halaman akan berbeda, karena menggunakan coding PHP.
3.3 Perancangan ProsesPada bab selanjutnya akan dibahas mengenai perancangan proses dari sebuah
website ujian online tersebut. Penjelasannya akan di wujudkan dalam bentuk diagram
gambar atau relasi website.
3.3.1 Perancangan Model WebsiteBerikut ini adalah model diagram yang akan menggambarkan dari proses sistem
kerja website yang dibuat. Antara lain terdiri dari database mysql, php myadmin,
codinger script PHP dan HTML.
ILHAM SETIA PAMBUDI / 18 /XII-TKJ 19
Database mysql digunakan sebagai server untuk menyimpan database dari website
yang dibuat. Dan selanjutnya akan diproses dibagian php myadmin, untuk bisa masuk
php myadmin xampp harus dalam keadaan on semua, buka di webbrowser dengan alamat
“localhost/phpmyadmin” dihalaman tersebut kita bisa membuat database dan dihalaman
itulah kita bisa mengakses website yang kita buat. Website yang akan dihasilkan ini
terbentuk bukan melalui CMS melainkan melalui sript codinger dengan memasukkan
script code pemograman untuk menghasilkan setiap fungsi. Ada beberapa mode script
yang digunakan yaitu PHP untuk membangun fungsi, HTML untuk membangun design
layout dan tampilan, CSS untuk membangun pondasi dasar dari website ini. Antar
beberapa mode penulisan website ini harus saling terhubung. Setelah semua berfungsi
website akan ditampilkan di web browser. Proses penampilan dari web ini melalui
beberapa tahap atau relasi, antara lain yaitu coding dimasukkan dan di simpan di folder
disk c tepatnya di dalam xampp, secara otomatis nama yang telah kita buat di folder
ILHAM SETIA PAMBUDI / 18 /XII-TKJ 20
xampp tersebut sudah terdeteksi di php myadmin, nama tersebut bisa di akses melalui
web browser dengan relasi database dari Mysql.
Pembuatan website ini dibagi menjadi 3 modul pembuatan, yaitu modul server,
modul admin dan modul user. Modul administrator berfungsi untuk mengatur dan
mengelola sumberdaya yang ada pada sistem web, misalnya : menambahkan, menghapus,
mengubah data yang terdapat pada halaman profil maupun yang ada pada halaman
dokumen yang ada di dalam sistem website ujian online, seperti manajemen admin,
mengelola data siswa, menambah soal-soal dan melakukan upload soal yang terbaru.
Modul user sebagai user interface yang ditampilkan kepada user dalam bentuk halaman
web, yang berisi info profil, soal ujian yang akan dikerjakan, daftar nilai yang diperoleh
dan lain sebagainya.Serta di modul inilah jawaban siswa di proses dan akan ditampilkan
nilai yang diperoleh.
3.3.2 Perancangan MenuPada halaman website ini ada beberapa menu yang akan ditampilkan :
1.Home
Pada halaman home akan di beri fasilitas untuk bisa mendaftar akun sebagai
user maupun sebagai admin dan juga untuk login halaman profil setiap siswa.
2. Profil User
Pada halam profil akan menapilkan beberapa info profil setiap siswa. Info
yang akan ditampilkan adalah identitas diri setiap user. Ada juga menu untuk
bisa masuk mengerjakan soal yang telah disediakan oleh admin. Fasilitas yang
terakhir dari halaman profil adalah menampilkan nilai setiap user.
3. Profil Admin
Di halaman profil admin terdapat fasilitas untuk upload soal ujian, dan juga
mengelola nilai setiap user.
ILHAM SETIA PAMBUDI / 18 /XII-TKJ 21
4. Hasil Rekomendasi website.
Pada halaman hasil rekomendasi web akan ditampilkan nilai semua user dari
website tersebut.
Sistem website ini ada 4 tahapan, antara lain:A. Pendaftaran akun sebagai user maupun admin.
User digunakan untuk siswa, dan admin digunakan untuk guru.
B. Login
Masuk di halaman profil masing - masing dengan menggunakan verifikasi
username dan password.
C. Proses pengerjaan
User bisa langsung mengerjakan soal dengan dibatasi oleh waktu/durasi yang
telah ditentukan. Untuk admin pada tahap proses pengerjaan, bisa melakukan upload soal.
D. Hasil pengolahan
Nilai akan ditampilkan secara langsung.
ILHAM SETIA PAMBUDI / 18 /XII-TKJ 22
BAB 4
IMPLEMENTASI DAN PENGUJIAN SISTEM E-LEARNING
Pada bab ini akan dijelaskan tentang implementasi dari hasil analisa dan perancangan
sistem e-learning yang telah dibuat pada bab sebelumnya, serta bagaimana sistem tersebut
dijalankan guna kebutuhan dibidang pendidikan.
4.1 Tahap Implementasi
Secara garis besar implementasi dari pembuatan sistem website e-learning ini
membutuhkan beberapa tahapan penginstalan,antara lain :
A. Installasi Notepad++
B. Instalasi xampp 1.7.7
C. Instalasi SQL
D. Instalasi Photoshop
4.2 Perangkat Uji Coba
Uji coba aplikasi ini menggunakan Dell N4050 dengan spesifikasi perangkat sebagai
berikut:
1. Processor : AMD c-50 1.00 GHz
2. Operating System : Windows 7 Ultimate
3. System Type : 32 bit Operating System
4. Memory (RAM) : 2,00 GB
5. Memory HDD : 320 GB
ILHAM SETIA PAMBUDI / 18 /XII-TKJ 23
4.3 Penjelasan Aplikasi
Sistem aplikasi yang berbasis web ini memiliki berbagai macam fitur menu yang tersedia
dan memiliki kegunaan yang berbeda juga, antara lain adalah :
4.3.1 Halaman Login Admin
Halaman login admin ini berfungsi untuk mengelola sistem website yang telah
dibuat.Di dalam halaman admin ini terdapat fungsi untuk input soal ulangan dan juga edit
soal. Dikatakan bisa login dihalaman admin ini jika sudah memiliki account khusus
admin. Halaman ini juga terdapat pilihan menu untuk logout dari sisi admin.
Gambar : Login ke Admin
Berdasarkan gambar diatas, dapat dijelaskan fungsi dari tabel yang tersedia :
1. Username, digunakan untuk input nama admin yang berupa text yang telah
didaftarkan.
2. Password, digunakan untuk input serangkaian text berupa kata sandi yang
telah terdaftar di sistem ini.
3. Button, digunakan untuk masuk ke halaman selanjutnya.
ILHAM SETIA PAMBUDI / 18 /XII-TKJ 24
4.3.2 Halaman Utama di sisi Administrator
Berikut ini adalah tampilan awal dari admin yang telah login di halaman
administrator.
Gambar : Halaman Utama Admin
Dari gambar tersebut dapat dijelaskan fungsi dari beberapa menu yang tersedia,
antara lain :
a. Home, menampilkan ketika admin pertama kali masuk di halaman ini. Berisi
ucapan selamat datang untuk admin yang teah login.
b. Input soal, digunakan sebagai menu untuk memasukkan soal - soal yang akan
di ujikan di halaman user.
ILHAM SETIA PAMBUDI / 18 /XII-TKJ 25
Gambar : Halaman Input Soal
c. Lihat Soal, digunakan untuk melihat soal yang telah di inputkan tadi dan juga
bisa digunakan untuk hapus soal ataupun edit soal.
ILHAM SETIA PAMBUDI / 18 /XII-TKJ 26
Gambar : Lihat Soal
d. Logout, digunakan untuk keluar dari sisi admin ke halaman awal.
Agar bisa mengelola website tersebut dari sisi Admin bisa mengakses
“localhost/ujian_online/hamham”.
ILHAM SETIA PAMBUDI / 18 /XII-TKJ 27
Gambar : Alamat admin
4.3.3 Halaman Utama
Berikut ini adalah tampilan awal ketika user mengakses halaman
localhost/ujian_online .
Gambar : Utama Website
ILHAM SETIA PAMBUDI / 18 /XII-TKJ 28
Dari gambar berikut dapat dijelaskan fasilitas yang tersedia di sistem website ini ,
antara lain :
A. Home, pada halaman ini berisi peraturan yang berlaku dalam penggunaan
ssistem website ini.
B. Daftar, pada halaman ini digunakan untuk mendaftarkan user ke sistem
website ini agar user bisa mengikuti ujian online dari sistem
ini.
Gambar : Registrasi User
C. Sign In, pada bagian ini digunakan untuk login ke halaman user, dikatakan
bisa login jika sudah mempunyai akun yang telah daftar di menu
daftar tadi.
Gambar : Login User
ILHAM SETIA PAMBUDI / 18 /XII-TKJ 29
Pada halaman yang telah disebutkan diatas adalah halaman utama dimana
user belum login dihalaman usernya dan halaman ini bersifat umum.
4.3.4 Halaman Utama di sisi USER
Pada bagian ini akan dijelaskan mengenai halaman user yang telah login di sistem ini.
Dan dijelaskan fungsi-fungsi dari fasilitas yang tersedia di sistem ini. Pada halaman ini
user bisa melakukan ujian online terhadap soal yang telah diberikan oleh admin. Fungsi
dari website ini akan dijelaskan lebih detail,antara lain :
A. Halaman utama user setelah login.
Gambar : Halaman utama user setelah login
ILHAM SETIA PAMBUDI / 18 /XII-TKJ 31
C. Kelola Nilai User
Gambar : Pengelolaan nilai user
D. Upload Foto User
E. Nilai muncul secara otomatis setelah user selesai mengerjakan soal.
F. Menu-menu yang tersedia di user
Gambar : Menu User
Agar bisa mengelola website tersebut dari sisi user bisa mengakses
“localhost/ujian_online/”.
Gambar : Alamat halaman user
ILHAM SETIA PAMBUDI / 18 /XII-TKJ 32
Pembuatan website ini dibuat dengan 2 sisi yaitu sisi Admin dan sisi User.
Dalam pembuatan tentunya dibuthkan file - file yang begitu banyak untuk bisa
menghasilkan sistem website ini.
Gambar : File-file untuk User
Gambar : File-file untuk Admin
ILHAM SETIA PAMBUDI / 18 /XII-TKJ 33
4.3.5 Database pada Sistem
Website sangat memerlukan database agar bisa digunakan. banyak orang awam yang
belum mengetahui apa arti dari database tersebut. Database adalah sekumpulan data yang
saling berhubungan untuk mencapai suatu tujuan. Di dalam sebuah database terdapat
tabel, kolom, baris field. Dan itu semua sangat berpengaruh dalam pembuatan
website.Akan saya jelaskan dari database yang saya gunakan dalam pembutan website ini.
Database bernama “db_ujianonline”.
Gambar : nama database
ILHAM SETIA PAMBUDI / 18 /XII-TKJ 34
Gambar : Tabel yang digunakan
A. Tabel admin berisi tentang identitas admin dari sistem website tersebut.
Gambar : Table admin
B. Tabel user berisi tentang informasi dan identitas user yang telah terdaftar.
Gambar : Tabel user
C. Tabel Soal berisi tentang soal yang ditampilkan di user.
ILHAM SETIA PAMBUDI / 18 /XII-TKJ 35
Gambar : Tabel Soal
D. Tabel Nilai berisi tentang nilai yang diperoleh oleh setiap user yang mengikuti
ujian online.
Gambar : Tabel Nilai
4.4 Tahap sistem penilaian
Pada sitem website e-learning ini menggunakan perhitungan 5 point untuk per soal.
User disediakan 20 soal. Perhitungan jika user mengerjakan semua dengan benar 5x20 =
ILHAM SETIA PAMBUDI / 18 /XII-TKJ 36
100 point jika soal dikerjakan dengan betuk semua. Dan nilai tersebut akan dapat
disimpan setelah kita mendapat konfirmasi dari sistem website ini. Berikut ini adalah
gambar script code untuk pengolahan nilai.
Gambar : Script code pengolahan nilai
ILHAM SETIA PAMBUDI / 18 /XII-TKJ 37
BAB 5PENUTUP
5.1 Kesimpulan
Dari uraian - uraian pada bab sebelumnyayang sudah dijelaskan maksud, tujuan,
sistematika pembuatan website e-learning ini, dapat diambil kesimpulan tentang
pemahaman sistem rekomendasi website antara lain :
1. Sistem yang di susun dapat memberikan kemudahan kepada setiap siswa untuk
pelaksanaan ujian online.
2. Sistem yang disusun dapat digunakan setiap user.
3. Sistem yang disusun dapat bekerja secara cepat dalam pengolahan hasil nilai.
4. Tingkat keamanan soal ujian berkisar 70%.
5. Masih ada banyak kekurangan dalam pembuatan sistem ini sehingga masih
dibutuhkan untuk proses penyempurnaan.
6. Pada sistem ini user dapat menyimpan nilai pada setiap user melakukan ujian
sehingga akan memberikan kemudahan bagi user untuk melihat grafik nilai
secara berkala.
5.2 Saran Pengembangan
Dalam pembahasan kesimpulan diatas, terdapat beberapa saran untuk
mengembangkan sistem ini menjadi lebih sempurna dan lebih user friendly, saran tersebut
antara lain:
1. Akan lebih baik jika sistem ini ditambah fasilitas untuk melihat user aktif.
2. Lebih baik jika soal akan berbentuk acak setiap user.
3. Disertai menu khusus untuk mengupload buku penunjang atau seperti
perpustakaan mini.
ILHAM SETIA PAMBUDI / 18 /XII-TKJ 38
DAFTAR PUSTAKA
Sekolah Tinggi Teknik Surabaya, 2013, Pedoman Praktikum Aplikasi Internet.
http://ganjarramadhan.blogspot.com, 2012, Tutorial CRUD dengan coding PHP.
ILHAM SETIA PAMBUDI / 18 /XII-TKJ 39
BIOGRAFI
Nama : ILHAM SETIA PAMBUDI
Kelas : XII - Teknik Komputer Jaringan
Alamat : Jalan Sedati Agung 2 , Sedati Agung , Sedati - SIDOARJO
Tempat / Tanggal lahir : Magetan 23 September 1996
Sekolah : SMK DARMA SISWA 1 SIDOARJO
Tahun ajaran : 2014 - 2015
Email : ilhampambudi86@gmail.com
No hp : 089673647603