TUGAS AKHIR
PERANCANGAN DAN IMPLEMENTASI SISTEM INFORMASI
E-LEARNING UNTUK PEMBELAJARAN BAHASA PEMROGRAMAN PHP
Diajukan Untuk Memenuhi Salah Satu Persyaratan Dalam Menyelesaikan
Pendidikan Sarjana (S-1) Pada Departemen Teknik Elektro
OLEH:
MUTIARA SARI 100422063
DEPARTEMEN TEKNIK ELEKTRO PROGRAM PENDIDIKAN SARJANA EKSTENSI
FAKULTAS TEKNIK
UNIVERSITAS SUMATERA UTARA MEDAN
i ABSTRAK
Dengan semakin berkembangnya teknologi informasi dari tahun ke tahun, memunculkan banyaknya cara untuk memanfaatkan kemajuan teknologi informasi. Pemanfaatan teknologi informasi tersebut dapat diimplementasikan untuk meningkatkan efektivitas dari proses suatu pembelajaran. Salah satunya
adalah dengan metode e-Learning atau yang biasa dikenal dengan pembelajaran
yang menggunakan media elektronik.
Pada umumnya pembelajaran secara konvensional dilakukan melalui
media cetak atau non elektronik. Namun dengan adanya e-Learning, kita dapat
belajar dengan menggunakan media elektronik secara online membantu peningkatan efektifitas terutama dalam mempelajari sebuah bahasa pemrograman
pembelajaran bahasa pemrograman PHP. Dengan adanya bantuan website
e-Learning ini diharapkan dapat membantu siapapun untuk mempelajari bahasa pemrograman PHP baik itu untuk pemula maupun bagi yang ingin memperdalam
pengetahuannya. e-Learning ini berisi materi pembelajaran bahasa pemrograman
PHP untuk pemula, soal-soal latihan bahasa pemrograman, forum diskusi, chatting antara author dengan anggota ataupun anggota dengan anggota yang ada di e-Learning, berita, dan tutorial hingga kebutuhan informasi yang menunjang
proses belajar mengajar bahasa pemrograman yang ada di website ini dapat
terpenuhi.
ii
KATA PENGANTAR
Assalamualaikum Wr, Wb.
Puji syukur penulis panjatkan ke hadirat Allah SWT yang telah
melimpahkan segenap rahmat hidayah-Nya yang memberikan pengetahuan,
kesabaran dan kesehatan kepada penulis sehingga penulis dapat menyelesaikan
Tugas Akhir ini. Tugas Akhir ini berjudul “PERANCANGAN DAN
IMPLEMENTASI SISTEM INFORMASI E-LEARNING UNTUK PEMBELAJARAN BAHASA PEMROGRAMAN PHP”. Tujuan penulisan
Tugas Akhir ini adalah untuk memenuhi persyaratan dalam menyelesaikan
Program Pendidikan Sarjana Jurusan Teknik Elektro, Universitas Sumatera Utara.
Tugas Akhir ini juga dapat penulis selesaikan berkat doa dan dukungan
berupa materi dan nonmateri dari Ayahanda A. Samad dan Ibunda F. Suarni yang
telah diberikan kepada penulis selama ini, serta adik-adik kandung saya Iskandar
Muda, S.E, Nurmala Hayati, dan Muhammad Reza yang selama ini memberikan
bantuan dan dorongan kepada penulis. Selama masa perkuliahan sampai
selesainya Tugas Akhir ini, penulis banyak mendapatkan bimbingan dan
dukungan dari berbagai pihak. Untuk itu, dengan setulus hati penulis
mengucapkan terimakasih yang sebesar-besarnya kepada:
Selama masa perkuliahan sampai masa penyelesaian tugas akhir ini,
penulis banyak memperoleh bimbingan dan dukungan dari berbagai pihak. Pada
kesempatan ini, dengan setulus hati penulis ucapkan terima kasih yang
iii
1. Bapak Ir. Surya Tarmizi Kasim, M.Si, selaku Ketua Departemen Teknik
Elektro FT-USU.
2. Bapak Rahmat Fauzi ST, MT, selaku Sekretaris Departemen Teknik
Elektro FT-USU dan sekaligus sebagai dosen wali penulis.
3. Ir Kasmir Tanjung, MT, selaku Dosen Pembimbing yang dengan sabar
membimbing dan memberi masukan serta inspirasi baik selama
perkuliahan maupun selama pengerjaan tugas akhir.
4. Seluruh dosen pengajar dan staf pegawai Departemen Teknik Elektro
FT-USU.
5. Teman-teman penulis Yetty, Elda, Ratih, Wilfrid, Doli, Bukry, Ronald,
Leo, Erik, Jakson, Feri, Terhulin, Emil, Victor, reza dan semua teman
yang tidak dapat penulis sebutkan satu-persatu yang telah banyak memberi
dukungan dan semangat kepada penulis.
Penulis menyadari bahwa Tugas Akhir ini masih jauh dari sempurna.
Penulis sangat mengharapkan masukan yang membangun demi penyempurnaan
Tugas Akhir ini. Akhir kata, penulis berharap Tugas Akhir ini dapat bermanfaat
bagi siapapun yang membacanya. Terima kasih.
Medan, April 2015
iv DAFTAR ISI
ABSTRAK ... i
KATA PENGANTAR ... ii
DAFTAR ISI ... iv
DAFTAR GAMBAR ... vii
DAFTAR TABEL ... x
BAB I PENDAHULUAN ... 1
1.1 Latar Belakang ... 1
1.2 Rumusan Masalah ... 2
1.3 Batasan Masalah ... 2
1.4 Tujuan Penulisan ... 2
1.5 Metodologi Penelitian ... 3
1.6 Sistematika Penulisan ... 3
BAB II LANDASAN TEORI ... 6
2.1 Sistem Informasi ... 6
2.2 E-Learning ... 6
2.2.1 Defenisi e-Learning ... 6
2.2.2 Konsep e-Learning ... 7
2.3 Website ... 8
2.4 PHP ... 8
2.4.1 Pengenalan PHP ... 8
2.4.2 Sintaks PHP ... 9
2.5 HTML ... 10
2.6 CSS ... 10
2.7 MYSQL ... 10
2.8 Basis Data (Database) ... 11
v
2.8.2 Sistem Manajemen Database ... 11
2.9 Data flow diagram (DFD) ... 12
2.10 ERD (Entity Relationship Diagram) ... 14
2.11 Flowchart ... 16
2.12 Xampp ... 16
BAB III ANALISIS DAN PERANCANGAN SISTEM ... 17
3.1 Analisis ... 17
3.1.1 Analisis Masalah ... 17
3.2 Perancangan Sistem ... 17
3.2.1 Diagram Konteks ... 17
3.2.2 Data Flow Diagram dari Rancangan Sistem ... 19
3.2.3 Spesifikasi Proses DFD ... 25
3.3 Tabel Relasi ... 29
3.4 Perancangan Basis Data ... 30
3.4.1 Struktur Tabel Database ... 30
3.5 Perancangan Sistem Informasi ... 43
3.5.1 Perancangan AdminInterfaceInput (Pemasukan) Data ... 43
3.5.2 Perancangan Admin Interface Output (Keluaran) ... 47
3.6 Flowchart ... 51
BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM ... 67
4.1 Pengertian Implementasi Sistem ... 67
4.1.1 Perangkat Keras (Hardware) ... 67
4.1.2 Perangkat Lunak (Software) ... 67
4.1.3 Unsur Manusia (Brainware) ... 68
4.2 Database Program ... 68
4.3 Implementasi Antar Muka (User Interface) ... 69
4.3.1 Tampilan Halaman Admin... 69
vi
4.3.2.1 Halaman Author ... 75
4.3.2.2 Halaman Anggota... 79
BAB V KESIMPULAN DAN SARAN ... 81
5.1 Kesimpulan ... 81
5.2 Saran ... 81
vii
DAFTAR GAMBAR
Gambar 2.1 Komponen Sistem Informasi ... 6
Gambar 2.2 Simbol Kesatuan Luar/Entitas Luar ... 12
Gambar 2.3 Simbol Arus Data ... 13
Gambar 2.4 Simbol Proses ... 13
Gambar 2.5 Simbol Simpanan Data ... 13
Gambar 3.1 Diagram Konteks... 18
Gambar 3.2 DFD level 1 ... 20
Gambar 3.3 DFD Olah Data Admin ... 21
Gambar 3.4 DFD Level 2 Olah Data Author ... 22
Gambar 3.5 DFD Level 2 Olah Data Kategori ... 22
Gambar 3.6 DFD Level 2 Olah Data Berita ... 23
Gambar 3.7 DFD Level 2 Olah Data Materi ... 24
Gambar 3.8 DFD Level 2 Olah Data Soal ... 25
Gambar 3.9 Skema Relasi Sistem ... 30
Gambar 3.10 Perancangan Login Admin ... 43
Gambar 3.11 Perancangan Input Data Admin ... 43
Gambar 3.12 Perancangan Input Data Kategori ... 44
Gambar 3.13 Perancangan Input Data Berita ... 44
Gambar 3.14 Perancangan Input Data Author ... 45
Gambar 3.15 Perancangan Input Data Tutorial... 45
Gambar 3.16 Perancangan Input Data Materi ... 46
Gambar 3.17 Perancangan Input Data Soal Quiz... 46
Gambar 3.18 Pengolahan Data Admin ... 47
Gambar 3.19 Pengolahan Data Kategori ... 47
Gambar 3.20 Pengolahan Data Berita ... 48
viii
Gambar 3.22 Pengolahan Data Tutorial ... 49
Gambar 3.24 Pengolahan Tampilan Data Materi ... 50
Gambar 3.25 Tampilan Halaman Utama ... 50
Gambar 3.26 Flowchart Login Admin ... 51
Gambar 3.27 Flowchart Menu Admin ... 51
Gambar3.28 Flowchart Olah Data Kategori Materi ... 52
Gambar 3.29 Flowchart Olah Data Author ... 53
Gambar3.30 Flowchart Olah Data Berita ... 54
Gambar 3.31 Flowchart Olah Data Admin ... 55
Gambar 3.32 Flowchart Data Anggota ... 56
Gambar 3.33 Flowchart Data Materi ... 57
Gambar 3.34 Flowchart Menu Halaman Utama ... 58
Gambar 3.35 Flowchart Login Author ... 59
Gambar 3.36 Flowchart Menu Author ... 59
Gambar 3.37 Flowchart Input Materi Pembelajaran ... 60
Gambar 3.38 Flowchart Input Soal Pembelajaran ... 60
Gambar 3.39 Flowchart Ubah Foto Author ... 61
Gambar 3.40 Flowchart Ubah ProfileAuthor ... 62
Gambar 3.41 Flowchart Ubah Password Author ... 63
Gambar3.42 Flowchart ubah Login Anggota ... 64
Gambar 3.43 Flowchart Menu Anggota ... 64
Gambar3.44 Flowchart Ubah Foto Anggota ... 65
Gambar3.45 Flowchart Ubah Profile Anggota ... 66
Gambar 4.1 Database Program e-Learning ... 68
Gambar 4.2 Tampilan Halaman LoginAdmin ... 70
Gambar 4.3 Tampilan Home pada Admin ... 70
Gambar 4.4 Tampilan Menu Data pada Halaman Admin ... 71
ix
Gambar 4.6 Tampilan Halaman Data Kategori... 72
Gambar 4.7 Tampilan Halaman Berita setelah diinput ... 72
Gambar 4.8 Tampilan Input Data Author ... 73
Gambar 4.9 Tampilan Halaman Data Inputan Tutorial ... 73
Gambar 4.10 Tampilan Halaman Data Inputan Materi ... 74
Gambar 4.11 Tampilan Halaman Utama e-Learning ... 75
Gambar 4.12 Tampilan Halaman Utama Author ... 76
Gambar 4.13 Tampilan Halaman Input Materi pada Author ... 76
Gambar 4.14 Tampilan Urutan Isi Materi pada Author ... 77
Gambar 4.15 Tampilan Halaman Input Soal Quiz ... 77
Gambar 4.16 Tampilan Isi Soal Quiz pada Halaman Author... 78
Gambar 4.17 Tampilan Input Forum pada Halaman Author ... 78
Gambar 4.18 Tampilan Halaman Register Anggota ... 79
Gambar 4.19 Tampilan Halaman Proses Quiz ... 80
x
DAFTAR TABEL
Tabel 3.1 Spesifikasi Proses ... 25
Tabel 3.2 Struktur Tabel Admin ... 30
Tabel 3.3 Struktur Tabel Berita ... 31
Tabel 3.4 Struktur Tabel Kategori ... 33
Tabel 3.5 Struktur Tabel Forum ... 34
Tabel 3.6 Struktur Tabel Author ... 35
Tabel 3.7 Struktur Tabel Materi ... 36
Tabel 3.8 Struktur Tabel Anggota ... 38
Tabel 3.9 Struktur Tabel Soal ... 39
i ABSTRAK
Dengan semakin berkembangnya teknologi informasi dari tahun ke tahun, memunculkan banyaknya cara untuk memanfaatkan kemajuan teknologi informasi. Pemanfaatan teknologi informasi tersebut dapat diimplementasikan untuk meningkatkan efektivitas dari proses suatu pembelajaran. Salah satunya
adalah dengan metode e-Learning atau yang biasa dikenal dengan pembelajaran
yang menggunakan media elektronik.
Pada umumnya pembelajaran secara konvensional dilakukan melalui
media cetak atau non elektronik. Namun dengan adanya e-Learning, kita dapat
belajar dengan menggunakan media elektronik secara online membantu peningkatan efektifitas terutama dalam mempelajari sebuah bahasa pemrograman
pembelajaran bahasa pemrograman PHP. Dengan adanya bantuan website
e-Learning ini diharapkan dapat membantu siapapun untuk mempelajari bahasa pemrograman PHP baik itu untuk pemula maupun bagi yang ingin memperdalam
pengetahuannya. e-Learning ini berisi materi pembelajaran bahasa pemrograman
PHP untuk pemula, soal-soal latihan bahasa pemrograman, forum diskusi, chatting antara author dengan anggota ataupun anggota dengan anggota yang ada di e-Learning, berita, dan tutorial hingga kebutuhan informasi yang menunjang
proses belajar mengajar bahasa pemrograman yang ada di website ini dapat
terpenuhi.
1 BAB I
PENDAHULUAN
1.1 Latar Belakang
Dengan semakin berkembangnya teknologi informasi dari tahun ke tahun,
memunculkan banyaknya cara untuk memanfaatkan kemajuan teknologi informasi
sebagai konsep model pembelajaran yang berguna untuk meningkatkan efektivitas
pembelajaran.ang salah satunya adalah model pembelajaran secara online dan
digital yaitu e-Learning.
E-Learning menjadi salah satu cara belajar secara online yang saat ini
banyak digunakan, dimana e-Learning ini dapat memudahkan seseorang untuk
berbagi informasi dalam proses belajar mengajar melalui media elektronik dan
mempermudah interaksi sesama pengguna maupun dengan author atau pengajar
dengan adanya menu chatting dan forum diskusi.
E-Learning ini menggunakan bahasa pemrograman PHP dan diaplikasikan
untuk pembelajaran bahasa pemrograman PHP. Bahasa pemrograman PHP dapat
membuat web menjadi dinamis dan PHP juga bersifat open source sehingga dapat
digunakan oleh siapa saja secara gratis. Dengan ini penulis ingin merancang
sebuah sistem informasi e-Learning berbasis web yang dapat digunakan secara
gratis yang kemudian berguna untuk pembelajaran bahasa pemrograman PHP
dengan beberapa fitur yang dapat menunjang proses pembelajaran yaitu adanya
materi-materi tentang pembelajaran bahasa pemrograman PHP untuk pemula,
soal-soal quiz, forum diskusi, chatting dan tutorial. Sebelum mengaplikasikan
proses perancangan e-Learning bahasa pemrograman PHP terlebih dahulu dengan
membuat data flow diagram dimana di dalam data flow diagram ini terdapat
proses-proses kerja di dalam website seperti struktur tabel, tabel relasi, dan
perancangan user interface dari desain websitee-Learning yang akan dibangun.
Diharapkan dari perancangan e-Learning ini dapat diimplementasikan
kepada masyarakat untuk mempermudah mempelajari bahasa pemrograman PHP
bagi yang ingin mempelajari bahasa pemrograman PHP.
1.2 Rumusan Masalah
Sesuai latar belakang diatas, maka diambil rumusan masalah pada Tugas
Akhir ini, adalah bagaimana bentuk rancangan dan implementasi e-Learning
berbasis website untuk pembelajaran bahasa program PHP yang dapat berguna
dengan adanya beberapa fasilitas yang tersedia, dimana perancangan e-Learning
ini juga mempunyai keterbatasan tertentu seperti tampilan yang sederhana.
1.3 Batasan Masalah
Batasan masalah pada tugas akhir ini antara lain:
1. E-Learning ini hanya diaplikasikan untuk pembelajaran bahasa
pemrograman PHP.
2. Proses perancangan e-Learning ini menggunakan bahasa pemrograman
PHP.
3. E-Learning ini dilakukan di localhost.
1.4 Tujuan Penulisan
Tujuan penulisan Tugas Akhir ini adalah merancang pembuatan sistem
mengimplementasikan dari hasil perancangan tersebut untuk pembelajaran bahasa
program PHP dengan memanfaatkan media elektronik untuk meningkatkan proses
pembelajaran.
1.5 Metodologi Penelitian
Penelitian dilakukan dalam beberapa tahapan, yakni :
1. Studi Teori Literatur,
Mencari, membaca, dan mengumpulkan data dari media cetak maupun
media elektronik sebagai sumber dari teori literatur.
2. Konsultasi dengan dosen pembimbing,
Mengkonsultasikan studi literatur dengan dosen pembimbing dan tanya
jawab dengan rekan-rekan mahasiswa lainnya yang memiliki pengetahuan
seputar studi ini.
3. Pembuatan program,
Program dibuat berdasarkan judul penelitian. Sistem informasi ini dimulai
dengan mendesain tampilan web, membuat database, lalu menghubungkan
antara PHP dan MySQL.
4. Pengujian program,
Pengujian program dilakukan agar dapat melihat berhasil atau tidak
program yang dibuat. Apabila program yang dibuat tidak berhasil maka
dapat dilakukan perbaikan kembali.
1.6 Sistematika Penulisan
BAB I : PENDAHULUAN
Bab ini merupakan pendahuluan yang berisi tentang
pembahasan latar belakang, rumusan masalah, batasan
masalah, tujuan penulisan, metode penulisan dan
sistematika penulisan.
BAB II : LANDASAN TEORI
Bab ini berisi tentang teori-teori yang berkaitan dengan
perancangan dan implementasi e-Learning berbasis web.
BAB III : ANALISIS DAN PERANCANGAN SISTEM
Bab ini berisi tentang analisis dan bentuk perancangan
e-Learning yang akan dibangun dan tampilan flowchart yang
akan diimplementasikan ke dalam sistem.
BAB IV : IMPLEMENTASI SISTEM
Bab ini berisi tentang implementasi dari perancangan
e-Learning berbasis web.
BAB V : KESIMPULAN DAN SARAN
Bab ini berisi tentang kesimpulan dan saran dari sistem
6 BAB II
LANDASAN TEORI
2.1 Sistem Informasi
Bagian-bagian yang memiliki keterkaitan pengoperasian dalam mencapai
suatu maksud tertentu adalah bagian dari suatu sistem, yang mana sistem
informasi dapat dibuat oleh manusia dan terdiri dari komponen-komponen dalam
suatu kumpulan guna mencapai satu tujuan tertentu yakni penyajian informasi.
Pada gambar 2.1 menunjukkan ilustrasi 5 komponen yang terdapat dalam
sistem informasi. Kelima komponen tersebut dapat diklasifikasikan sebagai
berikut [1] :
a. Hardware dan Software yang berfungsi sebagai mesin.
b. People dan Procedures yang merupakan manusia dan tatacara
menggunakan mesin. Data merupakan jembatan penghubung antara
manusia dan mesin agar terjadi suatu proses pengolahan data.
Hardware Software Procedures People
(Perangkat keras) (Perangkat Lunak) (Prosedur) (Manusia)
Gambar 2.1 Komponen Sistem Informasi
2.2 E-Learning
2.2.1 Defenisi e-Learning
Istilah e-Learning mengandung banyak arti, dimana e-Learning pada
umumnya merupakan suatu proses pembelajaran yang dilakukan secara online
dengan menggunakan media elektronik yang dapat dilakukan dimana saja tanpa
harus tatap muka dengan si pengajar.
Yang lebih tepatnya istilah e-Learning ini ditujukan sebagai usaha untuk
membuat sebuah transformasi proses belajar mengajar yang ada disekolah ke
dalam bentuk digital yang dijembatani oleh teknologi Internet [2].
Banyak pakar-pakar yang menguraikan tentang defenisi e-Learning dari
berbagai sudut pandang, salah satu defenisi yang cukup dapat diterima oleh
banyak pihak adalah dari Darin E. Hartley yang menyatakan bahwa : “e-Learning
merupakan suatu jenis belajar mengajar yang memungkinkan tersampaikannya
bahan ajar ke siswa dengan menggunakan media internet, intranet atau media
jaringan computer lain” [3].
2.2.2 Konsep e-Learning
Pada dasarnya, konsep e-Learning menjadi salah satu metode pembelajaran
yang sekarang ini sedang dikembangkan dengan memanfaatkan komputer sebagai
media pembelajaran, selain itu memberikan sebuah inovasi yang mempunyai
kontribusi sangat besar terhadap perubahan proses belajar mengajar, yang
kemudian proses belajar tidak lagi hanya mendengarkan uraian materi dari guru
atau dosen tetapi materi bahan ajar dapat divisualisasikan dalam berbagai format
dan bentuk yang lebih dinamis dan interaktif [2].
E-Learning merupakan suatu bentuk pembelajaran jarak jauh yang
menggunakan media elektronik (LAN, WAN atau Internet) untuk menyampaikan
2.3 Website
Website adalah keseluruhan halaman-halaman web yang terdapat dalam
sebuah domain yang mengandung informasi. Sebuah website biasanya dibangun
atas banyak halaman web yang saling berhubungan. Hubungan antara satu
halaman web dengan halaman web lainnya disebut dengan hiperlink, sedangkan
teks yang dijadikan media penghubung disebut hypertext [4].
Untuk membangun sebuah halaman web dibutuhkan sebuah bahasa
pemrograman atau biasa disebut dengan web scripting. Kemudian script atau
perintah kode program tersebut akan diinterperter. Berdasarkan letak proses
interpreter maka web scripting dibagi menjadi dua kategori, yaitu yang bersifat
client side dan server side. Website yang akan dibangun dalam penulisan ini
bersifat sever side yang akan menggunakan bahasa pemrograman PHP.
2.4 PHP
2.4.1 Pengenalan PHP
PHP pertama kali diciptakan oleh Rasmus Lerdorf pada tahun 1994. PHP
berawal dari singkatan dari Personal Home Page tools yang merupakan alat bantu
untuk memonitori jumlah pengunjung suatu web. Tetapi kemudian istilah PHP
lebih mengacu Hypertext Preprocessor. Perkembangan PHP semakin cepat yang
kemudian digunakan untuk membangun aplikasi web, mendukung adanya
database (seperti MySQL/Oracle) dan memproses berbagai form untuk dapat
menjalankan PHP.
PHP merupakan perangkat lunak yang bersifat open source yang dapat
pemrograman web yang didesain khusus untuk membuat halaman web. [5] PHP
dirancang untuk diintegrasikan dengan web server seperti PWS (Personal Web
Server), IIS ( Internet Information Server) dan Xitami [6].
Ada beberapa kelebihan PHP, diantaranya adalah:
1. Mampu berkomunikasi dengan berbagai database yang terkenal.
2. Mengurangi waktu untuk membuat situs web besar.
3. Dapat membuat halaman web tergantung pengguna berdasarkan pada
informasi yang diperoleh dari mereka.
4. Terdapat ratusan alat bantu dan contoh online yang dapat digunakan
langsung ke dalam aplikasi.
5. Memungkinkan pembuatan shopping cart untuk web site e-commerce.
6. PHP dapat bekerja pada banyak platform termasuk Linux, Windows dan
Mac.
2.4.2 Sintaks PHP
Sintaks PHP biasanya dituliskan dalam apitan tanda khusus PHP. Ada
empat macam pasangan tag PHP yang dapat digunakan untuk menandai blok skrip
PHP, diantaranya adalah:
1. <?php … ?>
2. <script language = “PHP”> … </script>
3. <? … ?>
2.5 HTML
Bahasa pemrograman yang berbentuk skrip-skrip yang berguna untuk
membuat sebuah halaman web disebut dengan HTML. HTML dapat dibaca oleh
berbagai platform seperti : Windows, Linux, Macintosh. Kata ”Markup language”
pada HTML menunjukkan fasilitas yang berupa tanda tertentu dalam skrip HTML
dimana kita bisa mengatur judul, garis, tabel, gambar, dan lain-lain dengan
perintah yang telah ditentukan pada elemen HTML [7].
2.6 CSS
CSS adalah singkatan dari Cascading Style-Sheet, yaitu sebuah
pengembangan atas kode HTML yang sudah ada sebelumnya. Dengan CSS, bisa
menentukan sebuah struktur dasar halaman web secara lebih mudah dan cepat,
serta irit size [7].
2.7 MYSQL
Salah satu konsep utama pada basis data sejak lama, adalah SQL (Structured
Query Language) dan turunannya adalah MySQL. SQL adalah sebuah konsep
pengoperasian basis data terutama dapat dikerjakan dengan mudah dan unique.
MySQL bekerja pada berbagai sistem operasi dan banyak bahasa dimana
MySQL bekerja dengan cepat dan baik dengan adanya data yang besar. Dalam hal
ini, PHP menyediakan banyak fungsi untuk mendukung database MySQL [5].
Untuk mengelola database MYSQL dapat menggunakan PHPMyAdmin
yang dibuat menggunakan PHP. Yang berfungsi untuk menambah, menghapus
aplikasi PHPMyAdmin, harus menjalankan server web Apache dan server
database MYSQL [8].
2.8 Basis Data (Database)
2.8.1 Pengertian Database
Database merupakan sekumpulan dari fakta nyata dari suatu data yang
berhubungan dan mempunyai suatu arti tertentu, yang dapat juga dikatakan
sebagai suatu koleksi data yang terorganisasi sedemikian sehingga dapat
memudahkan untuk proses pencarian serta pengorganisasiannya [9].
2.8.2 Sistem Manajemen Database
Ada beberapa istilah atau definisi yang digunakan dalam sistem manajemen
Database, antara lain :
a. Entitas
Bagian yang termasuk entitas dalam hal ini adalah Orang, tempat, kejadian
(konsep) yang informasinya direkam.
b. Atribut
Setiap entitas mempunyai atribut atau sebutan untuk mewakili suatu entitas.
c. Nilai / isi data
Data aktual informasi yang disimpan pada tiap data.
d. Record / Tuple
Kumpulan elemen-elemen yang saling berkaitan menginformasikan tentang
sesuatu atau seseorang.
e. File
namun berbeda isi datanya.
f. Database
Kumpulan file-file yang mempunyai kaitan antara file-file dengan file lainnya
sehingga membentuk satu bangunan data untuk menginformasikan satu
perusahaan atau instansi dalam batasan tertentu.
g. DatabaseManagementSystem (DBMS)
Sistem manajemen database atau database management system (DBMS)
adalah merupakan suatu sistem software yang memungkinkan seorang user
dapat mendefinisikan, membuat, dan memelihara serta menyediakan akses
terkontrol terhadap data.
2.9 Data flow diagram (DFD)
Data flow diagram atau diagram aliran data merupakan model dari sistem
untuk menggambarkan pembagian sistem ke modul yang lebih kecil. Salah satu
keuntungan menggunakan digram aliran data adalah memudahkan bagi si pemakai
atau user yang kurang menguasai bidang komputer untuk mengerti sistem yang
dikerjakan [1].
DFD digambarkan dalam bentuk simbol - simbol diantaranya simbol yang
digunakan sebagai elemen dasar dari data flow diagram seperti dibawah ini :
1. Tepi Model atau Kesatuan Luar (External Entity),
Segi empat digunakan untuk simbol keadaan eksternal untuk menunjukkan
tempat asal data (sumber) atau tempat tujuan data seperti pada gambar 2.2.
2. Arus Data (Data Flow)
Simbol arus data ditunjukkan pada gambar 2.3 dengan arah panah dan
garis yang diberi nama atas arus data yang mengalir dan nama alur data
ditulis pada garis atau disampingnya.
Gambar 2.3 Simbol Arus Data
3. Proses
Gambar 2.4 menunjukkan tugas atau proses yang manual ataupun yang
unique. Gambar ini tidak hanya menunjukkan alur data input kedalam
lingkaran tetapi juga menunjukkan transformasi data input ke dalam
output. Data tersebut kemudian mengalir keluar lingkaran.
Gambar 2.4 Simbol Proses
4. Simpanan Data (Data Store)
Simpanan data adalah tempat penyimpanan data pengikat yang ada
didalam sistem. Segi empat terbuka menunjukkan gudang informasi atau
objek. Simbol simpanan data tersebut dapat dilihat pada gambar 2.5.
2.10 ERD (Entity Relationship Diagram)
Hubungan antar entity, dimana untuk menghubungkan entity tersebut
digunakan keyfield (primary key atribut) dari masing-masing entity. Untuk
mendapatkan suatu informasi, maka data tersebut terlebih dahulu harus
mengalami proses pengolahan Model ERD berisi komponen-komponen entitas
dan hipunan relasi yang dilengkapi dengan atribut yang mempresentasikan seluruh
fakta dunia nyata yang ditinjau, dapat digambarkan secara sistematis [4].
ERD digunakan untuk menggambarkan secara sistematis hubungan antar
entity yang ada dalam suatu sistem database menggunakan simbol-simbol
sehingga lebih mudah dipahami. Simbol-simbol yang di maksud adalah :
1. Entity
Entity merupakan objek yang mewakili sesuatu yang nyata dan dapat
dibedakan dari sesuatu yang lain.
2. Atribut
Setiap entitas pasti mempunyai elemen yang disebut atributyang berfungsi
untuk mendeskripsikan karakteristik dari entitas tersebut. Isi dari atribut
mempunyai sesuatu yang dapat mengidentifikasikan isi elemen satu
dengan yang lain.
3. Hubungan / Relasi
Hubungan antara sejumlah entitas yang berasal dari himpunan entitas yang
berbeda.hubungan atau relasi di wakili oleh simbolbelah ketupat.
4. Derajat Relasi
Dalam hubungan antar entity, juga harus ditentukan derajat relasi antar
yang memiliki relasi dengan record pada entity yang lainnya. Derajat
relasi terbagi menjadi empat derajat, yaitu :
a. Relasi one to one
Artinya satu record pada entity A ber-relasi paling banyak satu
record juga pada entity B, begitu juga sebaliknya. Dalam ERD,
relasi ini disimbolkan dengan angka.
b. Relasi one to many
Artinya satu record pada entity A ber-relasi dengan beberapa
record pada entity B, tapi tidak sebaliknya, setiap record pada
entity B ber-relasi paling banyak satu record dengan entity A.
Dalam ERD, relasi ini disimbolkan dengan angka 1 untuk
menyatakan satu dan huruf Matau Nuntuk menyatakan banyak.
c. Relasi many to many
Artinya beberapa record pada entity A dapat ber-relasi dengan
beberapa record juga pada entity B, begitu juga sebaliknya. Dalam
ERD, relasi ini disimbolkan dengan huruf M atau N untuk
menyatakan banyak.
d. Relasi many to one
Jenis relasi ini adalah kebalikan dari relasi satu ke banyak, dimana
setiap record pada entity A hanya dapat ber-relasi paling banyak 1
record pada entity B, tapi tidak sebaliknya, satu record pada entity
B dapat ber-relasi dengan beberapa record pada entity A. Dalam
ERD, relasi ini disimbolkan dengan angka 1 untuk menyatakan
2.11 Flowchart
Flowchart adalah suatu diagram alur yang menggambarkan logika atau
urut-urutan intruksi program dari suatu permasalahan. Pada diagram alur, dapat dilihat
secara jelas arus pengendalian algoritma, yakni bagaimana rangakaian
pelaksanaan kegiatan program tersebut. Suatu diagram alur akan memberikan
gambaran dua dimensi berupa simbol-simbol yang masing-masing symbol
tersebut telah ditetapkan lebih dahulu fungsi dan artinya [10].
2.12 Xampp
XAMPP adalah sebuah softwareweb server apache yang didalamnya sudah
tersedia database server MySQL dan dapat mendukung pemrograman PHP.
XAMPP merupakan software yang mudah digunakan, gratis dan mendukung
instalasi di Linux dan Windows. Keuntungan lainnya adalah cuma menginstal satu
kali sudah tersedia Apache Web Server, MySQL Database Server, PHP Support
(PHP 4 dan PHP 5) dan beberapa modullainnya [11].
Dengan menginstall XAMPP maka tidak perlu lagi melakukan instalasi dan
konfigurasi webserverApache, PHP dan MySQL secara manual. Saat ini Xampp
banyak digunakan digunakan sebagai web server karena memiliki banyak
kelebihan seperti :
1. Apache termasuk dalam kategori free software (perangkat lunak gratis).
2. Instalasi dan setting yang tergolong sangat mudah.
17 BAB III
ANALISIS DAN PERANCANGAN SISTEM
3.1 Analisis
Dalam merancang sebuah sistem, analisis adalah hal yang harus dilakukan.
Dengan melakukan analisis yang baik terhadap sistem yang akan dikerjakan, akan
memudahkan kita dalam melakukan perancangan sistem, dan apabila dikemudian
hari sistem kita ingin dilengkapi maka akan mudah dalam menyelesaikannya.
3.1.1 Analisis Masalah
Masalah yang dihadapi dalam membangun program ini terjadi pada :
a. Bagaimana membangun e-Learning untuk pembelajaran bahasa
pemrograman PHPagar berguna untuk proses pembelajaran.
b. Bagaimana membangun koneksi antara author dengan anggota ataupun
dengan sesama anggota dari e-Learning pembelajaran bahasa
pemrograman PHP yang akan dibangun dengan adanya forum untuk
diskusi dan chatting.
c. Bagaimana membangun e-Learning yang dapat berguna untuk orang yang
akan belajar bahasa pemrograman PHP untuk pemula.
3.2 Perancangan Sistem
3.2.1 Diagram Konteks
Diagram konteks adalah diagram yang terdiri dari suatu proses dan
level tertinggi dari DFD yang menggambarkan seluruh input ke sistem atau output
dari sistem. Dalam diagram konteks hanya ada satu proses, tidak boleh ada store
dalam diagram konteks [1]. Diagram konteks dari sistem yang akan dibangun
dapat dilihat pada gambar 3.1.
Website E-Learning Pembelajaran Bahasa Pemrograman PHP Admin anggota author Data login Data kategori Data author Data berita Data Tutorial Info login Info anggota Info forum Info jawaban quiz
Info chat Info materi Info soal quiz
Info berita Info author Info nilai Data login Data anggota Data forum Data jawaban quiz
Data chat
Info login Info materi Info jawaban quiz
Info forum Info chat Info soal quiz
Data login Data materi data soal quiz
[image:30.595.114.515.195.477.2]Data forum Data chat Info login Info kategori Info author Info berita Info tutorial Info materi Info anggota Info soal quiz Info admin
Gambar 3.1 Diagram Konteks
Dari gambar 3.1 terlihat ada 3 external entity yang berhubungan dengan
sistem informasi yang akan dibangun, yaitu admin, author dan anggota.
1) Admin
Admin berfungsi memberikan info data login, data kategori, data author, data
berita, dan data tutorial. Kemudian menerima keluaran seperti info login, info
kategori, info author, info berita, info tutorial, info materi, info anggota, info
2) Author
Author berfungsi memberikan info data login, data materi, data soal quiz, data
forum, dan data chat. Kemudian menerima keluaran info login,info materi,
info jawaban quiz, info forum, info chat, dan info soal quiz.
3) Anggota
Anggota memberikan info data login, anggota, data forum, data jawaban quiz,
dan data chat. Kemudian menerima keluaran info login, info anggota, info
forum, , info jawaban quiz, info chat, info materi, info soal quiz, info berita,
info author, dan info nilai.
3.2.2 Data Flow Diagram dari Rancangan Sistem
Data flow diagram (DFD) sering digunakan untuk menggambarkan suatu
sistem yang telah ada atau sistem yang baru yang akan dikembangkan secara
logika dan menjelaskan arus data dari mulai pemasukan sampai dengan keluaran
data tingkatan diagram arus data mulai dari diagram konteks yang menjelaskan
secara umum suatu sistem atau batasan sistem dari level 1 dikembangkan menjadi
level 2 sampai sistem tergambarkan secara rinci. Di bawah ini akan ditampilkan
DFD level 1 dan DFD level 2 dalam proses perancangan yang akan dibangun.
1. DFD Level 1
DFD Level 1 merupakan pengembangan dari Konteks Diagram paga gambar
admin 1.0 Login 2.0 Mengolah data admin 3.0 Mengolah data author 4.0 Mengolah data kategori admin
Data login Data login
Info login Info login Data admin Data admin Info admin Info admin Data_author Data
author Data author
Info author Info author kategori Data kategori Data kategori Info kategori Info kategori 5.0 Mengolah data berita berita Data berita Info berita Info berita Data berita 6.0 Mengolah data materi materi author Data materi Data materi Info materi Info materi 7.0 Mengolah Data soal soal Info soal Data soal Data soal Info soal Data login Data login Info login Info login 8.0 Mengikuti Forum forum Data forum Data forum Info forum Info forum
Info materi Info soal
Info forum anggota 9.0 Register Anggota anggota
Data anggota Data anggota
Info anggota Info anggota Info forum Data forum Info materi Info soal 10.0 Menjawab soal quiz Jawab_soal Data
Jawab soal Data jawab soal
Info jawab soal Info nilai Info jawab soal
Info nilai
Info anggota
Info jawab soal Info nilai Info login Data login 11.0 Chatting chat
Data chat Data chat
[image:32.595.123.539.84.715.2]Info chat Info chat Data chat Data chat Info chat Data chat
2. DFD Level 2
Untuk lebih memperjelas alur dari sistem yang akan dibangun, dibawah ini
digambarkan diagram yang lebih terinci dan menggambarkan yang akan
digunakan sistem.
a. Olah Data admin
Bentuk diagram level 2 dari proses olah data admin yang dapat dilihat
pada gambar 3.3. Penjelasan gambar di bawah ini dapat dilihat pada tabel 3.1
di nomor proses 2.1, nomor proses 2.2, dan nomor proses 2.3.
admin
2.1 Tambah
admin
2.2 Ubah admin
2.3 hapus admin Data admin yang akan ditambah
Info data admin yang sudah ditambah
Info data admin yang sudah diedit
Data admin yang akan diedit
Data admin yang akan dihapus
Info data admin yang sudah dihapus
admin Data admin yang akan ditambah
Info data admin yang sudah ditambah
Data admin yang akan diedit
Info data admin yang sudah diedit
Info data admin yang sudah dihapus
Data admin yang akan dihapus
Gambar 3.3 DFD Olah Data Admin
Pada gambar 3.3 menunjukkan dimana entitas admin melakukan tugas
untuk mengelola data admin. Proses pengelolaan data admin sendiri ada 3,
yaitu menambah data admin baru, mengubah data admin yang sudah ada, dan
menghapus data admin yang sudah ada. Data admin tersebut sendiri akan
tersimpan di data storeadmin.
b. Olah Data Author
Bentuk diagram level 2 dari proses olah data author yang dapat dilihat
pada gambar 3.4. Penjelasan gambar dapat dilihat pada tabel 3.1 di nomor
admin 3.1 Tambah author 3.2 Ubah author 3.3 hapus author Data author yang akan ditambah
Info author yang sudah ditambah
Info author yang sudah diedit
Data author yang akan diedit
Data author yang akan dihapus
Info author yang sudah dihapus
Data_author Data author yang akan ditambah
Info author yang sudah ditambah
Data author yang akan diedit
Info author yang sudah diedit
Info author yang sudah dihapus
Data author yang akan dihapu
Gambar 3.4 DFD Level 2 Olah Data Author
Pada gambar 3.4 menunjukkan dimana entitas admin melakukan tugas
untuk mengelola data author. Proses pengelolaan data author ada 3, yaitu
menambah data author baru, mengubah data author yang sudah ada, dan
menghapus data author yang sudah ada. Data author tersebut sendiri akan
tersimpan di data storeauthor.
c. Olah Data Kategori
Bentuk dari diagram level 2 proses olah data kategori dapat dilihat pada
gambar di bawah ini. Penjelasan gambar 3.5 dapat dilihat pada tabel 3.1 di
nomor proses 4.1, nomor proses 4.2, dan nomor proses 4.3.
admin 4.1 Tambah kategori 4.2 Ubah kategori 4.3 hapus kategori Data kategori yang akan ditambah
Info kategori yang sudah ditambah
Info kategori yang sudah diedit
Data kategori yang akan diedit
Data kategori yang akan dihapus
Info kategori yang sudah dihapus
kategori Data kategori yang akan ditambah
Info kategori yang sudah ditambah
Data kategori yang akan diedit
Info kategori yang sudah diedit
Info kategori yang sudah dihapus
Data kategori yang akan dihapus
Gambar 3.5 menunjukkan dimana entitas admin melakukan tugas untuk
mengelola data kategori. Proses pengelolaan data kategori ada 3, yaitu
menambah data kategori baru, mengubah data kategori yang sudah ada, dan
menghapus data kategori yang sudah ada. Data kategori tersebut sendiri akan
tersimpan di data store kategori.
d. Olah Data Berita
Bentuk dari diagram level 2 proses olah data berita dapat dilihat pada
gambar 3.6. Penjelasan gambar dapat dilihat pada tabel 3.1 di nomor
proses 5.1, nomor proses 5.2, dan nomor proses 5.3.
admin
5.1 Tambah
berita
5.2 Ubah berita
5.3 hapus berita Data berita yang akan ditambah
Info berita yang sudah ditambah
Info berita yang sudah diedit
Data berita yang akan diedit
Data berita yang akan dihapus
Info berita yang sudah dihapus
berita Data berita yang akan ditambah
Info berita yang sudah ditambah
Data berita yang akan diedit
Info berita yang sudah diedit
Info berita yang sudah dihapus Data berita yang akan dihapus
Gambar 3.6 DFD Level 2 Olah Data Berita
Gambar 3.6 menunjukkan dimana entitas admin melakukan tugas untuk
mengelola data berita. Proses pengelolaan data berita ada 3, yaitu menambah
data berita baru, mengubah data berita yang sudah ada, dan menghapus data
berita yang sudah ada. Data berita tersebut sendiri akan tersimpan di data
e. Olah Data materi
Bentuk dari diagram level 2 proses olah data materi dapat dilihat pada
gambar 3.7. Penjelasan gambar 3.7 dapat dilihat pada Tabel 3.1 di nomor
proses 6.1, nomor proses 6.2, dan nomor proses 6.3.
author
6.1 Tambah
materi
6.2 Ubah materi
6.3 hapus materi Data materi yang akan ditambah
Info materi yang sudah ditambah
Info materi yang sudah diedit
Data materi yang akan diedit
Data materi yang akan dihapus
Info materi yang sudah dihapus
materi Data materi yang akan ditambah
Info materi yang sudah ditambah
Data materi yang akan diedit
Info materi yang sudah diedit
Info materi yang sudah dihapus
Data materi yang akan dihapu
Gambar 3.7 DFD Level 2 Olah Data Materi
Gambar 3.7 menunjukkan dimana entitas author melakukan tugas untuk
mengelola data materi. Proses pengelolaan data materi ada 3, yaitu menambah
data materi baru, mengubah data materi yang sudah ada, dan menghapus data
materi yang sudah ada. Data materi tersebut sendiri akan tersimpan di data
store materi.
f. Olah Data soal
Bentuk dari diagram level 2 proses olah data materi dapat dilihat pada
gambar 3.8. Penjelasan gambar 3.8 dapat dilihat pada Tabel 3.1 di nomor
author
7.1 Tambah
soal
7.2 Ubah soal
7.3 hapus soal Data soal yang akan ditambah
Info soal yang sudah ditambah
Info soal yang sudah diedit
Data soal yang akan diedit
Data soal yang akan dihapus
Info soal yang sudah dihapus
soal Data soal yang akan ditambah
Info soal yang sudah ditambah
Data soal yang akan diedit
Info soal yang sudah diedit
Info soal yang sudah dihapus Data soal yang akan dihapus
Gambar 3.8 DFD Level 2 Olah Data Soal
Gambar 3.7 menunjukkan dimana entitas author melakukan tugas untuk
mengelola data soal. Proses pengelolaan data soal sendiri ada 3, yaitu
menambah data soal baru, mengubah data soal yang sudah ada, dan
menghapus data soal yang sudah ada. Data soal tersebut sendiri akan
tersimpan di data store soal.
3.2.3 Spesifikasi Proses DFD
Tujuan dari spesifikasi proses DFD Level 1 dan DFD Level 2 yang akan
diusulkan adalah mengidentifikasikan data-data yang akan diperlukan oleh sistem
informasi. Untuk memudahkan rancangan sistem yang dilakukan dengan
membuat rancangan spesifikasi proses yang terdiri dari proses dan keterangan dari
rancangan yang terdapat pada Tabel 3.1.
Tabel 3.1 Spesifikasi Proses
No. Proses Keterangan
1. No. Proses 1.0
Nama Proses Login
Source admin, author, dan anggota
Input data loginadmin, author, dan anggota
Destination admin, author, dan anggota
2. No. Proses 2.0
Nama Proses Pengelolaan Data admin
Source Admin
Input Data admin
Output Info admin
Destination Admin
3. No. Proses 2.1
Nama Proses tambah data admin
Source Admin
Input data admin yang akan ditambah
Output info admin yang sudah ditambah
Destination Admin
4. No. Proses 2.2
Nama Proses Edit Data admin
Source Admin
Input data admin yang akan diedit
Output info admin yang sudah diedit
Destination Admin
5. No. Proses 2.3
Nama Proses Hapus Data admin
Source Admin
Input data admin yang akan dihapus
Output info admin yang sudah dihapus
Destination Admin
6. No. Proses 3.0
Nama Proses Mengolah Data Author
Source Admin
Input Data Author
Output Info data Author
Destination Admin
7. No. Proses 3.1
Nama Proses tambah data Author
Source Admin
Input data Author yang akan ditambah
Output info Author yang sudah ditambah
Destination Admin
8. No. Proses 3.2
Nama Proses Edit Data Author
Source Admin
Input data Pangkat yang akan diedit
Output info Author yang sudah diedit
Destination Admin
9. No. Proses 3.3
Nama Proses hapus Data Author
Input data Author yang akan dihapus
Output info Author yang sudah dihapus
Destination Admin
10. No. Proses 4.0
Nama Proses Mengolah Data Kategori
Source Admin
Input Data Kategori
Output Info Kategori
Destination Admin
11. No. Proses 4.1
Nama Proses Tambah Data Kategori
Source Admin
Input data Kategori yang akan ditambah
Output info Kategori yang sudah ditambah
Destination Admin
12. No. Proses 4.2
Nama Proses Edit Data Kategori
Source Admin
Input data Kategori yang akan diedit
Output info Kategori yang sudah diedit
Destination Admin
13. No. Proses 4.3
Nama Proses Hapus Data Kategori
Source Admin
Input data Kategori yang akan dihapus
Output info Kategori yang sudah dihapus
Destination Admin
14. No. Proses 5.0
Nama Proses Mengoalah Data berita
Source Admin
Input Data berita
Output Info berita
Destination Admin,teman sejawat, pimpinan, dan materi
15. No. Proses 5.1
Nama Proses Tambah Data berita
Source Admin
Input data berita yang akan ditambah
Output info berita yang sudah ditambah
Destination Admin
16. No. Proses 5.2
Nama Proses Edit Data berita
Source Admin
Input data berita yang akan diedit
Output info berita yang sudah diedit
Destination Admin
Nama Proses Hapus Data berita
Source Admin
Input data berita yang akan dihapus
Output info berita yang sudah dihapus
Destination Admin
18. No. Proses 6.0
Nama Proses Mengoalah Data materi
Source Author
Input Data materi
Output Info materi
Destination Author dan anggota
19. No. Proses 6.1
Nama Proses Tambah Data materi
Source Admin
Input data materi yang akan ditambah
Output info materi yang sudah ditambah
Destination Admin
20. No. Proses 6.2
Nama Proses Edit Data materi
Source Admin
Input data materi yang akan diedit
Output info materi yang sudah diedit
Destination Admin
21. No. Proses 6.3
Nama Proses Hapus Data materi
Source Admin
Input data materi yang akan dihapus
Output info materi yang sudah dihapus
Destination Admin
22. No. Proses 7.0
Nama Proses Mengoalah Data soal
Source Author
Input Data soal
Output Info soal
Destination anggota, author, admin
19. No. Proses 7.1
Nama Proses Tambah Data soal
Source Author
Input data soal yang akan ditambah
Output info soal yang sudah ditambah
Destination Admin
20. No. Proses 7.2
Nama Proses Edit Data soal
Source Author
Input data soal yang akan diedit
Destination Author
21. No. Proses 7.3
Nama Proses Hapus Data soal
Source Author
Input data soal yang akan dihapus
Output info soal yang sudah dihapus
Destination Author
22. No. Proses 8.0
Nama Proses Mengikuti Forum
Source author dan anggota
Input data forum
Output info forum
Destination author dan anggota
23. No. Proses 9.0
Nama Proses Register anggota
Source Anggota
Input data anggota
Output info anggota
Destination Anggota
3.3 Tabel Relasi
Pada Gambar 3.9 menunjukkan skema relasi sistem yang telah dirancang.
Dimana proses relasi antar file merupakan gabungan antar file yang mempunyai
kunci utama yang sama, sehingga file-file tersebut menjadi satu kesatuan yang
dihubungkan oleh field kunci tersebut. Pada proses ini elemen-elemen data
Gambar 3.9 Skema Relasi Sistem
3.4 Perancangan Basis Data
3.4.1 Struktur Tabel Database
Tabel merupakan tempat penyimpanan informasi dari sebuah aliran data
dalam sebuah sistem. Berikut merupakan struktur dari beberapa tabel sistem yang
akan dibangun pada perancangan basis data, diantaranya adalah :
1. Tabel Admin
Tabel admin merupakan tabel yang berguna untuk menyimpan data admin.
Tabel admin tersebut adalah seperti terlihat pada Tabel 3.2.
Tabel 3.2 Struktur Tabel Admin
Field Type Size Keterangan
id_admin Int 2 Id Admin
username Varchar 15 Username
password Varchar 15 Password
Struktur tabel 3.2 terdiri dari 3 field yaitu id_admin, username, dan password.
a. Id_admin
Merupakan field yang bersifat primary key atau bersifat unique, bertipe data
integer dengan ukuran yaitu 2 karakter, dikarenakan 2 karakter sudah cukup untuk
menampung data dari field id_admin.
b. Username
Bertipe varchar dengan ukuran 15. Isi dari field username ini sendiri
sembarang, dengan maksimal 15 karakter sudah lebih dari cukup untuk
menampung data yang akan diinput nantinya.
c. Password
Memiliki tipe data varchar dengan ukuran maksimal 15 karakter. Untuk
sebuah password dengan maksimal 15 karakter sudah cukup aman untuk
membuat sebuah password yang keamanannya tinggi.
2. Tabel Berita
Tabel berita merupakan media untuk menyimpan data berita. Struktur tabel
berita dapat dilihat pada Gambar 3.3.
Tabel 3.3 Struktur Tabel Berita
Field Type Size Keterangan
id_berita Int 10 Id Berita
id_admin Int 10 Id Admin
judul_berita Varchar 60 Judul Berita
isi_berita Text Isi Berita
tgl_berita Datetime Tanggal Berita
Primary key : id_berita foreign key : id_admin
Struktur tabel 3.3 terdiri dari 5 field yaitu id_berita, id_admin, judul_berita,
a. Id_berita
Merupakan field yang bersifat primary key atau bersifat unique, bertipe data
integer dengan size yaitu 10, dengan ukuran 10 karakter sudah cukup untuk
menampung data dari field id_ berita.
b. Id_admin
Merupakan field yang bersifat foreign key. Tipe data dari field id_admin ini
sendiri adalah integer dengan size yaitu 10, dengan ukuran 10 karakter sudah
cukup untuk menampung data dari field id_ admin.
c. Judul_berita
Bertipe varchar dengan ukuran 60. Isi dari field judul_berita ini sendiri
sembarang, dengan maksimal 60 karakter sudah lebih dari cukup untuk
menampung data yang akan diinput nantinya.
d. Isi_berita
Bertipe data adalah text. Tipe data ini sendiri tidak mempunyai ukuran
karakter yang tidak dibatasi, jadi tipe data ini mempunyai karakter yang tidak
terhingga.
e. Tgl_berita
Memiliki tipe data datetime, tipe data ini sendiri sama dengan text, tidak
mempunyai ukuran karakter data yang dibatasi seperti varchar, namun tipe data
ini mempunyai format khusus yang dapat diinput yaitu YY-MM-DD.
3. Tabel Kategori
Tabel kategori merupakan media untuk merekam data kategori. Struktur tabel
Tabel 3.4 Struktur Tabel Kategori
Field Type Size Keterangan
id_kategori Int 10 Id Kategori
nama_kategori Varchar 30 Nama Kategori
deskripsi_kategori Text Deskripsi Kategori
Primary key : id_kategori
Struktur tabel 3.4 terdiri dari 3 field yaitu id_kategori, nama_kategori, dan
deskripsi kategori.
a. Id_kategori
Merupakan field yang bersifat primary key atau bersifat unique, bertipe data
integer dengan size yaitu 10, dengan ukuran 10 karakter sudah cukup untuk
menampung data dari field id_ kategori.
b. Nama_kategori
Bertipe varchar dengan ukuran 30. Isi dari field nama_kategori ini sendiri
sembarang, dengan maksimal 30 karakter sudah lebih dari cukup untuk
menampung data yang akan diinput nantinya.
c. Deskripsi_kategori
Tipe datanya adalah text, tidak mempunyai ukuran karakter yang tidak
dibatasi, jadi tipe data ini mempunyai karakter yang tidak terhingga.
4. Tabel Forum
Tabel forum merupakan media untuk merekam data penginputan forum.
Tabel 3.5 Struktur Tabel Forum
Field Type Size Keterangan
id_forum Int 10 Id Forum
judul_forum Varchar 60 Judul Forum
isi_forum Text Isi Forum
tgl_forum Datetime Tanggal Forum
id_anggota Int 10 Id Anggota
id_materi Int 10 Id Materi
Primary key : id_forum
foreign key : id_anggota dan id_materi
Struktur tabel 3.5 terdiri dari 6 field yaitu id_forum, judul_forum, isi_forum,
tgl_forum, id_anggota, dan id_materi.
a. Id_forum
Merupakan field yang bersifat primary key atau bersifat unique. Tipe data dari
field id_forum ini sendiri adalah integer dengan size yaitu 10. Dengan ukuran 10
karakter sudah cukup untuk menampung data dari field id_ forum.
b. Judul_forum
Bertipe varchar dengan ukuran 40. Isi dari field judul_forum ini sendiri
sembarang. Dengan maksimal 60 karakter sudah lebih dari cukup untuk
menampung data yang akan diinput nantinya.
c. Isi_forum
Tipe datanya adalah text. Tipe data ini sendiri tidak mempunyai ukuran
karakter yang tidak dibatasi, Jadi tipe data ini mempunyai karakter yang tidak
terhingga.
d. Tgl_forum
Memiliki tipe data datetime, tipe data ini sendiri sama dengan text, tidak
mempunyai ukuran karakter data yang dibatasi seperti varchar, namun tipe data
e. Id_anggota
Merupakan field yang bersifat foreign key. Tipe data dari field forum ini
sendiri adalah integer dengan size yaitu 10, dengan ukuran 10 karakter sudah
cukup untuk menampung data dari field id_ anggota.
f. Id_materi
Merupakan merupakan field yang bersifat foreign key sama halnya dengan
id_anggota. Tipe data dari field forum ini sendiri adalah integer dengan size yaitu
10, Dengan ukuran 10 karakter sudah cukup untuk menampung data dari field
id_materi.
5. Tabel Author
Tabel author merupakan media untuk merekam data author. Struktur tabel
author dapat dilihat pada Tabel 3.6.
Tabel 3.6 Struktur Tabel Author
Field Type Size Keterangan
id_author Int 10 Id Author
username Varchar 15 UsernameAuthor
password Varchar 15 PasswordAuthor
id_kategori Int 10 Id Kategori
nama Varchar 40 Nama Author
Primary key : id_author foreign key : id_kategori
Struktur tabel 3.6 terdiri dari 5 field yaitu id_author, username, dan
password, id_kategori, dan nama.
a. Id_author
Merupakan field yang bersifat primary key atau bersifat unique. Tipe data dari
field author ini sendiri adalah integer dengan size yaitu 10, dengan ukuran 10
b. Username
Bertipe varchar dengan ukuran 15, dengan maksimal 15 karakter sudah lebih
dari cukup untuk menampung data yang akan diinput nantinya.
c. Password
Tipe data adalah varchar dengan ukuran maksimal 15 karakter. Untuk sebuah
password dengan maksimal 15 karakter sudah cukup aman untuk membuat
sebuah password yang keamanannya tinggi.
d. Id_kategori
Merupakan field yang bersifat foreign key. Bertipe data integer dengan size
yaitu 10, dengan ukuran 10 karakter sudah cukup untuk menampung data dari
field id_ kategori tersebut.
e. Nama
Bertipe data varchar dengan ukuran maksimal 40 karakter. Untuk sebuah
nama dengan maksimal 40 karakter sudah cukup aman untuk membuat sebuah
Memiliki tipe data varchar dengan ukuran maksimal 40 karakter.
6. Tabel materi
Tabel materi merupakan media untuk merekam data materi. Struktur tabel
materi dapat dilihat pada Tabel 3.7.
Tabel 3.7 Struktur Tabel Materi
Field Type Size Keterangan
id_materi Int 10 Id Materi
id_author Int 10 Id Author
judul_materi varchar 60 Judul Materi
isi_materi Text Isi Materi
file_materi varchar 100 File Materi
video_materi varchar 100 Video Materi
Struktur tabel 3.7 terdiri dari 6 field yaitu id_materi, id_author, judul_materi,
isi_materi, file_materi, dan video_materi.
a. Id_materi
Merupakan field yang bersifat primary key atau bersifat unique. Tipe data
dari field Id_materi ini adalah integer dengan size yaitu 10, dengan ukuran 10
karakter sudah cukup untuk menampung data dari field id_materi.
b. Id_author
Merupakan merupakan field yang bersifat foreign key. Tipe data dari field
id_author ini sendiri adalah integer dengan size yaitu 10, dengan ukuran 10
karakter sudah cukup untuk menampung data dari field id_author.
c. Judul_materi
Bertipe varchar dengan ukuran 60. Isi dari field judul_materi ini sendiri
sembarang, dengan maksimal 60 karakter sudah lebih dari cukup untuk
menampung data yang akan diinput nantinya.
d. Isi_materi
Tipe datanya adalah text. Tipe data ini sendiri tidak mempunyai ukuran
karakter yang tidak dibatasi, jadi tipe data ini mempunyai karakter yang tidak
terhingga.
e. File_materi
Bertipe varchar dengan ukuran 100. Ukuran field ini cukup besar dikarenakan
biasanya sebuah nama sebuah file biasanya cukup panjang, untuk menghindari
kesalahan dalam penginputan nantinya maka diberikan ukuran 100 karakter pada
f. Video_materi
Field ini sendiri sama dengan file_materi yang mempunyai ukuran karakter
yang panjang yaitu 100 karakter yang berfungsi menampung data dengan karakter
nama file yang biasanya panjang.
7. Tabel anggota
Tabel anggota merupakan media untuk menyimpan data anggota. Struktur
tabel anggota dapat dilihat pada Tabel 3.8.
Tabel 3.8 Struktur Tabel Anggota
Field Type Size Keterangan
id_anggota Int 10 Id Anggota
username Varchar 15 Username Anggota
password Varchar 15 Password Anggota
nama_anggota Varchar 40 Nama Anggota
Primary key : id_anggota
Struktur tabel 3.8 terdiri dari 4 field yaitu id_anggota, username, password
dan nama_anggota.
a. Id_anggota
Merupakan field yang bersifat primary key dan auto increament, yang artinya
isi dari field id_anggota bersifat unique. Tipe data dari field anggota ini sendiri
adalah integer dengan size yaitu 10, dengan ukuran 10 karakter sudah cukup untuk
menampung data dari field id_anggota.
b. Username
Bertipe varchar dengan ukuran 15. Isi dari field username ini sendiri berisi
nama akun dari anggota, dengan maksimal 15 karakter sudah lebih dari cukup
untuk menampung data yang akan diinput nantinya.
c. Password
Tipe data nya adalah varchar dengan ukuran maksimal 15 karakter. Untuk
sebuah password dengan maksimal 15 karakter sudah cukup aman untuk
membuat sebuah password yang keamanannya tinggi.
d. Nama_anggota
Bertipe varchar dengan ukuran 40. Isi dari field nama_anggota ini sendiri
sembarang, dengan maksimal 40 karakter sudah lebih dari cukup untuk
menampung data yang akan diinput nantinya.
8. Tabel soal
Tabel soal merupakan media untuk merekam data soal. Struktur tabel total
soal dapat dilihat pada Tabel 3.9.
Tabel 3.9 Struktur Tabel Soal
Field Type Size Keterangan
id_soal Int 10 Id Soal
id_materi Int 10 Id Materi
soal Text Soal
pil1 Varchar 50 Pilihan 1
pil2 Varchar 50 Pilihan 2
pil3 Varchar 50 Pilihan 3
pil4 Varchar 50 Pilihan 4
Kunci Varchar 1 Kunci Jawaban
Primary key : id_soal foreign key : id_materi
Struktur tabel 3.9 terdiri dari 6 field yaitu id_soal, id_materi, soal, pil1, pil2,
pil3, pil4, dan kunci.
a. Id_soal
Merupakan field yang bersifat primary key dan auto increament, yang artinya
adalah integer dengan size yaitu 10, dengan ukuran 10 karakter sudah cukup
untuk menampung data dari field id_soal.
b. Id_materi
Merupakan merupakan field yang bersifat foreign key. Tipe data dari field
id_materi ini sendiri adalah integer dengan size yaitu 10, dengan ukuran 10
karakter sudah cukup untuk menampung data dari field id_materi.
c. Id_soal
Tipe datanya adalah text. Tipe data ini sendiri tidak mempunyai ukuran
karakter yang tidak dibatasi, jadi tipe data ini mempunyai karakter yang tidak
terhingga,
d. Pil1
Bertipe varchar dengan ukuran 50. Isi dari field pil1ini sendiri adalah pilihan
jawaban pertama, dengan maksimal 50 karakter sudah lebih dari cukup untuk
menampung data yang akan diinput nantinya.
e. Pil2
Bertipe varchar dengan ukuran 50. Isi dari field pil2 ini sendiri adalah pilihan
jawaban kedua, dengan maksimal 50 karakter sudah lebih dari cukup untuk
menampung data yang akan diinput nantinya.
f. Pil3
Field ini yang bertipe varchar dengan ukuran 50. Isi dari field pil3 ini sendiri
adalah pilihan jawaban ketiga, dengan maksimal 50 karakter sudah lebih dari
cukup untuk menampung data yang akan diinput nantinya.
g.Pil4
Field ini bertipe varchar dengan ukuran 50. Isi dari field pil4 ini sendiri adalah
pilihan jawaban keempat, dengan maksimal 50 karakter sudah lebih dari cukup
untuk menampung data yang akan diinput nantinya.
h. Kunci
Dengan tipe varchar dan mempunyai ukuran sebesar 1 karakter, field ini
sendiri berfungsi untuk menyimpan data kunci jawaban. Tidak memerlukan
karakter lebih dari 1 karakter karena data yang dimasukkan adalah karakter
pilihan A, B, C, D.
9. Tabel jawab_soal
Tabel jawab_soal merupakan media untuk merekam data jawab_soal.
Struktur tabel total jawab_soal dapat dilihat pada Tabel 3.10.
Tabel 3.10 Struktur Tabel Jawab Soal
Field Type Size Keterangan
id_jawab_soal Int 10 Id Jawab Soal
id_materi Int 10 Id Materi
id_soal Int 10 Id Soal
id_anggota Int 10 Id Anggota
jawaban Varchar 1 Jawaban
kunci Varchar 1 Kunci Jawaban
nilai Varchar 5 Nilai
Primary key : id_soal foreign key : id_jawaban
Struktur tabel 3.10 terdiri dari 7 field yaitu id_jawab_soal, id_materi,
id_soal, id_anggota, jawaban, kunci, dan nilai.
a. Id_jawab_soal
Merupakan field yang bersifat primary key dan auto increament, yang artinya
sendiri adalah integer dengan size yaitu 10, dengan ukuran 10 karakter sudah
cukup untuk menampung data dari field id_jawab_soal.
b. Id_materi
Merupakan merupakan field yang bersifat foreign key. Tipe data dari field
id_materi ini sendiri adalah integer dengan size yaitu 10, dengan ukuran 10
karakter sudah cukup untuk menampung data dari field id_materi.
c. Id_soal
Merupakan merupakan field yang bersifat foreign key. Tipe data dari field
id_soal ini sendiri adalah integer dengan size yaitu 10, dengan ukuran 10 karakter
sudah cukup untuk menampung data dari field id_soal.
d. Id_anggota
Merupakan merupakan field yang bersifat foreign key. Tipe data dari field
id_anggota ini sendiri adalah integer dengan size yaitu 10, dengan ukuran 10
karakter sudah cukup untuk menampung data dari field id_anggota.
e. Jawaban
Yang bertipe varchar dengan ukuran 1 karakter. Field ini berisi pilihan
jawaban soal quiz dari anggota. Karakter yang diinput adalah piliha A, B, C, D.
Tipe data ini sendiri tidak mempunyai ukuran karakter yang tidak dibatasi, jadi
tipe data ini mempunyai karakter yang tidak terhingga.
f. Kunci
Dengan tipe varchar dan mempunyai ukuran sebesar 1 karakter, field ini
sendiri berfungsi untuk menyimpan data kunci jawaban. Tidak memerlukan
karakter lebih dari 1 karakter karena data yang diinput adalah karakter pilihan A,
g. Nilai
Dengan tipe varchar dan mempunyai ukuran sebesar 5 karakter
