Services,
yaitu kumpulan dari jenis layanan-layanan yang dapat diakses oleh pemakai.
Gambar 4.4 Arsitektur Layanan
Sistem Ontology juga berperan untuk membuat sebuah rancangan tatap muka User Interface menjadi terstruktur dan
mulai dari otentikasi sampai dengan pengaksesan sumber daya yang ada pada website E-Learning. Gambar di bawah ini
adalah gambar rancangan skema tatap muka E-Learning.
Gambar 4.5 Rancangan Skema Tatap Muka
Pada Gambar diatas dapat dilihat bagaimana struktur atau skema perancangan tatap muka website E-Learning.
Dimulai dari tujuh elemen, dimana ada dua elemen yang memiliki sub elemen, yaitu Course Category yang memiliki
tiga pilihan yaitu Select Course, Search Course, dan All Course
. Sedangkan pada sub elemen Login authentication memiliki tiga bagian yaitu User name, Password, dan Create
new account .
Hak akses Authentication adalah salah satu sistem yang dapat dijadikan alat keamanan, dimana sistem ini akan
emmbatasi hak akses kepada pemakai website. Dengan menggunakan system Ontology, dapat dibuat rancangan
otentikasi untuk website E-Learning.
Gambar 4.6 Rancangan Skema Authentication
Gambar 4.7 Flow Login
Gambar 4.8 Flow Ujian
Gambar 4.9 Flow Logout
4.1.4.4 Tabel
Proses pembuatan
database dilakukan
setelah mendefinisikan model konseptual dari database yang akan
dibuat. Pendefinisian model konseptual yang digunakan di atas menggunakan ERD Entity Relationship Diagram. Basis data
course_list berisi enam buah tabel utama, yaitu tabel dafnilai, lostpassword
, settings, source, user, news. Serta Tabel tambahan yang nantinya digunakan sebagai penampung soal -
soal dari subjek pelajaran yang telah dibuat. Adapun struktur field - field beserta keterangannya yang diwakili oleh setiap
tabel dapat dilihat pada tabel-tabel berikut :
Tabel 4.1 Struktur Tabel dafnilai Field name
Data Type Keterangan
Username varchar30
User dari anggota Benar
int3 Jumlah benar yang dimiliki
Salah int3
Jumlah salah yang dimiliki Skor
int3 Nilai yang didapat
Subject varchar30
Nama mata pelajaran
Tabel 4.2 Struktur Tabel User Field name
Data Type Keterangan
Lastname varchar30
Nama akhir Firstname
varchar30 Nama awal
Username varchar30
Nama login Password
varchar32 Password user
Phone varchar15
Nomor telepon Picture
varchar30 Foto profile
Registration_date varchar12
Tanggal daftar Email
varchar30 Nama email
Status enum0,1,5
Status user Official_code
varchar30 Panggilan user
Tabel 4.3 Struktur Tabel lostpassword Field name
Data Type Keterangan
lostpassword_id int11
no id dari password yang hilang Email
varchar30 email user yang kehilangan password
Tabel 4.4 Struktur Tabel source Field name
Data Type Keterangan
Mkkd varchar30
Kode pelajaran Username
varchar30 Username
Subject varchar30
Nama pelajaran Teacher
varchar50 Nama pengajar
Tabel 4.5 Struktur Tabel tambahan soal Field name
Data Type Keterangan
No int11
No soal Soal
Text Soal
A Text
Pilihan A B
Text Pilihan B
C Text
Pilihan C D
Text Pilihan D
Kunci varchar1
Kunci jawaban
Tabel 4.6 Struktur Tabel Materi Field name
Data Type Keterangan
id_module int11
Id module Module
varchar30 Judul module
File varchar30
Nama file module
Tabel 4.7 Struktur Tabel Settings Field name
Data Type Keterangan
Purpose enum0,1
Tujuan Aplikasi campus_name
varchar30 Nama sekolah
Tabel 4.8 Struktur Tabel News Field name
Data Type Keterangan
Id_news int11
Id berita Judul
varchar100 Judul berita
Tanggal varchar12
Tanggal di buat Isi
text Isi berita
4.4.1.5 Struktur Navigasi
Struktur navigasi situs web digunakan untuk menggambarkan secara garis besar isi dari seluruh situs web
dan bagaimana hubungan antara isi-isi tersebut. Struktur
navigasi situs web Learning Management System Online SMA 2 MEI CIPUTAT menggunakan struktur navigasi campuran
composite yang merupakan gabungan dari struktur navigasi linier, non linier dan hirarki. Struktur navigasi linier
merupakan struktur yang hanya menampilkan satu demi satu tampilan pada layer dan tidak boleh ada percabangan seperti
home, course list, my profile. Sedangkan struktur navigasi hirarki merupakan struktur yang mengandalkan percabangan
untuk menampilkan data berdasarkan kriteria tertentu seperti halaman login, terdapat dua pilihan bagi anggota Learning
Management System Online yaitu registration dan lost
password. a.
Struktur Navigasi dari Sudut Pandang User
Pengunjung dibedakan menjadi dua bagian, yaitu murid dan pengajar yang sudah terdaftar pada Course
Management online . Pengunjung yang belum terdaftar
dalam Learning Management System Online tidak berhak untuk mengakses halaman - halaman yang tersedia sebelum
melakukan registrasi. Untuk pengunjung yang mempunyai akses login siswa siswi yang merupakan anggota Course
Management online setelah dapat masuk melalui halaman
login dapat melakukan apa yang dilakukan pengunjung lain yang tidak mempunyai akses login. Untuk anggota Learning
Management System Online dengan status murid yang telah login nantinya akan masuk ke halaman anggota Learning
Management System Online yang berisikan fasilitas untuk mendaftar subjek pelajaran yang ingin diikuti serta
mengerjakan soal - soal yang terdapat didalamnya, serta melihat nilai dari subjek mata pelajaran yang telah selesai
dikerjakan. Sedangkan pengunjung yang memiliki hak login sebagai pengajar, memiliki fasilitas untuk membuat subjek
pelajaran baru yang diinginkan dan dapat membuat soal - soal berdasarkan subjek pelajaran yang telah dibuat.
Gambar 4.10 navigasi user
b. Struktur Navigasi dari Sudut Pandang Admin
Dilihat dari sudut pandang admin, struktur navigasi yang digunakan adalah struktur navigasi campuran, sama
halnya dengan struktur navigasi dari sudut pandang user yang merupakan gabungan dari ketiga struktur navigasi lainnya,
yaitu linier, non linier dan hirarki. Admin mempunyai kelebihan dibanding dengan pengunjung lainnya, selain
sebagai pengelola website, semua apa yang dapat dilakukan pengunjung dan anggota Course Management online, admin
juga dapat melakukannya, dari memasukkan, merubah hingga menghapus data. Data disini merupakan data yang
berhubungan dengan mulai dari pengisian, pengeditan, penghapusan data pada tiap tabel. Dilihat dari peta
navigasinya, admin setelah login nantinya akan masuk ke halaman administrator. Didalam halaman administrator,
terdapat tujuh menu pilihan yang terdiri atas Home, User List, Course List, My Profil, Settings, Lost Password, dan
Module. Dari beberapa menu terdapat 3 submenu pilihan didalamnya, yaitu lihat, tambah, ubah, dan hapus data.
Gambar 4.11 navigasi admin
4.1.4.6 Rancangan Tampilan Halaman
Pada tahap ini, akan dimulai rancangan pembuatan situs yang terdiri atas beberapa langkah yang akan dijelaskan secara
lebih rinci pada penjelasan berikut :
a. Rancangan Tampilan Situs Pengunjung
Proses ini meliputi rancangan halaman dari situs pemakai dan komponen komponen apa saja yang ada pada
halaman situs pemakai. Berikut akan dibahas perancangan tampilan pada situs pemakai.
1. Rancangan Halaman Home Login
HOME Login, yang mempunyai akses untuk mengelola halaman login adalah admin dan siswa siswi
ataupun user lain yang telah menjadi anggota Course Management online
. Dari halaman login ini terdapat dua pilihan, yaitu mengisi form login yang tersedia
berupa username dan password yang tepat, serta link untuk menampilkan halaman apabila kita melupakan
user dan password yang kita miliki serta link untuk menampilkan halaman registrasi bagi user yang belum
terdaftar belum daftar.
Gambar 4.12 Rancangan Home Login Pengunjung
2. Rancangan Halaman Home Murid Pengajar
HOME Anggota Learning Management System Online
murid, didalamnya terdapat lima
