Pembimbing
Warnia Nengsih, S.Kom., M.Kom.
Wenda Novayani, S.S.T., M.Eng.
I-i
HALAMAN JUDUL
Pembimbing
Warnia Nengsih, S.Kom., M.Kom.
Wenda Novayani, S.S.T., M.Eng.
i
HALAMAN PENGESAHAN
Mengetahui,
Ketua Program Studi Sistem Informasi
ii
PERNYATAAN
Dengan ini saya menyatakan bahwa dalam proyek akhir yang berjudul
“Implementasi Mading Online Sebagai Sarana Pertukaran
Informasi (Studi Kasus : Politeknik Caltex Riau)”
Adalah benar hasil karya saya, dan tidak mengandung karya ilmiah atau
tulisan yang pernah diajukan di suatu Perguruan Tinggi.
Setiap kata yang dituliskan tidak mengandung plagiat, pernah ditulis
maupun diterbitkan orang lain kecuali yang secara tertulis diacu dalam
laporan proyek akhir ini dan disebutkan pada daftar pustaka. Saya siap
menanggung seluruh akibat apabila terbukti melakukan plagiat.
iii
ABSTRAK
iv
ABSTRACT
v
KATA PENGANTAR
vi
6. Teman-teman kelas 4SIB tercinta yang telah menemani penulis
selama 4 tahun, yang tak hentinya memberikan semangat serta
motivasi.
7. Sahabat-sahabat tercinta: Ayu Putri Hanifah, Kurnia Sandy, Shabrina
Salwa Husna, Dede Rizki Saputra, M Fathur Rahman, Arif Fadly S,
Feoni Yulia, Indah Lubna S Pratama, Vanya Anjani, Michele, Bella
Dina Fahmi.
8. Sahabat-sahabat kontrakan tercinta : Ansarullah Toguan D Lubis,
Pringgo Gamal P, Sandy Wandy, Rahmat Riawan, M Robiq Muhazir,
Arifullah, Habil, Satria Gunawan, M Aly Alhusaini, Anita Gunawan,
Fatkhu Rohmawati, M Ikhwan, Iham Winarto.
9. Seluruh pihak yang tidak dapat disebutkan namanya satu persatu,
terimakasih banyak atas bantuan dan dukungan kepada peulis
sehingga penulis dapat menyelesaikan proyek akhir ini.
Penulis sangat menyadari sepenuhnya bahwa laporan proyek
akhir ini masih jauh dari sempurna, oleh karena itu segala jenis kritik,
saran dan masukan yang membangun sangat penulis harapkan agar dapat
memberikan wawasan bagi pembaca dan yang paling utama penulis
sendiri.
Pekanbaru, September 2018
vii
DAFTAR ISI
HALAMAN JUDUL ................................................................................ i
HALAMAN PENGESAHAN ................................................................. ii
PERNYATAAN ..................................................................................... iii
ABSTRAK ............................................................................................. iv
ABSTRACT .............................................................................................. v
KATA PENGANTAR ............................................................................ vi
DAFTAR ISI ........................................................................................ viii
DAFTAR GAMBAR............................................................................... x
DAFTAR TABEL .................................................................................. xi
BAB I PENDAHULUAN ................................................................. 1
1.1 Latar Belakang....................................................................... 1
1.2 Perumusan Masalah ............................................................... 2
1.3 Batasan Masalah .................................................................... 2
1.4 Tujuan dan Manfaat ............................................................... 3
ix
DAFTAR GAMBAR
x
DAFTAR TABEL
xi
BAB I
PENDAHULUAN
2
3. Mading online dapat mengirimkan notifikasi berupa email ke
bagian BAAK.
4. Email notifikasi hanya untuk email yang terlampir pada
database PCR.
5. Kategori informasi dibagi menjadi dua (2) jenis yaitu kategori
informasi akademik dan kategori informasi non-akademik.
1.4 Tujuan dan Manfaat
1.4.1 Tujuan
Adapun tujuan dari pembuatan sistem ini adalah
mengimplementasikan mading online sebagai manajemen informasi yang
berada di Politeknik Caltex Riau.
1.4.2 Manfaat
Adapun manfaat dari pembuatan sistem ini adalah :
1. Civitas lebih terbantu dalam mendapatkan informasi terbaru.
2. Civitas dapat mengakses informasi melalui Mading Online.
3. Civitas dapat mengelola informasi melalui Mading Online.
1.5 Metodologi Penelitian
Metode yang digunakan untuk memperoleh data dan informasi
adalah sebagai berikut:
1. Studi Literatur
Dilakukan studi literatur untuk mengumpulkan data referensi
baik dari artikel, buku, paper, jurnal, makalah maupun situs
internet.
2. Perancangan
Melakukan perancangan arsitektur sistem, proses bisnis,
perancangan oop, skenario usecase dan perancangan
antarmuka.
3. Implementasi
Setelah dilakukan perancangan maka sistem akan
diimplementasikan kepada user.
4. Pengujian
3
Sistem yang telah diimplementasikan akan dilakukan
pengujian dengan melibatkan user.
5. Analisis kebutuhan
Melakukan analisis kebutuhan pengguna dan fitur-fitur yang
ada di majalah dinding tersebut.
6. Penyusunan Laporan
Melakukan dokumentasi pada data hasil analisis dan
implementasi.
1.6 Sistematika Penulisan
Sistematika penulisan laporan proyek akhir ini secara
keseluruhan terdiri dari empat bab, masing-masing terdiri dari beberapa
sub bab. Adapun pokok pembahasan dari masing-masing bab tersebut
secara garis besar sebagai berikut:
BAB I PENDAHULUAN
Bab ini berisi tentang latar belakang masalah, perumusan masalah
dan ruang lingkup masalah, tujuan dan manfaat penelitian, metodologi
penelitian dan sistematika penulisan.
BAB II TINJAUAN PUSTAKA
Bab ini menguraikan beberapa penelitan terdahulu dan landasan
teori yang diperlukan untuk merancang sistem. Teori-teori yang dibahas
adalah kajian penelitian terdahulu mengenai database MySQL dan bahasa
pemograman PHP.
BAB III PERANCANGAN
Bab ini menguraikan tentang perancangan sistem yang terdiri dari
perancangan sistem yang akan dibangun dan metode pengujian yang akan
digunakan. Adapun perancangan yang digunakan antara lain use case dan
rancangan antarmuka dari sistem yang akan dibuat.
4
BAB IV PENGUJIAN DAN ANALISIS
Pada tahap ini dilakukan analisis berdasarkan pengujian yang
sudah dilakukan. Analisis bertujuan untuk melihat dan juga mengetahui
kesimpulan yang didapatkan setelah adanya pengujian.
BAB V KESIMPULAN DAN SARAN
Pada tahap ini berisi kesimpulan dan saran terhadap sistem yang
dibuat dan diuji. Kesimpulan berisi yang didapatkan setelah sistem selesai
dibuat. Sedangkan saran berisi hal-hal yang mungkin bisa menjadi
masukan untuk pengembangan sistem kedepannya.
5
BAB II
TINJAUAN PUSTAKA
7
2.2 Landasan Teori
2.2.1 Pengertian Majalah Dinding
Hamalik (1985), menyatakan bahwa didalam majalah dinding
terdapat nilai-nilai pendidikan seperti berikut:
1. Tempat menampilkan hasil pekerjaan siswa, merupakan ruang
khusus untuk mempertunjukan benda-benda seperti gambar-
gambar, poster, dan sebagainya yang merupakan hasil karya
kelas dapat ditampilkan didalam majalah dinding.
2. Pengumuman-pengumuman sekolah seperti, tugas-tugas
siswa, dapat ditempatkan didalam majalah dinding.
3. Dapat memperluas dan menciptakan minat siswa-siswa
4. Menimbulkan rasa kebersamaan serta tanggung jawab
bersama untuk mempersatukan semangat kelas.
5. Siswa dapat bekerja secara kelompok pada saat merencakan
dan melaksanakan kegiatan dapat melengkapi pengalaman
sosial siswa
6. Majalah dinding dapat mendorong siswa untuk bekerja dan
siswa dapat terlatih untuk memecahkan masalah.Pengelolaan
majalah dinding yang baik setidak-tidaknya memiliki tiga
unsur di dalamnya yaitu perencanaan, pelaksanaan dan
evaluasi perencanaan. berikut pelaksanaan 3 unsur
pengolahan majalah dinding yang baik:
a. Perencanaan
Perencanaan tidak lain merupakan kegiatan untuk
menetapkan tujuan yang akan dicapai beserta caracara
untuk mencapai tujuan tersebut (Boone & Kurtz, 1984).
b. Pelaksanaan
Pelaksanaan merupakan suatu kerangka dan
pentahapan kegiatan secara sistematis dalam
melaksanakan atau merealisasikan rencana kegiatan
(Mulyadi, 1989).
c. Evaluasi Perencanaan
Evaluasi perencanaan adalah aktivitas untuk
meniliti dan mengetahui sampai mana pelaksanaan yang
8
dilakukan di dalam proses keseluruhan organisasi
mencapai hasil sesuai dengan rencana atau program yang
telah ditetapkan dalam rangka pencapaian tujuan
pendidikan (Purwanto, 2004).
2.2.2 Fungsi Majalah Dinding
Barnung, 1998 mengemukakan ada 4 (empat) fungsi majalah
dinding yaitu sebagai:
1. Sarana komunikasi dan penyampai informasi.
2. Media hiburan yang murah dan sederhana.
3. Sarana untuk menjalin tali persaudaraan dan kekeluargaan di
antara sesama anggota komunitas tertentu.
4. Ajang untuk pengembangan kreativitas.
2.2.3 Politeknik Caltex Riau
Politeknik Caltex Riau (PCR) merupakan perguruan tinggi di
Rumbai Pekanbaru, Riau yang didirikan atas kerja sama antara
Pemerintah Provinsi Riau dengan PT. Caltex Pacific Indonesia (Chevron
Pacific Indonesia). Kampus PCR berdiri pada tahun 2001. Program Studi
yang terdapat di PCR yaitu Teknik Elektronika, Teknik Komputer,
Teknik Telekomunikasi, Teknik Mekatronika dan Akuntansi untuk
Diploma 3 serta Sistem Informasi, Teknik Informatika dan Teknik
Elektronika Eelekomunikasi, Teknik Mesin dan Teknik Listrik untuk
Diploma 4.
Majalah dinding yang berada di Politeknik Caltex Riau pada saat
ini masih seperti majalah dinding pada umumnya, yang mana majalah
dindingnya masih tertempel didinding-dinding disetiap lantai yang
berada di Politeknik Caltex Riau. Sehingga penyebaran informasi di
Politeknik Caltex Riau masih menggunakan proses manual, seperti
penyebaran informasi mengenai kegiatan, acara akademik maupun non-
akademik secara manual dengan cara berkeliling disetiap lantainya untuk
menempalkan poster dan sebagainya dimajalah dinding. Proses tersebut
dinilai belum berfungsi dengan baik dikarenakan informasi yang tertera
pada majalah dinding kurang menarik, selain majalah dinding kurang
menarik, ruang yang disediakan oleh majalah dinding terbatas sehingga
9
informasi yang ada sebelumnya sering tertutupi oleh informasi yang baru
disematkan dan proses pembaruan majalah dinding yang kurang up to
date mengakibatkan informasi tidak tersampaikan dengan baik dan tepat
waktu.Termasuk kesulitan dalam mengelola majalah dindingnya.
Berikut adalah alur majalah dinding Politeknik Caltex Riau:
Pernyataan
Pilihan Jawaban
Positif Negatif
Sangat Setuju 5 1
Setuju 4 2
Ragu 3 3
Tidak Setuju 2 4
Sangat Tidak Setuju 1 5
Pada penelitian ini akan dilakukan pengujian dengan
menggunakan metode skala likert , agar dapat diketahui pendapat
responden apakah implementasi mading online sebagai sarana pertukaran
informasi studi kasus (Politeknik Caltex Riau) ini mudah dipahami,
dipelajari digunakan dan menarik bagi pengguna.
Rumus yang digunakan untuk menghitung pengujian skala likert
ini adalah :
12
3. Kesalahan dalam struktur data atau basisdata eksternal
4. Inisialisasi dan kesalahan terminasi
5. Validasi fungsional
6. Kesensitifan sistem terhadap nilai input tertentu.
7. Batasan dari suatu data.
13
BAB III
PERANCANGAN
14
3.2 Flowchart
Berikut merupakan gambar flowchart pada sistem yang akan
dibangun :
15
Pada gambar 3.2 merupakan flowchart dari sistem yang akan
dibangun. Civitas akademik login menggunakan email dan password.
Sistem akan memvalidasi email dan password apabila email dan
password tidak sesuai maka akan kembali lagi ke form login, namun jika
email dan password sesuai maka sistem akan mengarahkan ke suatu
kondisi dimana terdapat level untuk civitas akademik dan BAAK. Ketika
login sebagai civitas akademik maka akan tampil halaman awal civitas
akademik. Civitas akademik dapat melakukan tambah, edit, dan hapus
informasi. Jika kondisi login tidak sebagai akademik maka akan ada
kondisi login sebagai BAAK dan diarahkan ke halaman awal BAAK.
BAAK dapat melihat inputan informasi yang dilakukan oleh civitas
akademik. BAAK dapat menyetujui informasi inputan dari civitas
akademik. Jika informasi tersebut di setujui maka akan tampil sebagai
informasi dan BAAK akan mengirim notifikasi melalui email. Apabila
informasi tidak di setujui maka akan kembali lagi ke lihat inputan
informasi,. Jika login bukan sebagai BAAK dan civitas akademik maka
akan kembali lagi pada kondisi cek login.
3.3 Bisnis Proses Mading Online
Sesuai dengan use case diagram pada pembahasan sebelumnya,
dapat digambarkan activity diagram yang direpresentasikan berdasarkan
use case diagram tersebut.
16
Pada gambar 3.3 merupakan bisnis proses mading online disini
terdapat proses pada civitas, madding online dan baak. Pertama pada
civitas proses dimulai dari menginputkan data mading, kemudian pada
bagiann mading online civitas harus memilih template mading, memilih
durasi tampil, memilih kategori, memasukkan file mading, menambah
deskripsi tentang mading tersebut, kemudian masukkan gambar. Setelah
civitas selesai melakukan proses tersebut maka data mading yang di input
oleh civitas tersebut akan divalidasi terlebih dahulu oleh bagian baak, jika
data mading tersebut diterima oleh baak maka akan tampil data mading
tersebut dan jika tidak maka data tersebut akan tetap berada di bagian
baak
18
3.7 Use Case Diagram
19
3.8 Skenario Use Case
3.8.1 Use Case Login ke Sistem
Aktor : Civitas akademik dan BAAK
Pre Kondisi : Aktor memasuki halaman login
Post Kondisi : Aktor berhasil masuk ke sistem
Tabel 3.1 Skenario Use Case Login ke Sistem
Aksi Aktor Sistem
Kondisi Normal
1. Menginput email dan
password
2. Klik tombol login
3. Memvalidasi email dan
password
4. Cek User
5. Menampilkan halaman
sesuai level
Lanjutan Kondisi No 4
(Kondisi Gagal)
6. Menampilkan pesan
kesalahan dalam inputan
email dan password
7. Menampilkan halaman
login
3.8.2 Use Case Tambah Informasi
Aktor : Civitas akademik dan BAAK
Pre Kondisi : Aktor memasuki halaman login
Post Kondisi : Aktor berhasil masuk ke sistem
20
Tabel 3. 2 Skenario usecase Tambah Informasi
Aktor Sistem
Kondisi Normal
1. Klik menu tambah
informasi
2. Tampil form input
3. Tekan button tambah
4. Sistem menyimpan data
inputan
3.8.3 Use Case Menghapus Informasi
Aktor : Civitas akademik dan BAAK
Pre Kondisi : Aktor memasuki halaman login
Post Kondisi : Aktor berhasil masuk ke sistem
Tabel 3. 3 Skenario Use Case Menghapus Informasi
Aktor Sistem
Kondisi Normal
1. Klik menu button hapus
2. Menampilkan pesan
konfirmasi hapus
Kondisi alternatif 2
3. Klik tombol button yes
atau no
4. Menghapus dan
menampilkan data
3.8.4 Use Case Mengubah Informasi
Aktor : Civitas akademik dan BAAK
Pre Kondisi : Aktor memasuki halaman login
Post Kondisi : Aktor berhasil masuk ke sistem
21
Tabel 3. 4 Skenario Use Case Mengubah Informasi
Aktor Sistem
Kondisi Normal
1. Klik button ubah
2. Menampilkan data
3. Menampilkan form ubah
4. Mengisi data yang akan
diubah
5. Memampilkan data yang
telah di ubah
22
Aktor Sistem
5. BAAK tidak menyetujui
inputan informasi
6. Sistem tidak mengubah
status
3.8.6 Use Case Notifikasi Melalui Email
Aktor : BAAK
Pre Kondisi : Aktor memasuki halaman login
Post Kondisi : Aktor berhasil masuk ke sistem
Tabel 3.6 Skenario Use Case Notifikasi Melalui Email
Aktor Sistem
Kondisi Normal
1. BAAK menyetujui
inputan informasi
2. Sistem mengubah status
menjadi di setujui
3. BAAK mengirimkan
notifikasi melalui email
4. Sistem mengirimkan
notifikasi ke email tujuan
3.8.7 Use Case Ubah Data Diri
Aktor : Civitas Akademik dan BAAK
Pre Kondisi : Aktor memasuki halaman login
Post Kondisi : Aktor berhasil masuk ke sistem
23
Tabel 3.7 Skenario Use Case Kelola Laporan Keuangan
Aktor Sistem
Kondisi Normal
1. Klik tombol button ubah
data diri
2. Menampilkan form ubah
data diri
3. Mengisi form ubah data
diri
4. Menyimpan perubahan
kedalam database
5. Civitas melihat data diri
baru
3.9 Entity Relationship Diagram(ERD)
Berikut merupakan gambar dari Entity Relationship diagram
(ERD) dari sistem yang akan dibangun :
24
Gambar 3.6 merupakan Entity Relationship Diagram (ERD) dari
sistem yang akan dibangun. Entity Relationship Diagram (ERD)
memiliki 3 tabel. Tabel pertama yaitu user yang memliki atribut id_user
yang bertindak sebagai primary key, email dan password. Tabel ke dua
yaitu informasi yang memiliki atribut id sebagai primary key, informasi,
kategori, status_persetujuan, dan detail. Tabel ke tiga yaitu kategori yang
memiliki atribut id_kategori yang bertindak sebagai primary key dan
nama_kategori.
25
BAB IV
PENGUJIAN DAN ANALISIS
37
informasi dan akun profil selain intu juga terdapat button tambah
informasi dan tabel data infotmasi.
38
4.1.1.5 Antarmuka Validasi User
Pada halaman ini digunakan oleh admin (BAAK) untuk
melakukan validasi user yang baru mendaftar. Untuk tampilan antarmuka
validasi user dapat dilihat pada gambar 4.5.
39
Gambar 4.7 Antarmuka Halaman Daftar Mading.
4.2 Pengujian
4.2.1 Pengujian Black Box
Pengujian Black Box bertujuan untuk mengetahui semua fungsi
sistem telah berjalan dengan benar dan sesuai dengan kebutuhan
fungsional yang telah ditetapkan. Pengujian yang dilakukan yaitu
menguji antara tampilan serta inputan normal dan inputan yang tidak
sesuai. Sehingga hasil dari pengujian black box ini adalah sebuah
dokumentasi yang menunjukkan bukti pengujian. Hasil pengujian Black
Box yang telah dilakukan , didapatkan hasil bahwa implementasi mading
online sebagai sarana pertukaran informasi studi kasus (Politeknik Caltex
Riau) sudah 100% telah berhasil dibangun dan berjalan dengan baik
sesuai yang diharapkan.
Tabel 4.1 Pengujian Black Box
40
No Butir Uji Deskripsi Hasil
b. Masukan yang tidak sesuai
Jika admin mengisi email dan password
yang tidak sesuai, maka sistem akan
memberikan peringatan dan proses login
tidak dapat dilakukan
41
No Butir Uji Deskripsi Hasil
b. Masukan yang tidak sesuai
Jika admin mengisi email nama dan jenis
akun yang tidak sesuai, maka sistem akan
memberikan peringatan dan proses tambah
user tidak dapat dilakukan
42
No Butir Uji Deskripsi Hasil
b. Masukan yang tidak sesuai
Jika admin tidak mengisi form dengan
lengkap, maka akan muncul peringatan untuk
melengkapinya.
43
No Butir Uji Deskripsi Hasil
5. [Admin]: Jika admin memilih menu validasi user maka √
Validasi akan menampilkan data user yang akan
User divalidasi oleh admin .
44
4.2.2 Pengujian Skala Likert
Pengujian system ini menggunakan metode skala likert dengan
memanfaatkan kuesioner yang disebarkan kepada 100 responden yang
ada di Politeknik Caltex Riau. Pengujian ini menggunakan kuisioner yang
terdiri pertanyaan-pertanyaan yang digunakan untuk memenuhi
kebutuhan analisa kepada civitas, dengan menggunakan skala likert
dengan menyatakan sangat setuju untuk semua indikator pada kuesioner
dan dapat dipahami. Hasil pengujian dapat dilihat pada lampiran A.
Persentase
90
88
86
84
82
80
78
76
Performance Information Economic Control Efficiency Services
45
𝑁
𝑛=
1 + 𝑁𝑒 2
Keterangan
n = jumlah sampel
N = jumlah total populasi
e = toleransi error
Berdasarkan rumus slovin yang digunakan, yang mana N
menjelaskan bahwa jumlah populasi yang berada di Politeknik Caltex
Riau dengan margin of error (e) yang ditetapkan adalah 10% atau 0,1.
Tabel 4.2 menjelaskan tentang keterangan nilai yang diberikan
oleh responden terhadap pernyataan pada kuesioner yang digunakan
untuk menguji sistem ini, seperti yang terlihat pada tabel 4.2.
Tabel 4. 2 Tabel Keterangan Kuisioner
SS Sangat Setuju
S Setuju
N Netral
TS Tidak Setuju
STS Sangat Tidak Setuju
Tabel 4. 3 Kuisioner mading online PCR dengan pertanyaan positif.
Penilaian
No Pertanyaan
TSS TS N S SS
1 Aplikasi ini memudahkan dalam melihat
informasi
2 Aplikasi ini bekerja seperti yang
pengguna inginkan
3 Apakah waktu tunggu dalam mengakses
fitur-fitur yang ada masih dirasa wajar
4 Aplikasi ini mudah dipahami oleh
pengguna
5 Aplikasi ini sesuai fungsi kerja dengan
standar yang ditetapkan
46
Penilaian
No Pertanyaan
TSS TS N S SS
6 Aplikasi ini memiliki informasi yang
akurat
7 Aplikasi ini menyajikan informasi tepat
pada waktu
8 Aplikasi ini sesuai informasi yang
dihasilkan dengan kebutuhan
9 Aplikasi ini sesuai tampilan
informasinya dengan kebutuhan
pengguna
10 Aplikasi ini mudah digunakan/diakses
11 Aplikasi ini tidak berbayar
12 Aplikasi ini tidak membuat saya
mengeluarkan biaya untuk mencetak
dokumen seperti poster untuk
menyampaikan informasi
13 Saya menggunakan aplikasi ini dengan
cepat
14 Saya dapat menghemat dengan
menggunakan aplikasi ini
15 Aplikasi ini memudahkan pekerjaan
saya sehari-hari
16 Saya mudah mengingat bagaimana cara
menggunakan aplikasi ini
17 Aplikasi ini mudah untuk dipelajari cara
penggunaannya
18 Aplikasi ini menghasilkan informasi
yang akurat dan dapat dipercaya
19 Aplikasi ini menghasilkan informasi
yang konsisten
20 Aplikasi ini mempunyai fungsi yang
lengkap
21 Aplikasi ini mudah dipelajari, digunakan
dan tidak canggung untuk digunakan
47
Penilaian
No Pertanyaan
TSS TS N S SS
22 Aplikasi ini menyenangkan untuk
digunakan
23 Saya akan merekomendasikan sistem ini
kepada teman da?n kerabat saya
Tabel 4. 4 Kuisioner mading online PCR dengan pertanyaan negatif
No Pertanyaan Penilaian
TSS TS N S SS
48
Pada tabel 4.6 merupakan tabel pengujian performance
berdasarkan survei yang dilakukan maka didapatkan hasil 87% yang
menyatakan bahwa responden setuju.
Tabel 4.6 Pengujian Performance pada mading online
49
Tabel 4.8 Pengujian Economic pada mading online
51
nilai N = 100 – 2 = 98 dan taraf signifikansi 5%. Tabel 4.12 menampilkan
hasil pengujian validitas.
Tabel 4.12 Hasil Pengujian Validitas
52
Korelasi Antara R Hitung R Tabel Kesimpulan
Pertanyaan_17
0,401 0,196 Valid
dengan Skor Total
Pertanyaan_18
0,455 0,196 Valid
dengan Skor Total
Pertanyaan_19
0,352 0,196 Valid
dengan Skor Total
Pertanyaan_20
0,365 0,196 Valid
dengan Skor Total
Pertanyaan_21
0,516 0,196 Valid
dengan Skor Total
Pertanyaan_22
0,412 0,196 Valid
dengan Skor Total
Pertanyaan_23
0,436 0,196 Valid
dengan Skor Total
Pertanyaan_24
0,472 0,196 Valid
dengan Skor Total
Pertanyaan_25
0,447 0,196 Valid
dengan Skor Total
Pertanyaan_26
0,401 0,196 Valid
dengan Skor Total
Pertanyaan_27
0,407 0,196 Valid
dengan Skor Total
4.2.4 Pengujian Reliabilitas
Pengujian reliabilitas merupakan suatu ukuran yang dapat
menunjukkan bahwa alat ukur yang digunakan sudah mempunyai
keandalan sebagai alat ukur. Dikatakan alat ukur tersebut reliabel apabila
suatu ukuran dari alat ukur tersebut menunjukkan hasil yang konsisten
bila diukur berulang kali dengan alat ukur yang sama.
Nilai koefisien reliabilitas atau alpha cornbach’s yang baik
adalah diatas 0,7 (cukup baik) dan 0,8 (baik).
Tabel 4.13 Hasil Pengujian Reliabilitas
54
BAB V
KESIMPULAN DAN SARAN
5.1 Kesimpulan
Adapun kesimpulan dari proyek akhir ini adalah sebagai berikut:
1. Implementasi Mading Online Sebagai Sarana Pertukaran
Informasi (Studi Kasus : Politeknik Caltex Riau) telah dibangun
dan menghasilkan sebuah sistem yang dapat digunakan oleh
civitas yang ada di Politeknik Caltex Riau sehingga civitas lebih
terbantu dalam mendapatkan informasi terbaru.
2. Berdasarkan hasil pengujian Black Box Testing, Implementasi
Mading Online Sebagai Sarana Pertukaran Informasi (Studi
Kasus : Politeknik Caltex Riau) sudah berjalan sesuai dengan
fungsi yang diharapkan karena civitas telah dapat mengakses
dan mengelola berbagai informasi melalui mading online.
3. Hasil pengujian Skala Likert yang digunakan pada Implementasi
Mading Online Sebagai Sarana Pertukaran Informasi (Studi
Kasus : Politeknik Caltex Riau), menunjukkan bahwa sistem ini
sesuai kinerja yang didapatkan 86%, informasi 84%, ekonomi
93%, pengendalian 88%, efisiensi 85%, dan layanan 86% yang
memuaskan.
5.2 Saran
Adapun saran yang dapat diberikan adalah:
1. Mengimplementasikan fitur User Experience (UX) design dalam
rangka meningkatkan kegunaan dan kesenangan yang diberikan
dalam interaksi pengguna dan produk.
2. Menambahkan fitur User Interface (UI) design dengan berfokus
kepada tata letak, desain visual dan branding.
55
DAFTAR PUSTAKA
56
Sadane, A. (2011). Perancangan Sistem Informasi Perpustakaan Pada
SMAN 8 Tangerang Berbasis Web.
Sanjaya. 2014. Pengaruh Profitabilitas, Free Cash Flow, dan Investment
Opportunity Set Terhadap Dividend Payout Ratio. Universitas
Atma Jaya Yogyakarta. SNA 17 Mataram.
Sobur. (2006). Non Akademik. Pengertian Akademis dan Non Akademis
Menurut Para Ahli.
Sugiyono. 2011. Metode Penelitian Kuantitatif, Kualitatif dan R&D.
Bandung: Afabeta.
Sugiyono. (2012). Metode Penelitian Kuantitatif, Kualitatif dan R&D.
Bandung: Alfabeta.
Supriyanto. (1992). Majalah Dinding. Majalah Dinding Seagai Media
untuk Meningkatkan Kemampuan Menulis, 2.
57
LAMPIRAN A
A-1
LAMPIRAN B
1. Source Code
Dibawah ini terlampir source code yang digunakan untuk
membangun proyek akhir.
Source Code Mading.php
Source Code SendEmail.php
<?php if (!defined('BASEPATH')) {
exit('No direct script access allowed');
}
class SendEmail extends CI_Controller
{
function __construct() {
parent::__construct();
$this->load->database();
$this->load->model('md_email');
$this->load->library('email');
date_default_timezone_set('Asia/Jakarta');
$subject = $value['subject'];
$message = '<p>Hi
'.$value['name'].',<p>'.$value['message'].'</p> ';
$email = $value['email'];
$date = $value['due_date'];
$date_now = new DateTime('now');
$due_date = new DateTime($date);
$interval = date_diff($due_date, $date_now);
$diff_date = $interval->format('%a');
if ($diff_date <= 1 ) {
$result = $this->email
->from('petelearn18@gmail.com')
B-2
->to($email)
->subject($subject)
->message($message)
->send();
if ($result) {
$id = $value['id'];
$data = array(
'status' => 'send',
);
$this->md_email->update($data, $id);
echo "berhasil";
}
else show_error($this->email->print_debugger());
}
}
B-3
exit;
}
}
$this->load->view('login');
B-5
}
$hasil = $this->md_user->getUserByEmail($data);
if ($hasil) {
foreach ($hasil as $sess) {
$sess_data['email'] = $sess->email;
$sess_data['jenis_user'] = $sess->role;
$sess_data['namaa'] = $sess->nama;
// $sess_data['photo'] = $sess->photo;
$sess_data['id'] = $sess->id;
$this->session->set_userdata($sess_data);
}
//if($this->session->userdata('jenis_user')==1){
$msg = $this->session->userdata('namaa');
$this->session->set_flashdata('nama', $msg);
$this->session->set_userdata('login_type', 'administrator');
$this->session->set_userdata('administrator_login', '1');
$this->session->set_userdata('id', $sess->id);
B-8
redirect('user/dashboard');
} else {
$msg = "Email dan Password anda tidak sama";
$this->session->set_flashdata('err_login', $msg);
redirect(base_url());
}
}
B-9
$this->load->view('profile', $data);
/*print_r($hasil);*/
} else { // tolong tambahin else ini d
redirect(site_url());
}
}
//
B-10
public function registrasi()
{
$data_input = [];
$data_input['email'] = $this->input->post('email');
// $data_input['password'] = $this->input->post('password');
$data_input['nama'] = $this->input->post('nama');
$data_input['role'] = $this->input->post('role');
/*print_r($data_input);*/
$this->md_user->insertUser($data_input);
$admin = $this->md_user->getAdmin();
foreach ($admin as $item) {
$this->send($subject, $message, $item->email,
'user/halaman_success');
}
redirect(base_url() . 'user/halaman_success');
}
B-11
public function registrasi_admin()
{
$data_input = [];
$data_input['email'] = $this->input->post('email');
// $data_input['password'] = $this->input->post('password');
$data_input['nama'] = $this->input->post('nama');
$data_input['status'] = 1;
$data_input['role'] = 1;
/*print_r($data_input);*/
$this->md_user->insertUser($data_input);
$admin = $this->md_user->getAdmin();
foreach ($admin as $item) {
$this->send($subject, $message, $item->email,
'user/halaman_success');
}
B-12
redirect(base_url() . 'user/halaman_success');
}
//
public function tambah_informasi()
{
if ($this->session->userdata('id') ) {
// if (!empty($_FILES['berkas2']['name'])){
$config['upload_path'] = './upload/';
$config['allowed_types'] =
'gif|jpg|png|xls|pdf|csv|ppt|xlsx|pptx|doc|docx|rar';
$config['max_size'] = 100000;
$config['max_width'] = 1024;
$config['max_height'] = 768;
$this->load->library('upload', $config);
$data_input = [];
$data_input['id_user'] = $this->session->userdata('id');
$data_input['informasi'] = $this->input->post('informasi');
$data_input['kategori'] = $this->input->post('kategori');
$data_input['detail'] = $this->input->post('detail');
$data_input['tanggal'] = date('Y-m-d');
B-13
if ($this->upload->do_upload('gambar')) {
$upload_data = $this->upload->data();
$file_name = $upload_data['file_name'];
$data_input['gambar'] = $file_name;
}
if ($this->upload->do_upload('background')) {
$upload_data = $this->upload->data();
$file_name = $upload_data['file_name'];
$data_input['background'] = $file_name;
}
if ($this->upload->do_upload('fille')) {
$upload_data = $this->upload->data();
$file_name = $upload_data['file_name'];
$data_input['fille'] = $file_name;
}
if ($this->session->userdata("jenis_user") == 1) {
$data_input['status'] = 1;
}
B-14
$this->md_informasi->insert($data_input);
if ($this->session->userdata("jenis_user") <> 1) {
$subject = "[MADING PCR] Informasi Baru";
$message = "Ada informasi baru dari ".$this->session-
>userdata('namaa').
", klik link berikut untuk melihat
".site_url("user/dashboard");
$admin = $this->md_user->getAdmin();
foreach ($admin as $item) {
$this->send($subject, $message, $item->email,
'user/dashboard');
}
}
redirect(site_url('user/dashboard'),'location',301);
} else {
redirect(site_url());
}
}
B-15
$id = $this->uri->segment(4);
$this->md_informasi->update(['status' => $status], $id);
$user = $this->md_user->getUserById($this->uri->segment(5));
redirect(site_url('user/dashboard'));
} else {
redirect(site_url());
}
}
B-16
$password = random_string('alnum',10);
$this->md_user->updateUser(['status' => $status, 'password' =>
$password], $id);
$stat = $status == 1 ? "DISETUJUI" : "DITOLAK";
if ($status == 1)
$message = "<p>Selamat akun anda telah disetujui oleh
admin mading pcr.</p>
<p>Email: ".$this->uri->segment(5)."</p>
<p>Password: ".$password."</p> demi keamanan,
mohon segera mengubah password anda, terima kasih.";
else
$message = "Maaf, akun anda ditolak oleh admin mading
pcr";
$email = $this->uri->segment(5);
$url = 'user/validasi_user';
redirect(site_url('user/validasi_user'));
} else {
redirect(site_url());
B-17
}
}
$this->load->library('upload', $config);
$data_input = [];
$data_input['email'] = $this->input->post('email');
$data_input['password'] = $this->input->post('password');
$data_input['nama'] = $this->input->post('nama');
$data_input['alamat'] = $this->input->post('alamat');
$data_input['jenis_user'] = $this->input->post('jenis_user');
//$data_input['status'] = 1;
B-18
if ($this->upload->do_upload('foto')) {
$upload_data = $this->upload->data();
$file_name = $upload_data['file_name'];
$data_input['photo'] = $file_name;
}
/*print_r($data_input);*/
$hasil = $this->md_user->insertUser($data_input);
B-21
function file_download()
{
if ($this->session->userdata('id') ) {
$data = file_get_contents('./upload/' . $this->uri->segment(3));
force_download($_GET['file_name'], $data);
} else {
redirect(site_url());
}
}
$result = $this->email
->from('febri14si@mahasiswa.pcr.ac.id')
->to($email)
->subject($subject)
->message($message)
B-23
->send();
if ($result) {
echo "berhasil";
redirect(site_url($url), 'refresh:3');
header('Refresh:3; url=https://google.com/');
exit();
}
else show_error($this->email->print_debugger());
}
}
<title>Mading PCR</title></title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
B-24
<!-- <link href="assets/less/styles.less" rel="stylesheet/less"
media="all"> -->
<link rel="stylesheet" href="<?php echo base_url();
?>assets/css/styles.css?=140">
<link
href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,40
0,600' rel='stylesheet' type='text/css'>
</head>
<body class="focusedform">
<div class="verticalcenter">
<a href="index.htm"><img src="<?=
site_url('assets/img/pcr.png')?>" alt="Logo" class="brand" /></a>
<div class="panel panel-primary">
<div class="panel-body">
<h4 class="text-center" style="margin-bottom:
25px;">Welcome to Mading Online</h4>
<form action="<?php echo
base_url().'user/cek_login/'.$this->uri->segment(3); ?>" method='POST'
class="form-horizontal">
B-25
<div class="form-group">
<label for="email"
class="control-label col-sm-4" style="text-align: left;"><i class="icon-
envelope"></i>  Email</label>
<div class="col-sm-8">
<input type="text"
class="form-control" id="email" name="email" placeholder="Email">
</div>
</div>
<div class="form-group">
<label for="password"
class="control-label col-sm-4" style="text-align: left;"><i class="icon-
lock"></i>  Password</label>
<div class="col-sm-8">
<input
type="password" class="form-control" id="password"
name="password" placeholder="Password">
</div>
</div>
<div class="clearfix">
<div class="pull-
right"><label><input type="checkbox" checked> Remember
Me</label></div>
</div>
<button class="btn btn-primary btn-
block" style="height: 50px; margin-bottom: 8px;" type="submit">Log
In</button>
B-26
</form>
<?php if($this->session->flashdata()){
?>
<div class="alert alert-dismissable
alert-danger">
<?php echo $this->session-
>flashdata('err_login'); ?>
<button type="button"
class="close" data-dismiss="alert" aria-hidden="true">×</button>
</div>
<?php
}?>
</div>
<div class="panel-footer">
<a href="extras-forgotpassword.htm"
title="Help you If you lost
your password" class="pull-left btn
btn-link" style="padding-left:0">Forgot password?</a>
<a href="<?php echo base_url();
?>user/halaman_registrasi" title="Create your new account If
you
haven't an account" class="pull-left btn btn-link"
style="padding-left:0">Create an Account</a>
</div>
</div>
</div>
B-27
</body>
</html>
<html>
<head>
<title>Mading Online</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
B-29
<link rel="stylesheet" type="text/css" media="screen and (max-
width:1179px)" href="<?php echo base_url();
?>assets/css/style/responsive/width-0000-1179.css"/>
<link rel="stylesheet" type="text/css" media="screen and (max-
width:959px)" href="<?php echo base_url();
?>assets/css/style/responsive/width-0000-0959.css"/>
<link rel="stylesheet" type="text/css" media="screen and (max-
width:767px)" href="<?php echo base_url();
?>assets/css/style/responsive/width-0000-0767.css"/>
B-30
<script type="text/javascript" src="<?php echo base_url();
?>assets/js/script/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();
?>assets/js/script/jquery-migrate.min.js"></script>
<style>
a{
text-decoration: none !important;
color: white;
}
</style>
</head>
<body>
B-31
<!-- slide -->
<?php foreach ($informasi as $data) {
if ($data->background <> "")
echo "<li style=\"background-image: url($data->background)
!important\">";
else
echo "<li >";
?>
<div class="template-vertical-center-outer">
<div class="template-vertical-center-middle">
<div class="template-vertical-center-inner">
<div class="template-main-carousel-slide-top-
line"></div>
<h2><?= $data->informasi ?></h2>
<div class="template-main-carousel-slide-progress-
bar"></div>
<h4><?= $data->detail ?></h4>
</div>
</div>
</div>
</li>
<?php } ?>
<!-- slide -->
</ul>
</div>
<!-- /Main carousel -->
B-34
</div>
<!-- /Logo -->
</div>
<!-- /Right bar -->
<div class="template-vertical-center-outer">
<div class="template-vertical-center-middle">
<div class="template-vertical-center-inner">
</nav>
<!-- /Menu -->
</div>
B-35
</div>
</div>
</div>
<!-- /Left bar -->
</div>
<!-- /Verical bar with menu + logo -->
<script type="text/javascript">
var config={"slide":[
<?php foreach ($informasi as $key => $data) {
$end = $key == count($informasi)-1 ? '' : ',';
if ($data->gambar <> "")
B-36
echo '{"image":"'.site_url("upload/".$data->gambar).'"}'.$end;
else
echo '{"image":"http://www.cmp-
cyprus.org/sites/all/modules/media_gallery/images/empty_gallery.png"}
'.$end;
} ?>
],"template":{"hashBang":"#!/","mainPreloader":1,"menuOpenStart":0,"
title":"Node - Responsive Portfolio
Template","keywords":"","description":"","requestType":1,"requestCurr
ent":""},"page":[{"hash":"about-us-1","title":"About Us | Node -
Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"about_us_1.ht
ml","fileJS":""},{"hash":"about-us-2","title":"About Us | Node -
Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"about_us_2.ht
ml","fileJS":""},{"hash":"milestones","title":"Milestones | Node -
Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"milestone.html
","fileJS":""},{"hash":"services","title":"Services | Node - Responsive
Portfolio
Template","keywords":"","description":"","fileHTML":"service.html","f
ileJS":""},{"hash":"our-process","title":"Our Process | Node -
Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"our_process.ht
ml","fileJS":""},{"hash":"blog/full-width","title":"Blog Full Width |
Node - Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"blog_full_widt
h.html","fileJS":""},{"hash":"blog/right-sidebar","title":"Blog Right
Sidebar | Node - Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"blog_right_side
bar.html","fileJS":""},{"hash":"blog/left-sidebar","title":"Blog Left
Sidebar | Node - Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"blog_left_sideb
ar.html","fileJS":""},{"hash":"blog/post-full-width","title":"Post Full
B-37
Width | Node - Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"blog_post_full_
width.html","fileJS":""},{"hash":"blog/post-right-sidebar","title":"Post
Right Sidebar | Node - Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"blog_post_right
_sidebar.html","fileJS":""},{"hash":"blog/post-left-sidebar","title":"Post
Left Sidebar | Node - Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"blog_post_left_
sidebar.html","fileJS":""},{"hash":"blog/post-slider","title":"Post With
Slider | Node - Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"blog_post_slide
r.html","fileJS":""},{"hash":"blog/post-multi-image","title":"Post With
Multiple Images | Node - Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"blog_post_mult
i_image.html","fileJS":""},{"hash":"blog/post-quote","title":"Post With
Quote | Node - Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"blog_post_quot
e.html","fileJS":""},{"hash":"blog/post-video","title":"Post With Video |
Node - Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"blog_post_vide
o.html","fileJS":""},{"hash":"blog/post-audio","title":"Post With Audio
| Node - Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"blog_post_audi
o.html","fileJS":""},{"hash":"team/our_team","title":"Our Team | Node
- Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"team_our_team
.html","fileJS":""},{"hash":"team/member","title":"Team Member |
Node - Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"team_member_
page.html","fileJS":""},{"hash":"team/layout-infobar","title":"Team
Layout Infobar | Node - Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"team_layout_in
fobar.html","fileJS":""},{"hash":"team/layout-2-columns","title":"Team
Layout 2 Columns | Node - Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"team_layout_2
_column.html","fileJS":""},{"hash":"team/layout-3-
columns","title":"Team Layout 3 Columns | Node - Responsive
B-38
Portfolio
Template","keywords":"","description":"","fileHTML":"team_layout_3
_column.html","fileJS":""},{"hash":"team/layout-4-
columns","title":"Team Layout 4 Columns | Node - Responsive
Portfolio
Template","keywords":"","description":"","fileHTML":"team_layout_4
_column.html","fileJS":""},{"hash":"portfolio/item","title":"Portfolio
Item Page | Node - Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"portfolio_item_
page.html","fileJS":""},{"hash":"portfolio/layout-1-
column","title":"Portfolio Layout 1 Column | Node - Responsive
Portfolio
Template","keywords":"","description":"","fileHTML":"portfolio_layou
t_1_column.html","fileJS":""},{"hash":"portfolio/layout-2-
columns","title":"Portfolio Layout 2 Columns | Node - Responsive
Portfolio
Template","keywords":"","description":"","fileHTML":"portfolio_layou
t_2_column.html","fileJS":""},{"hash":"portfolio/layout-3-
columns","title":"Portfolio Layout 3 Columns | Node - Responsive
Portfolio
Template","keywords":"","description":"","fileHTML":"portfolio_layou
t_3_column.html","fileJS":""},{"hash":"portfolio/layout-4-
columns","title":"Portfolio Layout 4 Columns | Node - Responsive
Portfolio
Template","keywords":"","description":"","fileHTML":"portfolio_layou
t_4_column.html","fileJS":""},{"hash":"styles/accordion","title":"Styles
: Accordion | Node - Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"style_accordion
.html","fileJS":""},{"hash":"styles/audio","title":"Styles: Audio | Node -
Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"style_audio.ht
ml","fileJS":""},{"hash":"styles/blockquote","title":"Styles: Blockquote
| Node - Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"style_blockquo
te.html","fileJS":""},{"hash":"styles/button","title":"Styles: Button |
Node - Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"style_button.ht
B-39
ml","fileJS":""},{"hash":"styles/call-to-action","title":"Styles: Call To
Action | Node - Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"style_call_to_a
ction.html","fileJS":""},{"hash":"styles/counter-list","title":"Styles:
Counter List | Node - Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"style_counter_l
ist.html","fileJS":""},{"hash":"styles/divider","title":"Styles: Divider |
Node - Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"style_divider.ht
ml","fileJS":""},{"hash":"styles/dropcap","title":"Styles: Dropcap |
Node - Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"style_dropcap.h
tml","fileJS":""},{"hash":"styles/features","title":"Styles: Features |
Node - Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"style_feature.ht
ml","fileJS":""},{"hash":"styles/google-maps","title":"Styles: Google
Maps | Node - Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"style_google_
map.html","fileJS":""},{"hash":"styles/header","title":"Styles: Headers |
Node - Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"style_header.ht
ml","fileJS":""},{"hash":"styles/iframe","title":"Styles: Iframe | Node -
Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"style_iframe.ht
ml","fileJS":""},{"hash":"styles/layouts","title":"Styles: Layouts | Node
- Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"style_layout.ht
ml","fileJS":""},{"hash":"styles/list","title":"Styles: List | Node -
Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"style_list.html",
"fileJS":""},{"hash":"styles/nivo-slider","title":"Styles: Nivo Slider |
Node - Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"style_nivo_slid
er.html","fileJS":""},{"hash":"styles/nivo-slider-box","title":"Styles:
Nivo Slider Box | Node - Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"style_nivo_slid
er_box.html","fileJS":""},{"hash":"styles/notice","title":"Styles: Notice |
B-40
Node - Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"style_notice.ht
ml","fileJS":""},{"hash":"styles/process-list","title":"Styles: Process List
| Node - Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"style_process_l
ist.html","fileJS":""},{"hash":"styles/resume-list","title":"Styles:
Resume List | Node - Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"style_resume_li
st.html","fileJS":""},{"hash":"styles/skills-list","title":"Styles: Skills
List | Node - Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"style_skill_list.
html","fileJS":""},{"hash":"styles/social-icons","title":"Styles: Social
Icons | Node - Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"style_social_ic
on.html","fileJS":""},{"hash":"styles/space","title":"Styles: Space |
Node - Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"style_space.ht
ml","fileJS":""},{"hash":"styles/tabs","title":"Styles: Tabs | Node -
Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"style_tab.html",
"fileJS":""},{"hash":"styles/testimonials","title":"Styles: Testimonials |
Node - Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"style_testimoni
al.html","fileJS":""},{"hash":"styles/timeline","title":"Styles: Timeline |
Node - Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"style_timeline.
html","fileJS":""},{"hash":"styles/video","title":"Styles: Video | Node -
Responsive Portfolio
Template","keywords":"","description":"","fileHTML":"style_video.ht
ml","fileJS":""},{"hash":"contact","title":"Contact | Node - Responsive
Portfolio
Template","keywords":"","description":"","fileHTML":"contact.html","
fileJS":""}]};
</script>
B-41
<!-- External jQuery plugins -->
<script type="text/javascript" src="<?php echo base_url();
?>assets/js/script/jquery-ui.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();
?>assets/js/script/jquery.easing.js"></script>
<script type="text/javascript" src="<?php echo base_url();
?>assets/js/script/jquery.timeago.js"></script>
<script type="text/javascript" src="<?php echo base_url();
?>assets/js/script/jquery.blockUI.js"></script>
<script type="text/javascript" src="<?php echo base_url();
?>assets/js/script/jquery.qtip.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();
?>assets/js/script/jquery.actual.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();
?>assets/js/script/jquery.ba-bqq.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();
?>assets/js/script/jquery.linkify.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();
?>assets/js/script/jquery.jScrollPane.js"></script>
<script type="text/javascript" src="<?php echo base_url();
?>assets/js/script/jquery.isotope.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();
?>assets/js/script/jquery.scrollTo.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();
?>assets/js/script/jquery.waypoints.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();
?>assets/js/script/jquery.countdown.min.js"></script>
B-42
<script type="text/javascript" src="<?php echo base_url();
?>assets/js/script/jquery.mousewheel.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();
?>assets/js/script/jquery.supersized.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();
?>assets/js/script/jquery.touchSwipe.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();
?>assets/js/script/jquery.elastic.source.js"></script>
<script type="text/javascript" src="<?php echo base_url();
?>assets/js/script/jquery.infieldlabel.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();
?>assets/js/script/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript" src="<?php echo base_url();
?>assets/js/script/jquery.carouFredSel.packed.js"></script>
<script type="text/javascript" src="<?php echo base_url();
?>assets/js/script/mediaelement-and-player.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();
?>assets/js/script/jquery.supersized.shutter.min.js"></script>
<script type="text/javascript">
$(document).ready(function($)
{
$().template(config);
});
</script>
</body>
B-45
</html>
</head><body class="focusedform">
<div class="verticalcenter">
<a href="index.htm"><img src="<?=
site_url('assets/img/pcr.png')?>" alt="Logo" class="brand" /></a>
B-46
<div class="panel panel-primary">
<div class="panel-body">
<h4 class="text-center" style="margin-bottom:
25px;">Silahkan Registrasi</h4>
<form id="form-data" method="post"
action="<?php echo base_url().'user/registrasi'; ?>">
<div class="modal-body">
<fieldset>
<div class="form-group">
<!-- <label for="nama" class="control-label col-sm-4"
style="text-align: left;">Nama</label>-->
<div class="col-sm-12">
<input type="text" class="form-control" id="nama"
name="nama" placeholder="Nama" required>
</div>
</div>
<br>
<div class="form-group">
<!-- <label for="email" class="control-label col-sm-4"
style="text-align: left;">Email</label>-->
<div class="col-sm-12">
<input type="email" class="form-control" id="email"
name="email" placeholder="Email" required>
B-47
</div>
</div>
<div class="form-group">
<div class="col-sm-12">
<select class="form-control" name="role"
required>
B-48
</html>
</head><body class="focusedform">
<div class="verticalcenter">
<a href="index.htm"><img src="<?=
site_url('assets/img/pcr.png')?>" alt="Logo" class="brand" /></a>
B-49
<div class="panel panel-primary">
<div class="panel-body">
<h4 class="text-center" style="margin-bottom:
25px;">Silahkan Registrasi</h4>
<form id="form-data" method="post"
action="<?php echo base_url().'user/registrasi_admin'; ?>">
<div class="modal-body">
<fieldset>
<div class="form-group">
<!-- <label for="nama" class="control-label col-sm-4"
style="text-align: left;">Nama</label>-->
<div class="col-sm-12">
<input type="text" class="form-control" id="nama"
name="nama" placeholder="Nama" required>
</div>
</div>
<br>
<div class="form-group">
<!-- <label for="email" class="control-label col-sm-4"
style="text-align: left;">Email</label>-->
<div class="col-sm-12">
<input type="email" class="form-control" id="email"
name="email" placeholder="Email" required>
B-50
</div>
</div>
<div class="form-group">
<!-- <label for="email" class="control-label col-sm-4"
style="text-align: left;">Email</label>-->
<div class="col-sm-12">
<input type="password" class="form-control"
id="password" name="password" placeholder="Password" required>
</div>
</div>
</fieldset>
</div>
<div class="modal-footer">
<button class="btn btn-info btn-submit"> Simpan</button>
<a href="<?php echo base_url(); ?>user" class="btn btn-default"
data-dismiss="modal"><i class="fa fa-close"></i>Batal</a></button>
</div>
</form>
</div>
</div>
</body>
</html>
B-51
Source Code Validasi.php
<!DOCTYPE html>
<html lang="en">
<?php
$this->load->view('page/title');
?>
<head>
<meta charset="utf-8">
<?php
$this->load->view('page/style');
$this->load->view('page/js');
?>
</head>
<style>
.control-label {
width: 65px !important;
}
.form-control {
margin-left: 20px !important;
}
.form-group {
B-52
margin-bottom: 5px !important;
}
</style>
<body>
<div id="wrapper">
<div class="row">
<div class="col-lg-10" style="margin-left: 50px;">
<center><h2>Data User</h2></center>
<table id="lookup" class="table table-bordered table-
hover">
B-53
<thead bgcolor="#0074e4" align="center">
<tr>
<th>Nama</th>
<th>Email</th>
<th>Status</th>
<?php if ($this->session->userdata("jenis_user") == 1)
{
echo "<th class='text-center'> Action </th>";
} ?>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
<hr />
</div>
</div>
B-54
</div>
<script>
$(document).ready(function() {
var dataTable = $('#lookup').DataTable( {
"processing": true,
"serverSide": true,
"ajax":{
url :<?= json_encode(base_url()) ?>+"user/tabel_user", // json
datasource
type: "post", // method , by default get
error: function(){ // error handling
$(".lookup-error").html("");
$("#lookup").append('<tbody class="employee-grid-
error"><tr><th colspan="3">Tidak ada data</th></tr></tbody>');
$("#lookup_processing").css("display","none");
}
}
} );
} );
</script>
</body>
</html>
B-55