Analisis Cara Kerja Perancangan E-Report Menggunakan Framework Codeigniter Untuk Laporan Keseharia

ANALISIS CARA KERJA PERANCANGAN E-REPORT
MENGGUNAKAN FRAMEWORK CODEIGNITER UNTUK

LAPORAN KESEHARIAN SISWA
(Penulisan Ilmiah)
Di Susun Oleh :
(VICTORIA KARTREE)
17421053
PROGRAM STUDI INFORMATIKA

FAKULTAS ILMU KOMPUTER
UNIVERSITAS BANDAR LAMPUNG
2020
(Penulisan Ilmiah)
(Di ajukan Sebagai Salah satu Syarat Untuk Mengambil Tugas

Akhir Sarjana Strata -1 (S1) Pada Program Study Informatika
Fakultas Ilmu Komputer Universitas Bandar Lampung)
Di Susun Oleh :
(VICTORIA KARTREE)
17421053
PROGRAM STUDI INFORMATIKA

FAKULTAS ILMU KOMPUTER
UNIVERSITAS BANDAR LAMPUNG
2020
iii
iv
ABSTRAK

Oleh :
Victoria Kartree (17421053)
Penelitian ini bertujuan dalam membangun aplikasi pelaporan elektronik yang

membantu pihak sekolah dalam mengelola dan membagikan informasi keseharian
siswa/siswi di sekolah kepada wali murid . Sehingga memudahkan wali murid
dalam mengawasi anaknya di sekolah. Hal tersebut diimplementasikan
menggunakan metodologi terapan yang digunakan dalam memecahkan masalah
praktis dunia modern. Dalam penerapannya di bangun sebuah aplikasi berbasis
web yang di rancang menggunakan metode MVC (Model View Controller) yang
bertujuan dalam mengelompokkan fungsi menjadi sebuah kesatuan sesuai dengan
tipenya masing-masing seperti pada data, tampilan dan controller agar tidak
berserakan. Yang di implementasikan dengan kerangka kerja Codeigniter yang
memiliki dokumentasi sangat baik, file berukuran kecil, kinerja yang baik serta
mudah diintegrasikan. Sehingga dihasilkan sebuat sistem E-report berbasis
Website menggunakan Metode MVC yang dapat menyediakan layanan dalam
mengelola data seperti tambah, lihat, edit, serta hapus data mengenai keseharian
siswa di sekolah yang tersimpan pada database.
Kata Kunci: E-report, Framework Codeigniter, Model View Controller (MVC).
v
ABSTRACT
ANALYSIS OF HOW TO WORK DESIGN OF E-REPORT USING

FRAMEWORK CODEIGNITER FOR STUDENT'S HEALTH
REPORT
Oleh :
Victoria Kartree (17421053)
This research aims to develop an electronic reporting application that helps

schools manage and share student daily information at school with parents.
Making it easier for student guardians to supervise their children at school. This is
implemented using the applied methodology used in solving practical problems in
the modern world. In its application, a web-based application was built that was
designed using the MVC (Model View Controller) method which aims to group
functions into a unit in accordance with their respective types such as data, display
and controller so as not to be scattered. Which is implemented with the
Codeigniter framework which has very good documentation, small files, good
performance and easy to integrate. So as to produce a Website-based E-report
system using the MVC Method that can provide services in managing data such as
adding, viewing, editing, and deleting data about the daily lives of students in
schools stored in the database.
Keywords: E-report, Codeigniter Framework, Model View Controller (MVC).
vi
Kata Pengantar
Puji dan syukur penulis panjatkan kehadirat Tuhan Yang Maha Esa, karena atas
berkat dan rahmat-Nya, sehingga penulis dapat menyelesaikan penulisan ilmiah
ini yang berjudul “Analisis Cara Kerja Perancangan E-report Menggunakan
Framework Codeigniter Untuk Laporan Keseharian Siswa”. Tugas penelitian
ilmiah ini dibuat oleh seluruh mahasiswa Fakultas Ilmu Komputer Universitas
Bandar Lampung sebagai salah satu syarat untuk melakukan tugas akhir .
Penulis menyadari bahwa dalam pembuatan Tugas Akhir ini tidak terlepas
dari bimbingan dan dan arahan dari ba ntuan semua pihak. Dengan selesainya
Tugas Akhir ini, penulis mengucapkan terimakasih kepada :
1. Yang Terhormat Ketua Dewan Pembina Yayasan Administrasi Lampung
(YAL) Ibu Dra. Hj. Sri Hayati Barusman.
2. Bapak Dr.Andala Rama Putra Barusman S.E., MA.Ec, selaku Direktur
Yayasan Universitas Bandar Lampung.
3. Yang Terhormat Rektor Universitas Bandar Lampung, Bapak
Prof.Dr.Ir.M. Yusuf Sulfarano Barusman, MBA.
4. Yang Terhormat Bapak Ahmad Cucus, S.Kom.,M.Kom. selaku Dekan
Fakultas Ilmu Komputer Universitas Bandar Lampung.
5. Yang Terhormat Bapak Marzuki, S.Kom., M.kom., Selaku Ketua Program
Studi Teknik Informatika Fakultas Ilmu Komputer Universitas Bandar
Lampung.
6. Yang Terhormat Bapak Robby Yuli Endra, S.Kom.,M.Kom. selaku dosen
pembimbing utama dalam pembuatan Tugas Akhir ini yang telah
membimbing dan memberi pengarahan dengan baik.
7. Ibu Dra. Yulfriwini, M.T. selaku Ketua Unit Career Center Universitas
Bandar Lampung
8. Yang Terhormat seluruh dosen dan staf pengajar Fakultas Ilmu Komputer
Universitas Bandar Lampung.
9. Teman-teman seperjuangan Angkatan 2017 yang menempuh studi di
Fakultas Ilmu Komputer Universitas Bandar Lampung baik Program Studi
vii
Teknik Informatika maupun Sistem Informasi, terimakasih atas kerjasama
dan kebersamaannya.
10. Semua rekan-rekan yang telah banyak membantu penulis dalam menyusun
penelitian ini.
Semoga Tugas penulisan Ilmiah ini dapat bermanfaat bagi kemajuan ilmu
pengetahuan bagi pembaca khususnya pada bidang pendidikan. Penulis menyadari
bahwa Tugas Penelitian Ilmiah ini masih banyak kekurangan dan jauh dari
kesempurnaan. Oleh karena itu, penulis mengharapkan kritik dan saran yang
bersifat membangun guna memperbaiki dan menyempurnakan Tugas Akhir ini.
Bandar Lampung, Juli 2020
Peneliti
Victoria Kartree
viii
Daftar Isi
LEMBAR PENGESAHAN ................................... Error! Bookmark not defined.
MENGESAHKAN ................................................................................................. iii
ABSTRAK .............................................................................................................. v
Kata Pengantar ...................................................................................................... vii
Daftar Isi................................................................................................................. ix
Daftar Gambar ....................................................................................................... xii
1. Pendahuluan ..................................................................................................... 1
1.1 Latar Belakang ......................................................................................... 1
1.2 Identifikasi Masalah ................................................................................. 2
1.3 Rumusan Masalah .................................................................................... 3
1.4 Batasan Masalah ....................................................................................... 3
2. Landasan Teori ................................................................................................ 4
2.1 Tinjauan Pustaka ...................................................................................... 4
2.2 Tinjauan Study ......................................................................................... 8
2.2.1 Analisis dan Perancangan ................................................................. 8
2.2.2 Aktifitas ............................................................................................. 8
2.2.3 Report ................................................................................................ 8
2.2.4 Website.............................................................................................. 8
2.2.5 Model Views Controler ................................................................... 10
2.2.6 Framework Codeigniter .................................................................. 11
2.2.7 PHP ................................................................................................. 12
2.2.8 HTML ............................................................................................. 13
2.2.9 HTTP ............................................................................................... 14
2.2.10 Database .......................................................................................... 14
ix
2.2.11 MySQL............................................................................................ 15
3. Tujuan dan Manfaat Penelitian ...................................................................... 17
3.1 Tujuan Penelitian .................................................................................... 17
3.2 Manfaat Penelitian .................................................................................. 17
4. Metodologi Penelitian .................................................................................... 18
4.1 Metode Penelitian ................................................................................... 18
4.2 Metode Pengumpulan Data .................................................................... 18
4.3 Teknik Pengumpulan data ...................................................................... 19
4.3.1 Observasi ......................................................................................... 19
4.3.2 Wawancara ...................................................................................... 19
4.4 Analisis Kebutuhan Sistem .................................................................... 20
4.4.1 Kebutuhan Fungsional .................................................................... 20
4.4.2 Kebutuhan Nonfungsional .............................................................. 20
5. Hasil Analisa dan Pembahasan ...................................................................... 22
5.1 Hasil Analisa .......................................................................................... 22
5.2 Pembahasan ............................................................................................ 25
5.2.1 Persiapan dan instalasi .................................................................... 25
5.2.2 Mengkonfigurasi Template ............................................................. 29
5.2.3 Membuat Halaman Utama Apliaksi E-report ................................. 38
5.2.4 Membuat Database .......................................................................... 41
5.2.5 Menu Login ..................................................................................... 44
5.2.6 Read Data Report ............................................................................ 54
5.2.7 Create Data E-report ....................................................................... 57
5.2.8 Delete Data E-report ....................................................................... 62
5.2.9 Update Data E-report ...................................................................... 64
6. Rencana Penelitian Selanjutnya ..................................................................... 70
x
7. Kesimpulan Dan Saran .................................................................................. 71
7.1 Kesimpulan ............................................................................................. 71
7.2 Saran ....................................................................................................... 71
Daftar Pustaka ....................................................................................................... 72
Lampiran ............................................................................................................... 75
xi
Daftar Gambar
Gambar 2.1 Alur Program MVC ........................................................................... 10

Gambar 2.2 Letak Folder MVC pada Codeigniter ................................................ 12
Gambar 5.1 Flowchart........................................................................................... 23
Gambar 5.2 Website Codeigniter .......................................................................... 25
Gambar 5.3 download bootstrap ........................................................................... 25
Gambar 5.4 extract Folder CI dan Bootstrap ........................................................ 26
Gambar 5.5 Folder CI dalam app e-report ............................................................ 26
Gambar 5.6 start apache pada xampp ................................................................... 26
Gambar 5.7 CI terinstal pada e-report .................................................................. 27
Gambar 5.8 Folder ereport pada sublime text ...................................................... 28
Gambar 5.9 base URL ........................................................................................... 29
Gambar 5.10 folder asset dalam e-report .............................................................. 29
Gambar 5.11 template ........................................................................................... 30
Gambar 5.12 sourcode template ........................................................................... 30
Gambar 5.13 code templates pada e-report .......................................................... 31
Gambar 5.14 source code applicaton/views/templates_administrator/sidebar.php32
Gambar 5.15 read the user guide online................................................................ 36
Gambar 5.16 Codeigniter URLs............................................................................ 36
Gambar 5.17 sourcode application/view/.htacess ................................................. 37
Gambar 5.18 Template dalam aplikasi E-report ................................................... 37
Gambar 5.19 Tempilan utama app E-report ......................................................... 41
Gambar 5.20 start MySQL .................................................................................... 41
Gambar 5.21 Tabel data E-report ......................................................................... 42
Gambar 5.22 Tabel data User................................................................................ 42
Gambar 5.23 database e-report ............................................................................. 43
Gambar 5.24 Template Login ............................................................................... 44
Gambar 5.25 Tampilan Login ............................................................................... 48
Gambar 5.26 tampilan form kosong...................................................................... 49
Gambar 5.27 tampilan login salah user ................................................................ 51
Gambar 5.28 read data e-report ............................................................................ 55
xii
Gambar 5.29 tampilan form input data ................................................................. 60
Gambar 5.30 tampilan aksi delete ......................................................................... 63
Gambar 5.31 hapus data ........................................................................................ 63
Gambar 5.32 Tampilan edit data e-report ............................................................. 67
xiii
1. Pendahuluan
1.1 Latar Belakang

Semua aktivitas kehidupan akan memerlukan infomasi, sehingga bisa juga
dikatakan bahwa semua aktivitas yang dijalankan dituntut untuk menghasilkan
informasi yang berguna bagi setiap orang. Dalam dunia pendidikan di era
globalisasi perkembangan teknologi informasi yang semakin pesat ini tidak bisa
dihindari lagi pengaruhnya. Tuntutan akan tegnologi informasi yang menuntut
dunia pendidikan untuk selalu menyesuaikan perkembangan teknologi dalam
membantu meningkatkan mutu pendidikan, terutama dalam penyesuaian
penggunaan teknologi informasi dan komunikasi bagi dunia pendidikan
khususnya dalam proses pembelajaran. Hingga saat ini tegnologi sangat berperan
penting dibidang pendidikan sebagai infrastruktur pembelajaran dalam format
digital, seperti modus belajar jarak jauh (distance learing),adapun penggunaan
perangkat teknologi informasi interaktif, seperti aplikasi berbasis Website,android
dll dalam menyimpan sebuah informasi yang mudah untuk di dapat . Perubahan
akan tuntutan itulah yang menjadikan dunia pendidikan dalam proses
pembelajarannya memerlukan inovasi dan kreativitas karena banyak orang
mengusulkan dalam pendidikan khususnya pembelajaran, akan tetapi sedikit
sekali orang berbicara tentang solusi pemecahan masalah tentang perkembangan
didik siswa/sisiwi yang sesuai dengan tuntutan global saat ini . Tuntutan teknologi
informasi akan bentuk pelaporan elektronik yang cepat, efektif, efisien dan
transparan sangat dibutuhkan juga dalam menunjang perkembangan didik siswa.
Di era modern sekarang ini, para orang tua, guru dan siswa lebih banyak
berinteraksi menggunakan teknologi informasi dalam mencari informasi, karena
lebih mudah di mengerti dan tidak sulit dalam penggunaannya.
Seperti contohnya para orang tua yang ingin mengetahui informasi atau
mengawasi anaknya di sekolah demi menunjang perkembangan didik anak, harus
mencari informasi terkadang informasi yang di berikan beberapa sumber tidak
terpercaya, seperti juga halnya kepada wali kelas atau guru yang sedang terjadi di
1
masa sekarang di salah pahami oleh orang tua di karenakan memperingati siswa
yang melanggar aturan. Oleh karena itu, ada salah satu teknologi yang
berkembang yang dapat menyelesaikan masalah tersebut yang memudahkan
pengguna untuk mendapat informasi untuk mengawasi anaknya dan menyimpan
data pelaporan siswa yaitu e-report (Laporan Elektronik) Berbasis web
pengawasan orang tua terhadap siswa/siswi dengan menggunakan metode Model-
View-Controller .
E-report adalah pelaporan yang disampaikan secara elektronik dengan

menggunakan media elektronik, diantaranya seperangkat komputer melalui
jaringan internet. Model-View-Controller atau MVC untuk membuat sebuah
aplikasi dengan memisahkan data (Model) dari tampilan antar muka (View) dan
dan yang memprosesnya (Controller).Ereporting berbasis web ini akan bekerja
jika siswa /siswi melakukan hal yang melanggar peraturan sekolah yang harus di
ketahui oleh orang tua, system ini akan memberikan laporan kepada wali murid
tentang keseharian di sekolah siswa/siswi yang melanggar peraturan di sekolah
dan menyimpan data pelaporan tersebut.
1.2 Identifikasi Masalah

Berdasarkan uraian diatas, masalah yang dapat diidentifikasi dalam penelitian
ini adalah sebagai berikut;
1. Terbatasnya pelayanan informasi tentang aktifitas siswa/siswinnya di

sekolah
2. Adanya kesalahpahaman orang tua kepada guru yang memberikan
hukuman kepada siswa yang melanggar aturan sekolah.
3. Sulit dan lamanya pihak sekolah mencari data wali murid untuk
memberikan informasi kepada wali murid terkait keseharian siswa/sisiwi
di sekolah.
2
1.3 Rumusan Masalah
Dari latar belakang yang telah diuraikan maka dapat diambil rumusan
masalah yang akan dibahas dalam penelitian ini adalah bagaimana
mengimplementasikan E-report berbasis web untuk memberikan informasi
keseharian siswa/siswi di sekolah kepada wali murid.
1.4 Batasan Masalah

Berdasarkan Agar pemasalahan yang akan dibahas dalam penelitian ini
lebih terarah dan tidak menyimpang dari pokok permasalahan, maka ruang
lingkup dari permasalahan dalam penelitian ini hanya mencangkup informasi
keseharian siswa/siswi di sekolah yang di terapkan pada E-report berbasis WEB.
3
2. Landasan Teori
2.1 Tinjauan Pustaka

a. Implementasi Model View Controller Dengan Framework Codeigniter
Pada E-Commerce Penjualan Kerajinan Bali (Suharsana et al., 2016)
Berdasarkan permasalahan yang di jelaskan yaitu di kota Denpasar

Prov.Bali memiliki beberapa Usaha Kecil Menengah (UKM), hanya
memasarkan produknya melalui sosial media dan blog, dikarenakan
keterbatasan biaya sehingga sedikit sekali dalam memanfaatkan E-
commerce dengan adanya permasalahan tersebut tujuannya adalah
membangun sebuah aplikasi yang dapat mengakomodir UKM dalam
melakukan transaksi secara online E-commerce yaitu aplikasi Website E-
commerse, aplikasi ini menerapkan arsitektur metode yang di bagi menjadi
menjadi tiga bagian ,data (Model), tampilan (View), dan bagian proses
(Controller) yaitu Model View Controller (MVC). Menurut Rosa dan
Shalahuddin (2011) tujuan dalam menggunakan metode ini jika dalam tim
melakukan pengembangan yang berbeda spesifikai pekerjaan aplikasi ini
akan lebih mudah di pelihara , misalnya dalam spesifikasi pekerjaan
dalam model yaitu database administrator (DBA) untuk mengurusi
masalah basis data, dalam view untuk desainer antarmuka serta dalam
controller untuk programmer. Framework CodeIgnitel digunakan dalam
menerapkan metode MVC dalam pembuatan e-commerce ini. CodeIgniter
merupakan framework yang disusun menggunakan bahasa PHP dalam
membuat sebuah aplikasi berbasis web. Di dalam Codeigniter memilik
macam-macam kelas yang berbentuk Library dan Helper yang digunakan
untuk membantu programer dalam mengembangkan aplikasi yang akan di
kembangjan.
4
Dalam mengenal Codeigniter harus terlebih dahulu mengetahuin
konsep dasar MVC Model View Controller . MVC ini secara sederhananya
adalah memisahkan antara desain, data dan proses atau sebuah Tehnik
pemograman MVC ini memisahkan alur bisnis, penyimpanan data dan
antarmuka aplikasi Berdasarkan hasil dari pembahasan maka dapat
disimpulkan bahwa, dalam memudahkan pelanggan untuk melakukan
pembelian ataupun pemesanan produk secara online Penelitian ini
menghasilkan sebuah Aplikasi E-commerce kerajinan bali dengan Model
View Controller dan yang menggunakan framework Codeigniter
b. Pengembangan Web Kependudukan Desa Grogol Banyuwangi Dengan

Metode MVC (Chusyairi, 2017).
Website ini di kembangakan berdasarkan permasalahan yang di

jelaskan yaitu tidak ada pemisahan antara data penduduk , tampilan web
dan cara proses data penduduk sehingga pengembang Website mengalami
kesulitan Dengan adanya masalah tersebut munculah upaya dalam
mengatasi masalah tersebut yaitu dengan penggunaan metode ModelView-
Controller (MVC) dengan metode ini pengembang Website akan lebih
mudah karena kode dalam pemograman tentu akan berkurang menjadi
lebih signifikan dan hasilnya menjadi fleksibel.
Metode ini menghasilkan bagian front-end digunakan untuk
operator web kependudukan sedangkan bagian back-end digunakan untuk
admin web kependudukan. Dalam membuka layanan kependudukan yang
ditampilkan menggunakan metode view. Dari perintah untuk memanggil
layanan dari metode view tersebut controller mengoperasikan untuk
memanipulasi data penduduk dan mengirimkan data dari model ke view
untuk dapat ditampilkan.
Berdasarkan hasil pembahasan maka dapat disimpulkan bahwa,
web ini meliputi data kependudukan yang di sajikan dengan berupa
5
statistic agar pengguna mudah untuk mendapatkan informasi sesuai
kebutuhannya karema menggunakan metode MVC Sehingga Hasil
penyajian Website tersebut sesuai dengan yang di butuhkan desa tersebut.
pengujian web kependudukan menampilkan hasil sesuai dengan kebutuhan
Desa Grogol yang di dalamnya menyajikan search, filter, print dan
memanipulasi seperti menampilkan, menambahkan, mengedit dan
menghapus pada data kependudukan tersebut .
c. Website e-commerce menggunakan model view controller (MVC) dengan

framework codeigniter (Prabowo, 2015)
Berdasarkan masalah yang di jelaskan dalam toko tersebut pembeli

harus datang ke penjualnya langsung , dengan masalah ini maka Website
e-commerce dibuat agar pembeli bebas memilih produk tanpa harus
datang ke toko dan transaksi menjadi lebih cepat dan mudah. Dalam
membangun Website e-commerce ini akan menerapkan Model View
Controller (MVC) metode yang memisahkan bagian data atau sering di
sebut model tampilan atau view, dan yang terakhir pemisah pada bagian
prosesnya atau Controller. Metode ini di rancang agar agar developer
berikutnya akan mudah untuk megembangkan aplikasi ini yang
menerapkan framework Codeigniter karena di dalamnya memiliki libraries
untuk memudahkan dalam membangun Website Ada tiga hal penting
dalam framework Codeigniter yaitu model,view, dan controller. Jadi
Model merupakan bagian yang berfungsi menghubungkan aplikasi dengan
database, dan View merupakan bagian yang menampilkan desain dari
aplikasi, sedangkan controller adalah bagian yang mengatur jalannya
model dan view.
Push Notification digunakan dalam Website ini yang berguna jika
pelanggan membeli, konfirmasi antara user dana admin dalam melakukan
pembayaran , mengirim komentar barang yang sudah di beli . Berdasarkan
6
hasil pembahasan maka dapat disimpulkan bahwa, arsitektur MVC (Model
View Controller) pada Website ini yang di implementasikan dengan
Framework Codeigniter membuat aplikasi Website lebih mudah
dikembangkan oleh programmer selanjutnya serta dalam penggunaan fitur
push notification pada sistem ini dapat mempermudah administrator atau
kariawan agar mendapatkan informasi dengan cepat dan tepat waktu.
d. Penerapan arsitektur model view controller (MVC) pada sistem informasi

e-skripsi STMIK Royal (Yesputra, Rolly, Marpaung Nasrun, 2018)
Berdasarkan permasalaahan yang di jelasakan yaitu Website ini
dibangun untuk memanfaatkan tegnologi dalam memudahkan kegiatan
bimbingan skripsi di perguruan tinggi tersebut dengan efektif dan efesien.
Untuk menyelesaikan masalah tersebut dibangun sebuah system informasi
E-skripsi yang menggunakan sarsitektur MVC (Model View Controller)
agar memudahkan programmer dalam mengembangkan aplikasi , metode
ini memisahkan antara pengolahan data atau model dengan
desain/tampilan atau view, serta controller atau proses yang mengontrol
data untuk di tampilkan dan aplikasi ini menggunakan bahasa
pemograman PHP dan MySQL dalam database.
Dalam pengimplementasian metode tersebut di hasilkan tampilan
utama yang disediakan untuk pelayanan e-skripsi kepada pengguna seperti
menampilkan hasil dari pengajuan judul dengan status di terima/ditolak .
Berdasarkan hasil pembahasan maka dapat disimpulkan bahwa, dengan
adanya E-skripsi berbasis web dengan arsitektur MVC mempermudah
dalam penggunaan kode ulang dengan source code lebih rapi dan sesuai
dengan fungsinya sehingga memudahkan pengembang aplikasi e-skripsi
ini .
7
2.2 Tinjauan Study
2.2.1 Analisis dan Perancangan

Langkah awal yang dilakukan dalam pengembangan sistem atau
membangun sistem untuk menentukan kebutuhan, permasalah yang dapat diatasi
dari adanya sebuah sistem yang akan dibangun, dan sistem seperti apa yang akan
dibuat merupakan pengertian dari sebuah nalisis dan perancangan sistem
(Adiguna et al., 2018).
2.2.2 Aktifitas
Dikemukakan oleh Sampurna aktivitas merupakan bentuk kegiatan,
keaktifan, dan kesibukan(Tarigan, 2014). Ada berbagai macam kegiatan siswa
seperti visual activities,Oral activities, Listening activities,Writing activities,
Drawing activities, motor activities, Mental activities, dan emotional activities
(Agustin et al., 2017).
2.2.3 Report
Report dalam bahasa indonesianya adalah laporan yang merupakan salah
satu kegiatan yang memberikan keterangan yang berisikan perkembangan atau
hasil dari segala kegiatan yang berkaitan dengan tugas dan fungsi kepada atasan
atau pejabat yang lebih tinggi.
E-report kata dalam bahasa inggris yang dalam bahasa indonesianya

adalah laporan elektronik yang diartikan sebagai bentuk laporan dengan
penyampaianya secara elektronik yang dapat di lakukan di mana saja (Endra &
Aprilita, 2018).
2.2.4 Website
Pada tahun 1991 World Wide Web (WWW) merupakan suatu program
yang ditemukan oleh tim Bernes-Lee.Pada awalnya Bernes-Lee ingin menemukan
cara menyusun arsip-arsip risetnya, dengan mengembangkan sistem untuk
8
kepentingan sendiri hingga berhasil menciptakan jaringan untuk menautkan
berbagai arsip sehingga memudahkan pencarian informasi yang dibutuhkan.
WWW bekerja berdasarkan tiga mekanisme, seperti infoemasi disimpan dalam
dokumen halaman web,halaman web merupakan file file yang disimpan dalam
webserver, webserver yang mengakses isi dari halaman web dengan web
client(Hidayatullah & Jauhari Khairul Kawistra, 2017).
Website merupakan sebuah halaman situs yang berisikan informasi dalam

internet, yang menggunakan hypertext.serta di tuntun dengan mengikuti link yang
informasinya di sediakan dalam dokumen web lalu di tampilkan dalam web
browser. Web di bagi menjadi dua yaitu ;
1. Web statis merupakan jenis web yang sifatnya statis atau sering di sebut
tetap. Sifat statis yang di maksud adalah Website yang berisikan informasi
yang tetap jadi pengguna Website tidak dapat berintera ksi dengan web
tersebut.
2. Web dinamis web ini berbalikan dari Website statis karena web ini
pengguna dapat berinteraksi dengan mengolah informasi yang di
tampilkan menggunakan sebuah form.
Kelebihan Website ini dapat di akses kapanpun, dimanapun dengan menggunakan

internet yang di akses menggunakan web browser dan tidak perlu menginstal
aplikasi khusus. Kekurangan yang dimiliki aplikasi web tersebut merupakan
antarmuka yang dapat di buat dengan terbatas, sesuai pada spesifikasi dokumen
web, dan kemampuan web browser dalam menampilkan Website, dan kemampuan
internet juga dapat mempengarhi respon aplikasi.Sistem web berarsitektur client-
server dengan menggunakan protocol HTTP . Server merupakan computer pusat
pemprosesan perintah-perintah web yang dikirim oleh client, perintahnya seperti
koneksi ke database , menampilkan halaman web dll. Sedangkan untuk client
computer memiliki tugas dalam menampilkan data dari server atau mengirim data
ke server (Febriyatna & UUS Rusmawan, 2018).
9
2.2.5 Model Views Controler
Metode model view controller atau yang sering di singkat dengan MVC ini
adalah sebuah arsitektur/metode untuk membangun sebuah aplikasi yang
memisahkan data (Model) dari tampilan (View) dan cara bagaimana
memprosesnya (Controller). Berikut merupakan bagian-bagiannya (Febriyatna &
UUS Rusmawan, 2018);
1. Model
Dalam bagian Model ini merupakan mewakili struktur data yang
berhubungan langsung dengan database seperti, mengatur data,
menyiapkan data, memanipulasi data, yang meliputi memasukan data ke
basis data, pembaruan data, menghapus data , mengedit data dan lain-lain.
2. View
View adalah bagian yang mengatur sebuah data tampilan ke pengguna atau
hanya sekedar menampilkan template.
3. Controller
Controller Bertugas untuk mengatur atau mengontrol dan memberikan
intruksi , yang digunakan dalam memproses data setelah query dari model
yang nantinya akan di proses pada controller dan ditampilkan pada view.
Gambar 2.1 Alur Program MVC
10
2.2.6 Framework Codeigniter
Pada 28 Februari tahun 2016 Codeigniter (CI) dirilis pertama kali lalu
pada bulam juli 2013 di umumkannya untuk mencari pemilik baru CI dikarenakan
lingkup internal yang tidak focus dalam mengembangan CI tersebut yang di
umumkan oleh Ellis Lab. Pada akhirnya kepemilikan CI berpindah kepada British
Columbia Institute of Tecnology pada oktober 2014. Hingga akhirnya British
Columbia Institute of Tecnology merilis Codeigniter 3.2 yang memiliki fitur lebih
kaya. Codeigniter menggunakan bahasa pemograman PHP yang memiliki
kelebihan yang di sebutkan dalam dalam dokumentasinya yaitu sebagai berikut
(Anton Subagia, 2017);
1. Free, Codeigniter memiliki lisensi yang open source lisensi yang lengkap
dapat di lihat di halaman dokumen (Endra et al., 2020)
2. Light weight, Codeigniter memerlukan Library yang sedikit , Library
tambahan saat request secara dinamis.
3. Fash, sesuai dengan dokumentasinya codeigniter lebih cepat di
bandingkan dengan framework yang lainnya.
4. Menggunakan metode MVC, dengan menggunakan metode ini
memudahkan programmer dalam membangun aplikasi.
5. URL yang bersih, URL yang di hasilkan oleh codeigniter bersih dan ramah
terhadap search engine.
6. Packs a Punch, Codeigniter memilihi berbagai Library yang membantu
tugas dalam pengembangan web.
7. Extensible, dalam Codeigniter dapat menambahkan Library/ Helper yang
akan di ciptakan sendiri pada CI.
8. Thotoughly Documented, Semua Helper dan Library sudah
terdokumentasi lengkap dan tersusun.
9. Memiliki komunitas yang ramah, yang di maksudkan di sini adalah
pengguna Codeigniter memiliki sebuah komunitas yang dapat
memudahkan kita dalam mencari informasi .
11
Codeigniter memiliki beberapa istilah sebagai berikut (Anton Subagia, 2017);
1. Model, model dalam CI ini merupakan class PHP yang digunakan untuk 2
dengan informasi database.
2. Controller, yang menentukan penanganan HTTP request, termasuk inti
dari sebuah aplikasi.
3. View, Merupakan tampilan halaman web, seperti header,footer,sidebar dll.
4. Library, merupakan class berisikan penyelesaian kasus tertentu.
5. Helper, yang terdiir dari kumpulan function yang bertugas dalam kategori
tertentu.
6. Driver, Library yang khusus yang memiliki class induk dll.
Gambar 2.2 Letak Folder MVC pada Codeigniter
2.2.7 PHP
Biasa di sebut singkat dari Hypertext Pre-processor ,PHP adalah Bahasa
pemrograman umum yang dapat di sematkan ke dalam kode HTML yang
digunakan untuk mengembangkan situs web statis atau situs web dinamis atau
aplikasi Web.Pada tahun 1995 PHP muncul Rasmus Lerdorf . Hingga selanjutnya
Rasmus membuat kode menjadi terbuka dengan membuat kode untuk umum yang
di beri nama PHP/FI, hal ini membuat pemogram tertarik dalam mengikuti
perkembangan PHP tersebut. Setelah itu diliris PHP/FI versi 2.0 pada tahun 1997
November perubahannya yaitu, interpreter PHPnya sudah diimplementasikan
dalam program C. Pada tahun yang sama Interpreter PHP tersebut ditulis ulang
menjadi lebih baik,bersih, dan lebih cepat oleh Zend yang kemudian diliris
12
interpreter tersebut dan di resmikan menjadi PHP 3.0 pada tahun 1998.
Perkembangan selanjutnya yaitu muncul PHP 4.0 oleh Zend pada tahun 1999
yang menjadikan PHP mampu membangung aplikasi web yang komplek dengan
kecepatan dan stabilitas tinggi. Hingga banyak di pakai pada abad ke 21. Setelah
itu Zend merilis lagi PHP versi 5.0 pada tahun 2004, hal ini pada inti interpreter
PHP ini memasukan model berorientasi objek ke dalam PHP sehingga mengalami
perubahan besar (Mundzir MF, 2018)
PHP merupakan termasuk bahasa pemograman yang berfungsi dalam

membuat Website dinamis dan interaktif yang di maksud kan dinamis merupakan
Website yang dapat di ubah tampilan dan isinya. Dan yang dimaksudkan dalam
interaktif merupakan membuat Website memberikan feedback kepada user
(Mundzir MF, 2018).
2.2.8 HTML
HTML merupakan singkatan dari Hypertext Markup Language yang
digunakan untuk membuat struktur dalam mendesain sebuah halaman Website
yang bisa digunakan untuk menulis text, memasukan gambar, membuat form,dll.
HTML ini digabungkan dengan CSS dan script lain seperti javasscript , hal
tersebut terjadi karena HTML tidak bisa berdiri sendiri (Jubilee Enterprise, 2018).
HTML tidak bisa di sebut bahasa pemograman walaupun mengandung

berbagai kode seperti tanda, mark dan tag. Ada beberapa struktur yang tidak dapat
di temukan pada HMTL yaitu seperti logika if, variable, penulisan saintax yang
cermat , pengulangan, debugger. Berbeda dengan PHP jika terdapat kode yang
kurang atau salah akan terjadi eror , tetapi dalam HTML jika terdapat kesalahan
tidak akan terjadi apa apa tetapi tampilan pada Website yang di buat tidak sesuai
dengan yang diinginkan. HTML memiliki struktur dasar seperti, tag DTD atau
DOCTYPE, tag HTML, tag HEAD dan tag BODY berikut penjelasannya (Jubilee
Enterprise, 2018);
13
1. Tag DTD atau DOCTYPE
Tag ini berfungsi dalam memberi tahu kepada browser jika dokmen yang
akan di tampilkan merupakan berjenis HTML.
2. Tag HTML
Tag ini merupakan tag pembuka pada seluruh halaman web , tag ini harus
di tulis berpasangan di awali dengan <html> dan di akhir </html>
3. Tag HEAD
Tag head ini mendefinisikan keterangan tehnis seperti judul halaman,
kode, css,javascript, dll pada judul halaman menggunakan tag <title> ,
sedangkan title ini akan di tampilkan pada bagian tab .
4. Tag BODY
Tag ini di tulis dengan awalan <body> da n di akhiri dengan </body> yang
berfungsi dalam meletakan semua elemen yang akan di tampilkan seperti
paragraph, table, link, gambar dll
2.2.9 HTTP
HTTP merupakan singkatan dari (Hypertext Transfer Protocol) HTTP ini
merupakan sebuah protokol yang bertujuan agar client dan serverbisa
berkomunikasi dengan gaya request-response. HTTP menentukan bagaimana
webserver dan browser bereaksi dan bereaksi terhadap berbagai perintah , juga
menentukan bagaimana format pesan dan cara pengirimannya (Hidayatullah &
Jauhari Khairul Kawistra, 2017).
2.2.10 Database
Basis data sebagai himpunan kelompok data dan saling berhubungan
untuk di manfaatkan dengan cepat dan mudah yang emmiliki prinsip dasarnya
merupakan peraturan data. Basis data memiliki tujuan seperti, kecepatan dan
kemudahan, efisien ruang penyimpanan, keakuratan, ketersediaan, kelengkapan,
keamanan, dan pemakaian bersama. Basisdata saying pening dalam sebuah
organisasi karena merupakan komponen utama dalam sistem informasi dan tidak
14
ada sistem informasi yang bisa di jalankan tanpa basisdata. Pemanfaatan basis
data seperti kepegawaian, pergudangan,akutansi, reservasi, catatan medic,
akademik, penggajian dll. Dalam membuat basis data dilakukan terlebih dulu
dalam melakukan proses perancangan yang bersifat konseptual yang bertujuan
untuk mendapatkan skema basis data untuk meminimilisasi terjadinya redudansi.
Software DBMS itu sendiri pun memiliki sistem penyimpanan tersendiri dan lebih
terstruktur serta rapi sehingga saat pemanggilan data akan langsung jauh lebih
cepat (Hidayatullah & Jauhari Khairul Kawistra, 2017)
2.2.11 MySQL
MySQL digunakan dalam mengelola dan membuat sebuah database ,yang
di dalamnya mempunyai program khusus atau perintah dasar yaitu query SQL
(Structured Query Language). Sebelum data disimpan dalam database MSQL ,
database ini digunakan dalam pengimputan data menggunakan HTML , setelah itu
di olah PHP yang kemudian dapat tersimpan pada database MySQL(Jubilee
Enterprise, 2018)
MySQL mempunyai kelebihan seperti gratis,handal,selalu di update dan

banyak forum yang memfasilitasi pengguna seperti contohnya pengguna yang
memiliki kendala. Memiliki arsitektur sistem yang mengkonfigurasi sistem
dengan keseluruhan tempat hidup dari basisdata,DBMS serta aplikasi yang
memakainya , jenisnya seperti sistem mandiri,sistem tersentralisasi dan sistem
client server.Berikut merupakan tipe-tipe data dalam MySQL (Hidayatullah &
Jauhari Khairul Kawistra, 2017)
1. Tipe data numeric yang terdiri dari integer dan floating

point,tinyin,smallint, mediumint,bigint, double, decimal. Contoh seperti
Integer digunakan dalam data bilangan bulat, sedangkan floating point di
gunakan untuk bilangan decimal.
15
2. Tipe data string , string merupakan raingkaian karakter
car,varcar,text,blob,dan enum . Seperti char kisaran nilai 1-255 karakter
dll.
3. Tipe data tanggal, untuk data ini berupa seperti datetime, date, timestamp,
time dan year. Dalam hal ini MySQL memberikan peringatan eror jika
waktu yang di input salah.
16
3. Tujuan dan Manfaat Penelitian
3.1 Tujuan Penelitian

Berdasarkan perumusan masalah di atas, maka tujuan yang akan dicapai dalam
penelitian ini adalah sebagai berikut :
1. Membuat aplikasi pelaporan elektronik untuk membantu wali murid

dalam mengawasi keseharian siswa/siswi yang melanggar peraturan
sekolah.
2. Membantu Guru untuk memberikan informasi dan menyimpan pelaporan
data siswa/siswi demi menunjang perkembangan didik siswa/siswi.
3.2 Manfaat Penelitian

Berdasarkan tujuan penelitian yang hendak dicapai, maka penelitian ini
diharapkan mempunyai manfaat adalah sebagai berikut;
1. Memudahkan kepada wali murid untuk mendapat informasi dalam

mengawasi keseharian siswa/siswi di sekolah.
2. Menjadi referensi untuk pengembangan program e-report selanjutnya.
17
4. Metodologi Penelitian
4.1 Metode Penelitian

Menurut Sugiyono Metode penelitian pada dasarnya merupakan cara ilmiah
untuk mendapatkan data dengan tujuan dan kegunaan tertentu , cara ilmiah, data,
tujuan dan kegunaan merupakan empat kata kunci yang perlu di perhatikan.
Disimpulkan bahwa metode penelitian adalah suatu cara ilmiah untuk
memperoleh data dengan tujuan dan kegunaan tertentu. Dalam penelitian ini
menggunakan metode penelitian terapan. Menurut Gay (1977) penelitian
bertujuan untuk , menerapkan, menguji, dan mengevaluasi kemampuan suatu
teori yang akan di terapkan memecahkan masalah yang praktis (Prof.Dr.Sugiono,
2012).
Dalam metode pendekatannya penelitian e-report berbasis WEB ini

menggunakan metode MVC singkatan dari model view controller dalam metode
ini cotroller berperan dalam menangani interaksi yang bekerja sama dengan model
serta memilih view yang akan digunakan, seperti user merequest data dari sebuah
database user tersebut tidak bisa langsung berinteraksi dengan model melainkan
harus melalui controller terlebih dahulu setelah user melakukan request pada
controller maka controller akan mengintruksi ke model untuk pengambilan data
didalam database , sebaliknya ketika user melakukan request yang tidak
mengandung database maka controller akan mengintruksi ke view. Selanjutnya
pada view berfungsi dalam menampilkan anatar muka atau sering di dengar user
interface dari aplikasi codeigniter dan dalam model berfungsi dalam mengambil
data dan menyimpan data (CRUD) pada database (Endra et al., 2019).
4.2 Metode Pengumpulan Data

Dalam mencapai tujuan penelitian Metode pengumpulan data dilakukan
dalam memperoleh informasi . Metode pengumpulan data diperlukan untuk
membuktikan dugaan atau yang di sebut hipotesis secara empiris. Pada umumnya
metode pengumpulan data merupakan tehnik atau cara untuk mengumpulkan data
yang di lakukan oleh peneliti.Data merupakan sesuatu yang memerlukan adanya
18
pengolahan dan sesuatu yang belum memiliki arti bagi penerimanya yang bisa
saja berwujut seperti gambar,suara,huruf,angka dll. Menurut cara memperoleh
data data di bagi menjadi dua yaitu data primer, yang merupakan data yang
dikumpulkan dan diolah sendiri sedangkan untuk data skunder merupakan data
yang di dapatkan tidak secara langsung.
4.3 Teknik Pengumpulan data

Teknik pengumpulan data dalam penelitian merupakan hal yang paling
strategis, karena dalam penelitian memiliki tujuan utama yang merupakan
mendapatkan data dengan menggunakan teknik pengumpulan data maka dari itu
teknik pengumpulan data sangat penting (Prof.Dr.Sugiono, 2012).
Teknik pengumpulan data yang digunkan dalam penelitian ini adalah dengan
cara studi pustaka. Studi pustaka melakukan kegiatan pengumpulan data sesuai
dengan masalah dalam penelitian yang dapat di ambil dari buku-buku, karya
ilmiah, tesis, internet dll.
4.3.1 Observasi
Observasi Menurut Sutrinsni Hadi (1986) merupakan suatu proses yang
kompleks yang tersusun dalam berbagai proses bioligis maupun psikologis, yang
paling penting dalam proses itu adalah pengamatan dan ingatan. Dalam tehnik
pengumpulan data observasi di bedakan menjadi dua yaitu, observasi partisipan
yang ikut berperan serta yang di masksudkan peneliti terlibat dalam kegiatan
sehari-hari orang yang di gunakan dalam sumber penelitian. Dan untuk tehnik
pengumpulan data observasi nonpartisipan kebalikan dari observasi berperan serta
yang artinya peneliti tidak terlibat dalam kegiatan dan hanya mengamati
(Prof.Dr.Sugiono, 2012).
4.3.2 Wawancara
Wawancara merupakan tehnik pengumpulan data dari self-report . Yang
merupakan pertemuan dua orang dengan bertannya jawab sehigga dapat bertukar
informasi (Sugiyono, 2013).Menurut Sutrisno Hadi anggapan yang perlu di ambil
19
yaitu, subjek merupakan orang yang tau tentang dirinay sendiri, yang di katakana
oleh subjek harus benar, dan pertanyaan yang di ajukan pada peneliti harus sama
dengan yang di maksud oleh peneliti. Wawancara dapat di lakukan secara
terstruktur dan tidak terstruktur, melalui tatap muka maupun dengan telepon.
Dalam wawancara ini menghasilkan sebuah data berupa informasi mengenai data
yang di perlukan dalam laporan keseharian siswa
4.4 Analisis Kebutuhan Sistem

Analisis dalam penelitian ini bertujuan untuk memahami kebutuhan yang di
perlukan dari sebuah sistem yang akan di buat. Ada dua jenis kebutuhan dalam
mempermudah menganalisis sebuah sistem yaitu kebutuhan fungsional yang
merupakan kebutuhan yang berisi proses-proses yang akan di lakukan sebuah
sistem, sedangkan untuk kebutuhan nonfungsional merupakan kebutuhan pada
properti yang di miliki pada sebuah sistem.
4.4.1 Kebutuhan Fungsional

Kebutuhan fungsional merupakan kebutuhan yang berisi suatu proses yang
nantinya dijalankan oleh sistem;
1. Sistem dapat menyimpan data keseharian siswa di sekolah.

2. Sistem dapat menampilkan ,menambah, mengedit serta menghapus data
keseharian siswa di sekolah.
4.4.2 Kebutuhan Nonfungsional

Analisis kebutuhan non fungsional dilakukan untuk mengetahui spesifikasi
kebutuhan untuk sistem yang akan di buat , dalam hal ini spesifikasi kebutuhan
melibatkan analisis perangkat lunak (software) dan spesifikasi kebutuhan
perangkat keras (hardware). Berikut merupakan hardware dan software yang
dibutuhkan:
1. Sistem Operasi Windows 7

2. Sublime text
3. Database MySQL
20
4. Xampp sebagai server yang berdiri sendiri
5. Bahasa pemrograman menggunakan PHP
6. Browser menggunakan Google Chrome
7. Komputer pentium 4 atau lainnya
8. RAM 256 MB atau lebih
9. Hardisk 80 GB atau lebih
21
5. Hasil Analisa dan Pembahasan
5.1 Hasil Analisa

Berikut merupakan hasil penelitian pada sistem yang diambil dari beberapa
jurnal ataupun web yang telah dibaca oleh penulis dengan menggunakan sublime
text dalam pembuatan sistem E-report berbasis WEB dan menggunakan metode
MVC (model view controller) yang dibedakan menjadi beebrapa bagian sesuai
fungsinya seperti model (data), views (tampilan), controller(mengintruksi views
dan tampilan) yang akan memudahkan pembuat dan pengembang aplikasi e-
report. Selanjutnya pada view berfungsi dalam menampilkan anatar muka atau
sering di dengar user interface dari aplikasi codeigniter dan dalam model
berfungsi dalam mengambil data dan menyimpan data (CRUD) pada database
sedangkan controller dalam menangani interaksi yang bekerja sama dengan model
serta memilih view yang akan digunakan .
Analisis ini digunakan sebagai dasar bagi tahapan penelitian, sehingga akan
dapat diketahui hasil yang telah dibuat dapat mencapai tujuan yang diinginkan.
Pada sistem ereport ini , menghasilkan sebuah tampilan dan menu admin yang
dapat mengelolah data pelaporan siswa mengenai keseharian siswa yang disimpan
pada sebuah database. Pada sistem ini menyediakan sebuah pengelolaan data
seperti simpan data, lihat data, hapus data, dan update data. Pada E-report ini
merupakan pengiriman laporan berupa elektronik yang berisikan laporan
keseharian siswa . Laporan yang di simpan ini yang akan diinformasikan dari
pihak sekolah kepada orang tua.
Pada sistem ini menyediakan CRUD untuk mengolah data seperti lihat data,
input data, edit data dan hapus data pada admin . Di bawah ini merupakan
flowchart dari program E-report berbasis website ini.
22
Gambar 5.1 Flowchart
23
Penggunaan symbol-simbol flowchart diatas menjelaskan sebuah proses sistem
dan langkah yang di lakukan admin dalam login dan melakukan CRUD atau
create,read,update, dan delete .
1. Create , Admin dapat menginput atau menambahkan data keseharian

siswa, seperti NIS siswa, nama siswa, tanggal , kelas, keterangan laporan,
dan sanksi.
2. Read pada lihat data ini Admin dapat melihat data laporan keseharian
siswa yang sudah di simpan dalam database sistem e-report yang di
tampilkan dalam bentuk tabel seperti NIS siswa, nama siswa, tanggal ,
kelas, keterangan laporan, dan sanksi.
3. Update , Admin dapat mengubah data yang sudah di simpan dalam
database pada sistem e-report , pada NIS siswa, nama siswa, tanggal ,
kelas, keterangan laporan, dan sanksi.
4. Delete, pada delete ini admin dapat menghapus data laporan keseharian
siswa yang ada pada database sistem sesuai pada Id laporan .
24
5.2 Pembahasan
5.2.1 Persiapan dan instalasi

Dalam mendapatkan file Codeigniter harus mengunduh terlebih dahulu pada situs
(Codeigniter.com)
Gambar 5.2 Website Codeigniter
untuk template menggunakan bootstrap SB Admin2 dan di unduh pada

(startbootstrap.com/themes/sb-admin-2/)
Gambar 5.3 download bootstrap
25
Selanjutnya file CI dan template bootstrap yang sudah di unduh dalam ZIP di
extratc dan untuk file CI di rename menjadi “ereport”.
Gambar 5.4 extract Folder CI dan Bootstrap
Lalu Folder CI di masukan pada localdisk(c:)/xampp/htdocs/ereport
Gambar 5.5 Folder CI dalam app e-report
Untuk memastikan codeigniter sudah terinstal buka app xampp dan start apache
Gambar 5.6 start apache pada xampp
26
Setelah di start buka dibrowser , kemudian masuk ke localhost/ereport jika
tampilannya seperti ini maka sudah di pastikan bahwa folder codeigniter sudah
terinstal di dalam htdocs.
Gambar 5.7 CI terinstal pada e-report
Langkah selanjutnya ialah melakukan konfigurasi awal dengan membuka

folder ereport tadi yang sudah disimpan dalam htdocs ke dalam text editor yang
menggunakan sublime text, Terdapat beberapa folder dalam CI seperti app,
system dan user_guide , dan beberapa file di dalamnya , dalam folder tersebut dua
folder penting dalam CI yang pertama adalah application dan System,
1. Application dalam folder ini berisikan semua kode,dan mengisi semuau

code aplikasi.
2. System merupakan salah satu folder yang dilarang untuk mengubah kode
tersebut karena berisikan kode inti , bahkan jika uprage versi hanya me-
replace dengan yang baru.
3. User_guide merupakan folder yang berisikan dokumentasi.
4. .editor_config yang mengkonfigurasi text editor.
5. .gitignore yang didalamnya memiliki file dan folder yang nantinya akan di
abaikan oleh git.
6. Composer.json merupakan file yang didalamnya terdapat keterangan
Library yang dipakai.
7. Contributing.md dan readme.rst merupakan file yang didalamnya
terdapat penjelasan cara berkontribusi dalam proyek CI.
27
8. Index.php file yang diutamakan dari CI , sebagai file yang pertama kali
dibuka .
9. License.txt file yang didalamnya terdapat keterangan lisensi dari CI.
Gambar 5.8 Folder ereport pada sublime text
Lalu ke folder application/config yang pertama akan mengkofigurasikan

aoutoloadnya , dalam librariesnya di tambah database karena projek ini akan
menggunakan database , kemudian menggunakan session ,dan form validation
$autoload['libraries'] = array('database', 'session',

'form_validation');
kemudian mengonfigurasikan Helper dengan menambahkan URL ,form,

dan security.
28
$autoload['Helper'] = array('URL', 'form', 'security');
Seselanjutnya ke file config untuk menambahkan base URLnya , untuk

menentukan base URLnya adalah URL yang kita masukan saat mengecek CI
sudah terinstal yaitu “loclhost/ereport/”
Gambar 5.9 base URL
5.2.2 Mengkonfigurasi Template

Buka Folder template yang sudah di install dan mencopy folder yang ada
di dalamnya yaitu, css,img,js,scss,dan vendor. Setelah itu buat folder di dalam
folder codeigniter dengan nama asset lalu paste folder dari bootsrap kedalam
folder asset yang sudah di buat di folder CI.
Gambar 5.10 folder asset dalam e-report
Kembali ke folder template “sb admin 2 “ yang sebelumnya, lalu buka file
index.php pada browser untuk menampilkan tampilan dashboard dari template
tersebut
29
.
Gambar 5.11 template
Memasukan template tersebut ke dalam aplikasi e-report dengan klik

kanan dan pilih sumber halaman atau dalam bahasa inggrisnya view page source ,
bisa juga dengan menekan tombol ctrl-u maka semua kode akan muncul dan
hasilnya akan seperti ini, lalu copy semua code tersebut
Gambar 5.12 sourcode template
Langkah selanjutnya membuat dua folder baru pada folder

application/views/ beri nama administrator dan templates_administrator , Lalu
pada folder administrator buat file baru lalu paste semua code templates yang
sudah di copy sebelumnya dan save menjadi “dashboard.php”.
30
Gambar 5.13 code templates pada e-report
Selanjutnya pecah semua kodingan ini menjadi beberapa bagian dengan

menggunakan sistem modular lalu cut mulai dari pembuka tag HTML sampai tag
penutup <head> setelah itu buat file baru lagi pada
applicaton/views/templates_administrator , paste code yang sudah di cut
sebelumnya dan save menjadi header.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,
initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>E-report</title>

<link href="<?php echo base_URL()
?>assets/vendor/fontawesome-Free/css/all.min.css"
rel="stylesheet" type="text/css">
<link
href="https://fonts.googleapis.com/css?family=Nunito:200,200
i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"
rel="stylesheet">
31

<link href="<?php echo base_URL() ?>assets/css/sb-admin-
2.min.css" rel="stylesheet">
</head>
Lakukan hal yang sama cut mulai dari pembuka tag body sampai “end of
topbar” setelah itu buat file baru lagi pada
sebelumnya dan save menjadi sidebar.php
Gambar 5.14 source code applicaton/views/templates_administrator/sidebar.php
Lakukan lagi dengan cut code mulai dari “bootstrap core javascript”
sampai akhir code setelah itu buat file baru lagi pada
sebelumnya dan save menjadi footer.php


<script src="<?php echo base_URL()
?>assets/vendor/jquery/jquery.min.js"></script>
?>assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></scri
pt>
32

<script src="<?php echo base_URL() ?>assets/vendor/jquery-
easing/jquery.easing.min.js"></script>


<script src="<?php echo base_URL() ?>assets/js/sb-admin-
2.min.js"></script>


?>assets/vendor/chart.js/Chart.min.js"></script>


<script src="<?php echo base_URL() ?>assets/js/demo/chart-
area-demo.js"></script>
<script src="<?php echo base_URL() ?>assets/js/demo/chart-
pie-demo.js"></script>
</body>
</html>
Save kembali pada file application/view/administrator/dashboard.php



<div class="container-fluid">

<div class="d-sm-flex align-items-center justify-
content-between mb-4">
<h1 class="h3 mb-0 text-gray-800">Selamat Datang
di E-report</h1>
33
</div>

</div>

</div>


<footer class="sticky-footer bg-white">
<div class="container my-auto">
<div class="copyright text-center my-auto">
<span>Copyright © Your Website 2019</span>
</div>
</div>
</footer>

</div>

</div>


<a class="scroll-to-top rounded" href="#page-top">
<i class="fas fa-angle-up"></i>
</a>

<div class="modal fade" id="logoutModal" tabindex="-1"
role="dialog" aria-labelledby="exampleModalLabel" aria-
hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title"
id="exampleModalLabel">Ready to Leave?</h5>
<button class="close" type="button" data-
34
dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">Select "Logout" below if you
are ready to end your current session.</div>
<div class="modal-footer">
<button class="btn btn-secondary" type="button"
data-dismiss="modal">Cancel</button>
<a class="btn btn-primary"
href="login.html">Logout</a>
</div>
</div>
</div>
</div>
Untuk memproses template agar dapat di tampilkan buat folder baru

bernama administrator pada application/controller lalu buat file di dalamnya dan
berinama dashboard.php serta berikan kode untuk memanggil semua file yang
berisikan source code untuk meload templates yang sudah di bagi sesuai dengan
fungsinya dan akan di tampilkan pada menu utama.
<?php
class Dashboard extends CI_Controller{
public function index(){
$this->load-
>view('templates_administrator/header');
$this->load-
>view('templates_administrator/sidebar');
$this->load->view('administrator/dashboard');
$this->load-
>view('templates_administrator/footer');
}
35
}
agar mudah dalam mengunjungi web dalam browser hilangkan index.php

dengan membuat file .htacess pada application/views untuk sourcodenya ambil
pada Website resmi codeigniter (https://Codeigniter.com) lalu pilih
documentation setelah itu pilih read the user guide online setelah itu search
htacess
Gambar 5.15 read the user guide online
Pilih menu Codeigniter URLs dan pilih Removing the index.php file setelah itu
copy code tersebut
Gambar 5.16 Codeigniter URLs
36
Buka file .htaccess yang sudah dibuat sebelumya pada application/view/.htacess
lalu masukna code tersebut
Gambar 5.17 sourcode application/view/.htacess
Selanjutnya pangil semua asset yang sudah di copy dalam folder asset seperti
javascript, jquery,bootstrap dan css. Panggil dengan perintah tag php pada file
header.php dan footer.php untuk memanggil semua assets.
<?php echo base_URL() ?>assets/

Dan yang terakhir buka browser dan buka halaman
localhost/ereport/administrator/dashboard untuk mengecek bahwa templates
sudah terkonfigurasi pada aplikasi e-report
Gambar 5.18 Template dalam aplikasi E-report
37
5.2.3 Membuat Halaman Utama Apliaksi E-report
Setelah templates sudah di masukan kedalam aplikasi ereport , selanjutnya
buat halaman utama sesuai pada kebutuhan aplikasi e-report dengan mengedit
source code pada bagian administrator/dashboard.php dan
templates_administrator/sidebar.php .
Pada bagian dashboard menghapus semua tampilan awal dan hanya di

berikan tulisan “Selamat datang di ereport”



<div class="container-fluid">

<div class="d-sm-flex align-items-center justify-
content-between mb-4">
<h1 class="h3 mb-0 text-gray-800">Selamat
Datang di E-report</h1>
</div>

</div>

</div>


<footer class="sticky-footer bg-white">
<div class="container my-auto">
<div class="copyright text-center my-auto">
<span>Copyright © Your Website 2019</span>
</div>
</div>
</footer>

</div>
38

</div>


<a class="scroll-to-top rounded" href="#page-top">
<i class="fas fa-angle-up"></i>
</a>

<div class="modal fade" id="logoutModal" tabindex="-1"
role="dialog" aria-labelledby="exampleModalLabel" aria-
hidden="true">
<div class="modal-dialog" role="document">
<h5 class="modal-title"
id="exampleModalLabel">Ready to Leave?</h5>
<button class="close" type="button" data-
</button>
</div>
<div class="modal-body">Select "Logout" below if
you are ready to end your current session.</div>
<div class="modal-footer">
<button class="btn btn-secondary" type="button"
data-dismiss="modal">Cancel</button>
<a class="btn btn-primary"
href="login.html">Logout</a>
</div>
</div>
</div>
</div>
39
Pada bagian templates_administrator/sidebar.php hanya menyediakan
menu e-report dan sub menu e-report berikut merupakan sourcode menu E-report
<li class="nav-item">
<a class="nav-link collapsed" href="#" data-
toggle="collapse" data-target="#collapseTwo" aria-
expanded="true" aria-controls="collapseTwo" >
<i class="fas fa-school"></i>
<span>E-report</span>
</a>
<div id="collapseTwo" class="collapse" aria-
labelledby="headingTwo" data-parent="#accordionSidebar">
</div>
</li>
Lalu tambahkan sub menu ereport
<div class="bg-white py-2 collapse-inner rounded">

<h6 class="collapse-header">]Sub-menu E-report:</h6>
<a class="collapse-item" href" > E-eport Siswa</a>
</div>
Didallam sub menu ereport beri tag PHP untuk memberikan instruksi pindah
halaman dalam menu e-ereport
="<?php echo base_URL(). 'administrator/report/index' ?>
Berikut merupakan tampilan menu aplikasi E-report
40
Gambar 5.19 Tempilan utama app E-report
5.2.4 Membuat Database

Membuka kembali aplikasi xampp dan start MysQL dan apache pada xampp
Gambar 5.20 start MySQL
Selanjutnya buka browser localhost/phpmyadmin buat dbereport1 , dan di

dalamnya membuat tb_report, isi setiap field untuk nama,jenis dan panjang
nilainya serta index khusus untuk field/kolom yang akan dijadikan sebagai kunci
utama (primary key). Pada tb_ereport field yang tepat untuk dijadikan kunci
utama adalah id karena salah satu syarat field yang menjadi kunci utama harus
bersifat unik/ tidak boleh sama. primary key dijadikan pada field dengan tipe/jenis
integer dan menggunakan auto_increment (dapat dilihat diantara kolom index dan
komentar). Dengan menggunakan auto_increment, kita tidak perlu entri nilainya,
nilanya akan di generate secara otomatis oleh sistem sehingga terhindar dari
duplikasi nilai.Untuk lainya sesuaikan dengan kebutuhan .
41
Gambar 5.21 Tabel data E-report
Selanjutnya membuat tabel user seperti , isi setiap field untuk nama,jenis dan
panjang nilainya serta index khusus untuk field/kolom yang akan dijadikan
sebagai kunci utama (primary key). Pada tabel user ini field yang tepat untuk
dijadikan kunci utama adalah id karena salah satu syarat field yang menjadi kunci
utama harus bersifat unik/ tidak boleh sama. primary key dijadikan pada field
dengan tipe/jenis integer dan menggunakan auto_increment (dapat dilihat diantara
kolom index dan komentar). Dengan menggunakan auto_increment, kita tidak
perlu entri nilainya, nilanya akan di generate secara otomatis oleh sistem sehingga
terhindar dari duplikasi nilai.Untuk lainya sesuaikan dengan kebutuhan .
Gambar 5.22 Tabel data User
Berikut isi database dari db E-report yang didalamnya sudah terdapat tabel user
dan tabel tb_ereport
42
Gambar 5.23 database e-report
Selanjutnya Didalam folder config sudah terdapat beberapa file yang sudah dibuat
di Codeigniter, Buka file autoload.php untuk mengkonfigurasi libraries untuk
menghubungkan ke database.
$autoload['libraries'] = array('database', 'session');
Masih dalam folder config, Kali ini melakukan konfigurasi untuk pemanggilan
database Buka file database.php kemudian tambahkan uasername “root” dan
database "dbereport1"sesuai nama database yang sudah di buat .
$active_group = 'default';
$query_builder = TRUE;
$db['default'] = array(
'dsn' => '',
'hostname' => 'localhost',
'Username' => 'root',
'Password' => '',
'database' => 'dbereport1',
'dbDriver' => 'mysqli',
'dbprefix' => '',
'pconnect' => FALSE,
'db_debug' => (ENVIRONMENT !== 'production'),
'cache_on' => FALSE,
'cachedir' => '',
'char_set' => 'utf8',
'dbcollat' => 'utf8_general_ci',
43
'swap_pre' => '',
'encrypt' => FALSE,
'compress' => FALSE,
'stricton' => FALSE,
'failover' => array(),
'save_queries' => TRUE
5.2.5 Menu Login

5.2.5.1 Membuat Tampilan Login
Kembali pada file template sb admin 2 yang di unduh pada bootstrap lalu open
file bernama login pada browser, makan akan muncul template login
Gambar 5.24 Template Login
Lalu klik kanan pilih view page source , maka akan muncul source code setelah
itu copy semua code karena sourcode tersebut akan di gunakan untuk membuat
tampilan halaman login.
5.2.5.2 Views Halaman Login
Pada bagian ini untuk menampilkan halaman tersebut di letakan pada folder views
aplikasi E-report dengan membuat file bernama login.php yang berisikan
44
sourcode template halaman login yang sudah di ambil sebelumnya dan sesuaikan
dengan kebutuhan login.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="wid th=device-width,
initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>SB Admin 2 - Login</title>


<link href="vendor/fontawesome-Free/css/all.min.css"
rel="stylesheet" type="text/css">
<link
href="https://fonts.googleapis.com/css?family=Nunito:200,2
00i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"
rel="stylesheet">


<link href="css/sb-admin-2.min.css" rel="stylesheet">
</head>
<body class="bg-gradient-primary">
45
<div class="container"><br><br><br>


<div class="row justify-content-center">
<div class="col-xl-5 col-lg-6 col-md-5">
<div class="card o-hidden border-0 shadow-lg my-

5">
<div class="card-body p-0">

<div class="row">
<div class="col-lg-12">
<div class="p-5">
<div class="text-center">
<h1 class="h4 text-gray-900 mb-
4">Login Administrator</h1>
<?php echo $this->session-
>flashdata('pesan') ?>
</div>
<form method="post"action="<?php echo
base_URL('administrator/auth/proses_login')?> "
class="user">
<div class="form-group">
<input type="text" class="form-
control form-control-user" id="exampleInputEmail" aria-
describedby="emailHelp" placeholder="Username Anda"
name="Username">
<?php echo
form_error('Username','<div class="text-danger small ml-
3">','</div>') ?>
</div>
46
<input type="Password" class="form-
control form-control-user" id="exampleInputPassword"
placeholder="Password Anda" name="Password">
<?php echo
form_error('Password','<div class="text-danger small ml-
3">','</div>') ?>
</div>
<button class="btn btn-primary btn-
user btn-block">Login</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<script src="vendor/jquery/jquery.min.js"></script>
<script
src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script
>


<script src="vendor/jquery-
easing/jquery.easing.min.js"></script>


<script src="js/sb-admin-2.min.js"></script>
</body>
47
</html>
Berikut merupakan Tampilan login aplikasi ereport berbasis Website
Gambar 5.25 Tampilan Login
5.2.5.3 Contoller
Controller ini akan mengintruksi sistem login pada aplikasi ereport ini
sebelumnya membuat file bernama Auth, lalu beri perintah sebgai berikut
Perintah meload template dan halaman login.php yang sudah di buat pada views
$this->load-
$this->load->view('administrator/login');
$this->load-
}
Perintah dalam memproses login atau meload pada models
48
public function proses_login(){
}
Didalam function proses_login di berikan perintah untuk menecek form

Username dan login, jika kosong maka akan memberikan output berupa tulisan
$this->form_validation-
>set_rules('Username','Username','required',[
'required'=> 'Username Wajib diisi!!'
]);
>set_rules('Password','Password','required',[
'required'=> 'Password Wajib diisi!!'
]);
Gambar 5.26 tampilan form kosong
49
Selanjutnya dalam function proses_login untuk mengecek Password dan login
yang sudah di isikan dalam form dan mengecek level
else{
$Username = $this->input->post('Username');
$Password = $this->input->post('Password');
$user = $Username;
$pass = MD5($Password);
$cek = $this->login_model-
>cek_login($user,$pass);
if ($cek->num_rows() > 0){
foreach ($cek->result() as $ck) {

$sess_data['Username'] = $ck->Username;
$sess_data['email'] = $ck->email;
$sess_data['level'] = $ck->level;
$this->session->set_userdata($sess_data);
}
Selanjutnya perintah jika level user sebagai admin maka akan masuk pada menu
admin
if($sess_data['level']== 'admin'){
redirect('administrator/dashboard');
Berikut merupakan perintah jika Username dan Password salah maka tidak dapat
login dan mengeluarkan output “Username atau Password salah”
else{
$this->session->set_flashdata('pesan','<div
50
class="alert alert-danger alert-dismissible fade
show" role="alert">
Username atau Password anda salah !
<button type="button" class="close" data-
dismiss="alert" aria-label="Close">
</button>
</div>');
redirect('administrator/auth');
}
Gambar 5.27 tampilan login salah user
5.2.5.4 Model Halaman Login
51
Yang pertama membuat file bernama login_model lalau berikan perintah function
cek login di dalamnya, untuk mengecek Username dan Password pada databaser
user
>set_rules('Username','Username','required',[
'required'=> 'Username Wajib diisi!!'
]);
>set_rules('Password','Password','required',[
'required'=> 'Password Wajib diisi!!'
]);
if($this->form_validation->run() == FALSE){
$this->load-
$this->load->view('administrator/login');
$this->load-
}
Yang kedua membuat perintah mengecek bahwa Username dan Password yang di
input pada form login sama dengan data yang sudah di simpan dalam tb_user, jika
Username dan Password benar maka berhasil login dan level user juga akan di
cek setelah itu berhasil masuk pada menu utama “administrator/dashboard”
public function getLoginData($user,$pass){

$u = $user;
$p = MD5($pass);
$query_cekLogin = $this->db->get_where('user',
array('Username'=> $u, 'Password' => $p));
52
if(count($query_cekLogin->result()) >0) {
foreach ($query_cekLogin->resuly() as $qck) {
foreach ($query_cekLogin->result() as $ck){
$sess_data ['logged_in'] = TRUE;
$sess_data ['Username'] = $ck->Username;
$sess_data ['Password'] = $ck->Password;
$sess_data ['level'] = $ck->level;
$this->session->set_userdata($sess_data);
}
redirect('administrator/dashboard');
}
}
jika Username dan Password tidak sama maka tidak akan berhasil login, dan akan
keluar output Username dan Password salah , setelah itu akan kembali ke menu
login “administrator/auth”.
else{
$this->session->set_flashdata('pesan', '<div
class="alert alert-danger alert-dismissible fade
show" role="alert">
Username atau Password anda salah !
dismiss="alert" aria-label="Close">
</button>
</div>');
redirect('administrator/auth');
}
53
Jika sudah di buat masuk ke folder ereport/application/config/autoload dan beri
perintah untuk memanggil file login_model dalam config
$autoload['model'] = array('login_model’);
5.2.6 Read Data Report

5.2.6.1 Views
Buat file bernama ereport pada folder views dalam aplikasi ereport . Lalu
menampilkan sebuah halaman yang berisikan data ereport dalam bentuk tabel
sesuai pada tabel yang sudah di buat pada tb_ereport pada dbereport1 ,
<section class="content">
<table class="table">
<tr>
<td>id</td>
<th>NIS</th>
<th>Nama Siswa</th>
<th>Tanggal</th>
<th>Kelas</th>
<th>Ketetangan Laporan</th>
<th>sanksi</th>
<th colspan="2">AKSI</th>
</tr>
</table>
</section>
Selanjutnya buka tag php dan membuat perintah untuk panggil data dalam
tbereport dan memasukan data sesuai dalam tabel.
<?php
$no=1;
54
foreach ($report as $rpt ) :
?>
<tr>
<td> <?php echo $no++ ?></td>
<td> <?php echo $rpt->NIS ?></td>
<td> <?php echo $rpt->nama_siswa ?></td>
<td> <?php echo $rpt->tanggal ?></td>
<td> <?php echo $rpt->kelas ?></td>
<td> <?php echo $rpt->ket_laporan ?></td>
<td> <?php echo $rpt->sanksi ?></td>
<?php endforeach; ?>
Maka data dapat di lihat dalam sebuah tabel sesuai pada tabel dalam database
Gambar 5.28 read data e-report
5.2.6.2 Models
Buat file m_report lau masuk ke folder ereport/application/config/autoload dan

beri perintah untuk memanggil file dalam config
$autoload['model'] = array('login_model, m_report’);
55
Dalam menampilkan data, model akan mengambil data pada tb_report dalam
database
public function tampil_data()

{
return $this->db->get('tb_report');
}
5.2.6.3 Controller
Controller akan memproses request dan mengenerate request pada perintah untuk
menampilkan data.
Mendeklarasikan class yang bernama Report yang meng-ekstendclass inti CI.
class Report extends CI_Controller{

}
Mendeklarasikan function dalam class, memproses model dalam menampilkan
data dan views dalam menampilkan tampilan .
$data['report'] = $this->m_report->tampil_data()-
>result();
$this->load->view('templates_administrator/header');
$this->load->view('templates_administrator/sidebar');
$this->load->view('report', $data);
$this->load->view('templates_administrator/footer');
}
56
5.2.7 Create Data E-report
5.2.7.1 Views
Buka file yang sama dengan read data yaitu report.php dalam folder views lalu
berikan button dalam section di atas tabel data untuk menu menambah data
<button class="btn btn-primary" data-toggle="modal" data-

target="#exampleModal"><i class="fa fa-plus">
<tr></i>Tambah Data Laporan</button></tr>
Selanjutnya membuat form baru untuk menambah data sesuai pada tabel ereport
<div class="modal fade" id="exampleModal" tabindex="-

1" role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog">
<h4 class="modal-title" id="exampleModalLabel"> FORM
INPUT DATA LAPORAN</h4>
</button>
</div>
<div class="modal-body">
<label>NIS</label>
<input type="text" name="nis" class="form-control">
</div>
57
<label>Nama Siswa</label>
<input type="text" name="nama_lengkap" class="form-
control">
</div>
<label>Tanggal</label>
<input type="text" name="tanggal" class="form-
control">
</div>
<label>Kelas </label>
<input type="text" name="kelas" class="form-control">
</div>
</div>
<label>Keterangan Laporan</label>
<input type="text" name="ket_laporan" class="form-
control">
</div>
<label>Sanksi</label>
<input type="text" name="sanksi" class="form-
control">
</div>
58
</form>
</div>
</div>
</div>
</div>
Agar data yang sudah di isikan from dapat di simpan yang ambil oleh controller
maka beri tag php
<form method= "post" action="<?php echo base_URL().

'administrator/report/tambah_aksi' ?>">
Selanjutnya masukan button submit yang berisikan perintah simpan data , tan
button reset untuk mereset form yang sudah di isi
<button type="reset" class="btn btn-danger" data-

dismiss="modal">Reset</button>
<button type="Submit" class="btn btn-primary">Simpan
</button>
Tampilan tambah tambah data akan muncul berbentuk from , dan button submit
dan reset
59
Gambar 5.29 tampilan form input data
5.2.7.2 Model
Kembali pada file m_ereport . Pada tambah data dalam model akan mengelolah
database dalam menyimpan data dengan function input_data
public function input_data($data)

{
60
$this->db->insert('tb_report',$data);
}
5.2.7.3 Controller
Dalam controller mendeklarasikan function tambah_aksi
public function tambah_aksi(){
$data = array(
'NIS' => $nis,
'nama_siswa' => $nama,
'tanggal' => $tanggal,
'kelas' => $kelas,
'ket_laporan' => $ket_laporan,
'sanksi' => $sanksi
);
$this->m_report->input_data($data, 'tb_report');
redirect('administrator/report/index');
}
Post data yang sudah di input data dengan panggil sesuai “ name “
$nis = $this->input->post('nis');
$nama = $this->input-
>post('nama_lengkap');
$tanggal = $this->input-
>post('tanggal');
$kelas =$this->input->post('kelas');
$ket_laporan = $this->input-
61
>post('ket_laporan');
$sanksi = $this->input->post('sanksi');
Input data tersebut sesuai pada tabel report
$data = array(
'NIS' => $nis,
'nama_siswa' => $nama,
'kelas' => $kelas,
'sanksi' => $sanksi
);
Simpan data sesuai pada database dan tabel sesuai pada model yang sudah di buat
sebelumnya
$this->m_report->input_data($data, 'tb_report');
Setelah itu kembali ke tampilan lihat data
5.2.8 Delete Data E-report

5.2.8.1 View
Menu edit di buat aksi pada tabel read data untuk menampilkannya masukan
perintah dalam tabel pada file views/report.php dan memberikan tag php untuk
memanggil perintah hapus dalam controller.
62
<td onclick="javascript: return confirm('Anda yakin
hapus?')"> <?php echo
anchor('administrator/report/hapus/'.$rpt->id, '<div
class="btn btn-danger btn-sm"> <i class="fa fa-
trash"></i></div>') ?> </td>
Gambar 5.30 tampilan aksi delete
Pada perintah tersebut jika mengklik tombol delete akan memberikan konfirmasi
apakan yakin untuk menghapus data
Gambar 5.31 hapus data
5.2.8.2 Model
Model akan mendeklarasikan function hapus data pada database, berikut

merupakan perintah untuk bagian model
public function hapus_data($where, $table){

$this->db->where($where);
$this->db->delete($table);
63
}
5.2.8.3 Controllers
Controller mendeklarasikan dunction hapus ‘id’ dan memproses hapus , lalu

mengembalikan lagi pada menu read data.
public function hapus ($id){
$where = array('id' => $id);

$this->m_report->hapus_data($where,
'tb_report');
}
5.2.9 Update Data E-report

5.2.9.1 Views
Views akan menampilkan menu edit data , dengan menambakhan aksi edit pada
database read data “views/ereport.php” ketika pilih edit maka akan langsung
masuk tampilan edit
<td><?php echo
anchor('administrator/report/edit/'.$rpt->id,'<div
class="btn btn-primary btn-sm"> <i class="fa fa-
edit"></i></div>') ?></td>
Membuat tampilan edit dengan membuat file pada folder views dengan nama
edit.php lalu isikan form sesuai dengan data dan berikan tag php untuk memanggil
semua isi dari data “id”
64
<div class="content-wrapper">
<section class="content">
<?php foreach ($report as $rpt) { ?>
<form method="post">
<label>NIS</label>
<input type="hidden" name="id" class="form-control"
value="<?php echo $rpt->id ?>">
<input type="text" name="NIS" class="form-control"
value="<?php echo $rpt->NIS ?>">
</div>
<label>Nama Siswa</label>
<input type="text" name="nama_siswa" class="form-
control" value="<?php echo $rpt->nama_siswa?>">
</div>
<label>tanggal</label>
<input type="text" name="tanggal" class="form-control"
value="<?php echo $rpt->tanggal?>">
</div>
<label>Kelas</label>
<input type="text" name="kelas" class="form-control"
value="<?php echo $rpt->kelas ?>">
</div>
65
<label>Ket Laporan</label>
<input type="text" name="ket_laporan" class="form-
control" value="<?php echo $rpt->ket_laporan ?>">
</div>
<label>Sanksi</label>
<input type="text" name="sanksi" class="form-control"
value="<?php echo $rpt->sanksi ?>">
</div>
<button type="reset" class="btn btn-

danger">Reset</button>
<button type="Submit" class="btn btn-
primary">Simpan</button>
</form>
<?php } ?>
</section>
</div>
Pada tag form berikan action dan tag php untuk memanggil controller pada report
action="<?php echo
base_URL().'administrator/report/update'; ?>"
Maka form tampilan data sudah terisikan sesuai id dalam database.
66
Gambar 5.32 Tampilan edit data e-report
5.2.9.2 Model
Model akan mendeklarasikan function edit data dan update data pada function
edit data merupakan perintah untuk mengambil data dan function
update_datamerupakan perintah untu menyimpan kembali data yang sudah di edit.
public function edit_data($where, $table){

return $this->db-
>get_where($table,$where);
}
public function
update_data($where,$data,$table){
67
$this->db->where($where);
$this->db->update($table,$data);
}
5.2.9.3 Controller
Dalam controller ini meload data ereport untuk mengontol views dan views dalam
menampilkan data
$where = array('id'=>$id);
$data['report'] = $this->m_report-
>edit_data($where,'tb_report')->result();
$this->load->view('templates_administrator/header');
$this->load->view('templates_administrator/sidebar');
$this->load->view('edit', $data);
$this->load->view('templates_administrator/footer');
Selanjutnya mendeklarasikan function update agar data yang sudah di edit dalam
form dapat di simpan. Yang pertama mempost data dalam form sesuai pada
“name” dalam form edit.php
$id = $this->input->post('id');
$NIS = $this->input->post('NIS');
$nama_siswa = $this->input->post('nama_siswa');
$tanggal = $this->input->post('tanggal');
$kelas = $this->input->post('kelas');
$ket_laporan =$this->input->post('ket_laporan');
$sanksi = $this->input->post('sanksi');
Yang ke dua panggil semua data tersebut dan simpan pada database dan pastikan
nama sesuai dengan kolom database
68
$data = array(
'NIS' => $NIS,
'nama_siswa' => $nama_siswa,
'kelas' => $kelas,
'sanksi' => $sanksi
);
Yang ke tiga data yang sudah di edit simpan kembali , lalu akan kembali kepada
menu utama ereport
$where = array(
'id' => $id
);
$this->m_report-
>update_data($where,$data,'tb_report');
69
6. Rencana Penelitian Selanjutnya
Dari penelitian yang dilakukan oleh penulis, maka penulis akan membuat rencana
penelitian berikutnya yang akan dikembangkan adalah sebagai berikut:
1. Aplikasi e-report dapat di kembangkan dengan menambah beberapa fitur

mengenai laporan elektronik yang di butuhkan .
2. Untuk penelitian selanjutnya aplikasi E-report berbasis WEB yang
menggunakan framework codeigniter ini akan menggunakan metode
pengembangan perangkat lunak dengan metode waterfall.
3. Dalam penelitian selanjutnya dalam tahap desain akan menggunakan
metode UML (Unified Modeling Language).
4. Laporan siswa yang disimpan dalam database dikirim pada wali murid
sesuai pada siswanya masing-masing.
5. form registrasi ddan tampilan untuk user akan di tambahkan kepada wali
murid,siswa,dan kepala sekolah serta guru.
6. Form registrasi untuk user akan ditambahkan dalam penelitian selanjutnya.
70
7. Kesimpulan Dan Saran
7.1 Kesimpulan
Dari analisa dan pembahasan diatas tersebut yang telah di buat , penelitian ini
menyimpulkan hasil dari analisa dan pembahasan sebagai berikut;
1. Setelah melakukan analisis dan perancangan sistem menggunakan

framework codeigniter dengan metode MVC dapat memudahkan
developer untuk membangun sistem berbasis Website.
2. Aplikasi E-report berbais Website ini dapat membantu pihak sekolah
dalam menyimpan atau mengolah data tentang informasi keseharian
siswa.
3. Aplikasi E-report berbasis Website ini dapat membantu orang tua untuk
mendapat informasi dengan mudah dan terpercaya untuk mengetahui
keseharian siswa di sekolah.
7.2 Saran
Sarang dalam penelitian ini;
1. Setelah selesai melakukan analisa dan pembahasan, harapan untuk

kedepannya agar aplikasi E-report berbasis web ini di kembangkan
dengan menambah kebutuhan laporan elektronik yang di butuhkan sesuai
dengan perkembangan teknologi.
2. Aplikasi E-report berbasis web ini di harapkan kedepannya untuk
mengembangkan lebih beragam lagi dalam fitur ataupun desain .
71
Daftar Pustaka
Adiguna, A. R., Saputra, M. C., & Pradana, F. (2018). Analisis dan Perancangan
Sistem Informasi Manajemen Gudang pada PT Mitra Pinasthika Mulia
Surabaya. 2(2), 612–621.
Agustin, M., Yensy, N. A., & Rusdi, R. (2017). Upaya Meningkatkan Aktivitas
Belajar Siswa Dengan Menerapkan Model Pembelajaran Problem Posing
Tipe Pre Solution Posing Di Smp Negeri 15 Kota Bengkulu. Jurnal
Penelitian Pembelajaran Matematika Sekolah (JP2MS), 1(1), 66–72.
https://doi.org/10.33369/jp2ms.1.1.66-72
Anton Subagia. (2017). Membangun APlikasi dengan Codeigniter dan Database
SQL server. PT Elex Media Komputindo.
Chusyairi, A. (2017). Pengembangan Web Kependudukan Desa Grogol
Banyuwangi Dengan Metode MVC. Jurnal Teknologi Informasi, 3(August).
Endra, R. Y., & Aprilita, D. S. (2018). E-REPORT BERBASIS WEB
MENGGUNAKAN METODE MODEL VIEW CONTROLLER UNTUK
MENGETAHUI PENINGKATAN PERKEMBANGAN PRESTASI ANAK
DIDIK. Jurnal Explore, 9(1), 15–22.
Endra, R. Y., Cucus, A., Affandi, F. N., & Syahputra, M. B. (2019). MODEL
SMART ROOM DENGAN MENGGUNAKAN MIKROKONTROLER
ARDUINO UNTUK EFISIENSI SUMBER DAYA. Explore: Jurnal Sistem
Informasi Dan Telematika, 10(1), 1–8.
https://doi.org/http://dx.doi.org/10.36448/jsit.v10i1.1212
Endra, R. Y., Cucus, A., & Wulandana S, M. A. (2020). Perancangan Aplikasi
Berbasis Web Pada System Aeroponik untuk Monitoring Nutrisi
Menggunakan Framework CodeIgniter. Explore: Jurnal Sistem Informasi
Dan Telematika, 11(1), 10. https://doi.org/10.36448/jsit.v11i1.1453
Febriyatna, R. S., & UUS Rusmawan. (2018). Membangun Aplikasi dengan PHP,
Codeigniter, dan Ajax. PT Elex Media Komputindo.
Hidayatullah, P., & Jauhari Khairul Kawistra. (2017). Pemograman WEB (revisi).
informatika Bandung.
Jubilee Enterprise. (2018). HTML, PHP, dan MySQL untuk pemula. PT Elex
Media Kommputindo.
Mundzir MF. (2018). Buku Sakti Pemograman WEB Seri PHP. START UP.
Prabowo, D. (2015). WEBSITE E-COMMERCE MENGGUNAKAN MODEL
72
VIEW CONTROLLER ( MVC ) DENGAN FRAMEWORK
CODEIGNITER Studi Kasus : Toko Miniatur. Data Manajemen Dan
Teknologi Informasi (DASI), 16(1), 23.
Prof.Dr.Sugiono. (2012). Metode Penelitian Kuantitatif,Kuantitatif, dan R&D.
Alfabeta,CV.
Sugiyono. (2013). Metode Penelitian(Studi Kasus). Metode Deskriptif, April
2015, 31–46.
Suharsana, I. K., Wirarama, I. G. P., Wirawan, W., Luh, N., & Kartika, A. (2016).
Implementasi Model View Controller Dengan Framework Codeigniter Pada
E-Commerce Penjualan Kerajinan Bali. 19–28.
Tarigan, D. (2014). Meningkatkan Aktivitas Belajar Siswa dengan Menggunakan
Model Make A Match Pada Mata Pelajaran Matematika di Kelas V SDN
050687 Sawit Seberang. Kreano: Jurnal Matematika Kreatif-Inovatif, 5(1),
56–62. https://doi.org/10.15294/kreano.v5i1.3278
Yesputra, Rolly, Marpaung Nasrun. (2018). Penerapan Arsitektur Model View
Contoller (Mvc) Pada Sistem Informasi E-Skripsi Stmik Royal. In Jurnal
Informatika Sains dan Teknologi (Vol. 3, Issue 2, pp. 281–290).
73
74
Lampiran
75
76
77
78
79
80

Analisis Cara Kerja Perancangan E-Report Menggunakan Framework Codeigniter Untuk Laporan Keseharia

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Analisis Cara Kerja Perancangan E-Report Menggunakan Framework Codeigniter Untuk Laporan Keseharia

Diunggah oleh

Hak Cipta:

Format Tersedia

ANALISIS CARA KERJA PERANCANGAN E-REPORT

MENGGUNAKAN FRAMEWORK CODEIGNITER UNTUK

PROGRAM STUDI INFORMATIKA

(Di ajukan Sebagai Salah satu Syarat Untuk Mengambil Tugas

PROGRAM STUDI INFORMATIKA

ANALISIS CARA KERJA PERANCANGAN E-REPORT

Victoria Kartree (17421053)

Penelitian ini bertujuan dalam membangun aplikasi pelaporan elektronik yang

Kata Kunci: E-report, Framework Codeigniter, Model View Controller (MVC).

ANALYSIS OF HOW TO WORK DESIGN OF E-REPORT USING

Victoria Kartree (17421053)

This research aims to develop an electronic reporting application that helps

Keywords: E-report, Codeigniter Framework, Model View Controller (MVC).

Bandar Lampung, Juli 2020

LEMBAR PENGESAHAN ................................... Error! Bookmark not defined.

MENGESAHKAN ................................................................................................. iii

Kata Pengantar ...................................................................................................... vii

Daftar Gambar ....................................................................................................... xii

1.1 Latar Belakang ......................................................................................... 1

1.2 Identifikasi Masalah ................................................................................. 2

1.3 Rumusan Masalah .................................................................................... 3

1.4 Batasan Masalah ....................................................................................... 3

2. Landasan Teori ................................................................................................ 4

2.1 Tinjauan Pustaka ...................................................................................... 4

2.2 Tinjauan Study ......................................................................................... 8

2.2.1 Analisis dan Perancangan ................................................................. 8

2.2.2 Aktifitas ............................................................................................. 8

2.2.3 Report ................................................................................................ 8

2.2.5 Model Views Controler ................................................................... 10

2.2.6 Framework Codeigniter .................................................................. 11

2.2.7 PHP ................................................................................................. 12

2.2.8 HTML ............................................................................................. 13

2.2.9 HTTP ............................................................................................... 14

2.2.10 Database .......................................................................................... 14

3. Tujuan dan Manfaat Penelitian ...................................................................... 17

3.1 Tujuan Penelitian .................................................................................... 17

3.2 Manfaat Penelitian .................................................................................. 17

4. Metodologi Penelitian .................................................................................... 18

4.1 Metode Penelitian ................................................................................... 18

4.2 Metode Pengumpulan Data .................................................................... 18

4.3 Teknik Pengumpulan data ...................................................................... 19

4.3.1 Observasi ......................................................................................... 19

4.3.2 Wawancara ...................................................................................... 19

4.4 Analisis Kebutuhan Sistem .................................................................... 20

4.4.1 Kebutuhan Fungsional .................................................................... 20

4.4.2 Kebutuhan Nonfungsional .............................................................. 20

5. Hasil Analisa dan Pembahasan ...................................................................... 22

5.1 Hasil Analisa .......................................................................................... 22

5.2 Pembahasan ............................................................................................ 25

5.2.1 Persiapan dan instalasi .................................................................... 25

5.2.2 Mengkonfigurasi Template ............................................................. 29

5.2.3 Membuat Halaman Utama Apliaksi E-report ................................. 38

5.2.4 Membuat Database .......................................................................... 41

5.2.5 Menu Login ..................................................................................... 44

5.2.6 Read Data Report ............................................................................ 54

5.2.7 Create Data E-report ....................................................................... 57

5.2.8 Delete Data E-report ....................................................................... 62

5.2.9 Update Data E-report ...................................................................... 64

6. Rencana Penelitian Selanjutnya ..................................................................... 70

7.1 Kesimpulan ............................................................................................. 71

7.2 Saran ....................................................................................................... 71

Daftar Pustaka ....................................................................................................... 72

Gambar 2.1 Alur Program MVC ........................................................................... 10