2015-18. ilham setia pambudi - pemrograman web e-learning berbasis php

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


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.


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


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


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


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.


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

http://en.wikipedia.org/wiki/E-learning

http://www.pengertianahli.com/2013/11/pengertian-internet-terupdate.html

http://www.pengertianahli.com/2014/05/pengertian-komputer-computer.html


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.


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


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 :


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


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.


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 :


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 :


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.


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


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.


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.


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


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.


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.


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


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.


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.


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.


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


Gambar : Alamat admin

4.3.3 Halaman Utama

Berikut ini adalah tampilan awal ketika user mengakses halaman

localhost/ujian_online .

Gambar : Utama Website


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


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


B. Pengerjaan Ujian

Gambar : Pengerjaan ujian


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


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


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


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.


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 =


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


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.


DAFTAR PUSTAKA

Sekolah Tinggi Teknik Surabaya, 2013, Pedoman Praktikum Aplikasi Internet.

http://ganjarramadhan.blogspot.com, 2012, Tutorial CRUD dengan coding PHP.

http://ganjarramadhan.blogspot.com,


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 : [email protected]

No hp : 089673647603

Technology

2015-18. ilham setia pambudi - pemrograman web e-learning berbasis php