FRAMEWORK CODEIGNITER SEBAGAI PENDUKUNG APLIKASI BACKEND TRIBRATANEWS KEPOLISIAN DAERAH LAMPUNG
(Laporan Tugas Akhir Mahasiswa)
Oleh :
Adrian Reza Syahputra NPM 15753002
POLITEKNIK NEGERI LAMPUNG BANDAR LAMPUNG 2018
FRAMEWORK CODEIGNITER SEBAGAI PENDUKUNG APLIKASI BACKEND TRIBRATANEWS KEPOLISIAN DAERAH LAMPUNG
Oleh Adrian Reza Syahputra NPM 15753002
Laporan Tugas Akhir Mahasiswa Sebagai Salah Satu Syarat untuk Mencapai Sebutan Ahli Madya (A.Md) Manajemen Informatika pada Jurusan Ekonomi dan Bisnis
POLITEKNIK NEGERI LAMPUNG BANDAR LAMPUNG 2018
FRAMEWORK CODEIGNITER SEBAGAI PENDUKUNG APLIKASI BACKEND TRIBRATANEWS KEPOLISIAN DAERAH LAMPUNG
Oleh Adrian Reza Syahputra
RINGKASAN Tribratanews adalah website yang dimiliki oleh Polda Lampung yang berisikan berita-berita tentang kepolisian khususnya di daerah Lampung. Kategori berita yang dimuat pada Tribratanews diantaranya yaitu, reserse kriminal, lalulintas, narkoba dan bimbingan masyarakat. Penggunaan php native pada website ini memunculkan kekurangan seperti, Coding Style Consitence yang berbeda dari programmer satu dengan programmer yang lainnya dan dokumentasi pemrograman yang tidak jelas karena php native dibangun atas dasar pemahaman programmer itu sendiri,. Selain itu website ini juga mempunyai kekurangan seperti konten yang kurang tertata dengan baik. Karena itu peneliti akan mengembangkan aplikasi tersebut menggunakan framework codeigniter dengan menambahkan beberapa fitur baru seperti menampilkan berita favorit, menampilkan pemberitahuan komentar pada berita, dan jumlah pengunjung website tribratanews.
RIWAYAT HIDUP
Penulis dilahirkan di Bandar Lampung, 30 September 1996 dari Ayahanda Alm. Edi Kusnaide dan Ibunda Meiri Astuti, yang merupakan anak tunggal. Penulis memulai pendidikan di SD Fransiskus 1 Tanjung Karang yang diselesaikan pada tahun 2009, melanjutkan kesekolah lanjutan tingkat pertama di SMP Negeri 9 Bandar Lampung yang diselesaikan pada tahun 2012, dan melanjutkan kesekolah lanjutan tingkat atas di SMA YP UNILA Bandar Lampung yang diselesaikan pada tahun 2015. Penulis diterima di Politeknik Negeri Lampung Jurusan Ekonomi dan Bisnis Program Studi Manajemen Informatika pada tahun 2015. Penulis melaksanakan Praktek Kerja Lapang (PKL) di Kepolisian Daerah Lampung.
Bandar Lampung, September 2018
Penulis
MOTTO DAN PERSEMBAHAN
ّّبعتلاّّدعبّّالإّّةذّّلل اامو “
Tidak ada kenikmatan kecuali setelah kesulitan.
Sebuah karya kecil ini ku persembahkan untuk keluargaku tercinta : Ayahanda Alm. Edi Kusnaidi, Ibunda Meiri Astuti yang telah mencurahkan keringat dan air mata untuk keberhasilanku Doa dan cinta untuk kehidupanku untuk : Anis Mareta Hanifa, Tri Rahmat Aribowo, Leonardo, Denny Adam, Rudi Febriyansyah, M Jupri Amin, Dion Geri, Egipson Andesta W, Hadi Saputra, Jantika Ayu Ramadhani, Raenita Anggraini Wita, Agung Sapto Margono, Randy Raharja, dan siapapun yang selalu mendukungku, sebagai sumber kebahagiaanku dan semangat untuk berkarya Almamater selalu kubangggakan di tiap hidupku
KATA PENGANTAR
Puji syukur kepada Tuhan Yang Maha Esa yang telah memberikan rahmat dan karunia-Nya sehingga Tugas Akhir ini dapat diselesaikan dengan judul “Framework Codeigniter Sebagai Pendukung Aplikasi Tribratanews Kepolisian Daerah Lampung”. Pada kesempatan ini penulis mengucapkan terimakasih atas setiap bimbingan, dukungan dan bantuan kepada: 1.
Dr. Ir. Sarono, M. Si., selaku Direktur Politeknik Negeri Lampung.
2.
Ir. Imam Asrowardi, S.Kom., M.Kom., IPM., selaku Ketua Jurusan Ekonomi dan Bisnis Politeknik Negeri Lampung, sekaligus berperan sebagai Dosen Penguji II.
3.
Nurmala, S.E., M.M., Akt., selaku Sekretaris Jurusan Ekonomi dan Bisnis Politeknik Negeri Lampung.
4.
Agiska Ria Supriyatna, S.Si., M.T.I., selaku Ketua Program Studi Manajemen Informatika Politeknik Negeri Lampung.
5.
Dewi Kania W., S.Kom., M.Kom., selaku Dosen Pembimbing Akademik (PA).
6. Rima Maulini, S.Kom., M.Kom., selaku Dosen Pembimbing I yang telah memberikan arahan dan bimbingan dalam proses penulisan laporan tugas akhir. 7. Eko Win Kenali, S.Kom., M.Cs., selaku Dosen Pembimbing II yang telah memberikan arahan dan bimbingan dalam proses penulisan laporan tugas akhir.
8.
Kurniawan Saputra, S.Kom., M.Kom., selaku Dosen Penguji I.
Bandar Lampung, September 2018
Penulis
iii
DAFTAR ISI Halaman DAFTAR ISI ......................................................................................................iii DAFTAR TABEL....................................................................................... ........vi DAFTAR GAMBAR ......................................................................................... vii DAFTAR LAMPIRAN ....................................................................................... ix I.
II.
PENDAHULUAN ...................................................................................... 1 1.1
Latar Belakang .................................................................................. 1
1.2
Tujuan................................................................................................ 3
1.3
Kerangka Pemikiran.......................................................................... 3
1.4
Kontribusi.......................................................................................... 4
TINJAUAN PUSTAKA ............................................................................. 5 2.1
Aplikasi ............................................................................................. 5
2.2
XAMPP ............ .................................................................................5
2.3
MySQL.............................................................................................. 5
2.4
PHPMyAdmin................................................................................... 5
2.5
Database............................................................................................ 6
2.6
Website .............................................................................................. 7
2.7
Internet .............................................................................................. 7
2.8
Web Browser ..................................................................................... 7
2.9
Hypertext Markup Language ............................................................ 7
2.10 Bootstrap ........................................................................................... 8 2.11 Flowchart .......................................................................................... 8 2.12 DFD (Data Flow Diagram) ............................................................... 9 2.13 ERD ( Entity Relationship Diagram) .............................................. 10 2.14 Sublime Text .................................................................................... 11 2.15 Framework ...................................................................................... 11 2.16 CodeIgniter...................................................................................... 12 2.17 Model-View-Controller (MVC) ...................................................... 13 2.18 Object Oriented Programming........................................................ 14
4
2.19 Model System Development Life Cycle (SDLC) ............................. 15 2.20 Metode Waterfall............................................................................. 15 2.21 Black Box Testing............................................................................ 17 2.22 Hypertext Preprocessor................................................................... 17 2.23 Cascading Style Sheet (CSS)........................................................... 18 III.
METODE PENELITIAN ......................................................................... 19 3.1
Waktu dan Tempat Pelaksanaan ..................................................... 19
3.2
Alat dan bahan................................................................................. 19
3.3
Metode PengembanganSistem ........................................................ 20 3.3.1 3.3.2 3.3.3 3.3.4 3.3.5
IV.
Analisis .................................................................................. 20 Desain .................................................................................... 20 Pengodean.............................................................................. 20 Pengujian ............................................................................... 20 Pendukung ............................................................................. 21
HASIL DAN PEMBAHASAN ................................................................ 22 4.1
Definisi Lingkup dan Analisis Persyaratan ..................................... 22 4.1.1
Gambaran Umum Kepolisian Daerah Lampung ................. 22 4.1.1.1 Sejarah Kepolisian Daerah Lampung ........................ 22 4.1.1.2 Visi............................................................................. 24 4.1.1.3 Misi ............................................................................ 24
4.2
4.1.2
Struktur Organisasi.............................................................. 24
4.1.3
Analisis Masalah ................................................................. 26
4.1.4
Sistem yang diusulkan......................................................... 28
Desain dan Integrasi Fisik ............................................................... 28 4.2.1 Desain Sistem ........................................................................ 29 4.2.1.1 DFD Level 0 .............................................................. 29 4.2.1.2 DFD Level 1 .............................................................. 30 4.2.2 Desain Basis Data .................................................................. 31 4.2.2.1 Entity Relationship Diagram ..................................... 31 4.2.2.2 Database .................................................................... 31 4.2.3 Perancangan Flowchart ......................................................... 33 4.2.4 Perancangan Interface............................................................ 41
4.3
Kontruksi dan Pengujian ................................................................. 46 4.3.1 4.3.2
4.4
Coding Program .................................................................. 46 Tampilan Aplikasi ............................................................... 50
Pengujian......................................................................................... 56
5
4.4.1 4.4.2 4.4.3 V.
Metode Pengujian................................................................ 56 Hal-hal yang diuji................................................................ 56 Hasil Pengujian ................................................................... 57
KESIMPULAN DAN SARAN ................................................................ 58 5.1
Kesimpulan...................................................................................... 58
5.2
Saran................................................................................................ 58
DAFTAR PUSTAKA ........................................................................................ 59 LAMPIRAN
vi
DAFTAR TABEL Tabel
Halaman
1.
Simbol-simbol Flowchart........................................................................... 8
2.
Notasi-notasi pada Data Flow Diagram..................................................... 9
3.
Simbol-simbol Entity Relationship Diagram ........................................... 10
vii
DAFTAR GAMBAR Gambar
Halaman
1.
Kerangka Pemikiran ................................................................................... 2
2.
Cara Kerja MVC....................................................................................... 14
3.
Model Air Terjun (Waterfall) ................................................................... 15
4.
Struktur Organisasi ................................................................................... 25
5.
Mapping Chart Sistem yang berjalan....................................................... 27
6.
Mapping Chart Sistem yang diusulkan .................................................... 28
7.
Data Flow Diagram level 0...................................................................... 29
8.
Data Flow Diagram level 1...................................................................... 30
9.
Entity Relationship Diagram .................................................................... 31
10.
Flowchart Form Login ............................................................................. 33
11.
Flowchart Halaman Utama Super Admin................................................. 34
12.
Flowchart Halaman Admin ...................................................................... 35
13.
Flowchart Halaman Admin Menu Pendaftar ........................................... 36
14.
Flowchart Halaman Admin Menu berita.................................................. 37
15.
Flowchart Halaman login operator........................................................... 38
16.
Flowchart Halaman utama operator ......................................................... 39
17.
Flowchart Halaman operator Menu berita ............................................... 40
18.
Flowchart Halaman Admin Menu User Mahasiswa ................................ 41
19.
Tampilan Menu Login .............................................................................. 42
20.
Desain Interface Halaman superuser........................................................ 43
21.
Desain Interface Halaman operator .......................................................... 44
22.
Desain Interface Halaman user ................................................................ 45
viii
23.
Desain Interface Halaman komentar user ................................................ 46
24.
Tampilan LoginWebsite............................................................................ 50
25.
Tampilan Halaman Utama Superuser....................................................... 51
26.
Tampilan halaman superuser menu users ................................................ 52
27.
Tampilan halaman superuser menu kategori............................................ 52
28.
Tampilan halaman utama operator ........................................................... 53
29.
Tampilan Halaman Operator menu kategori ............................................ 54
30.
Tampilan halaman utama user.................................................................. 54
31.
Tampilan halaman user menu komentar................................................... 55
ix
DAFTAR LAMPIRAN Lampiran
Halaman
1. Karya Ilmiah ............................................................................................... 62
I.
1.1
PENDAHULUAN
Latar Belakang Masalah Kepolisian Daerah (Polda) Lampung merupakan salah satu lembaga penting
yang mempunyai tugas utama sebagai penjaga keamanan, ketertiban dan penegakan hukum yang ada di Provinsi Lampung. Polda Lampung beralamat di Jl. WR. Supratman No.1, Kupang Kota, Teluk Betung Utara, Kota Bandar Lampung, Lampung. Polda Lampung memiliki beberapa bidang salah satunya adalah Bidang Humas. Bidang humas Polda Lampung bertugas untuk melaksanakan kegiatan hubungan masyarakat melalui pengelolaan dan penyampaian pemberitaan atau informasi dan dokumentasi serta kerja sama dengan kemitraan dengan media massa yang kemudian akan disebarluaskan melaluli website yang bernama Tribratanews. Tribratanews adalah website yang dimiliki oleh Polda Lampung yang berisikan berita-berita tentang kepolisian khususnya di daerah Lampung. Kategori berita yang dimuat pada Tribratanews diantaranya yaitu, reserse kriminal, lalulintas, narkoba dan bimbingan masyarakat. Pengisian berita ke dalam website Tribratanews dilakukan oleh operator komputer melalui panel admin yang berupa website, website tersebut dibangun menggunakan bahasa pemrograman php native. Pada website tersebut operator
2
komputer dapat melakukan pengisian berita, pembaruan berita dan penghapusan berita. Penggunaan php native pada website ini memunculkan kekurangan seperti, Coding Style Consitence yang berbeda dari programmer satu dengan programmer yang lainnya dan dokumentasi pemrograman yang tidak jelas karena php native dibangun atas dasar pemahaman programmer itu sendiri, tidak adanya security default pada system yang dibangun, sehingga membuat website tersebut mudah untuk di serang oleh orang-orang yang tidak bertanggung jawab. Selain itu website ini juga mempunyai kekurangan seperti konten yang kurang tertata dengan baik. Berdasarkan permasalahan yang ada maka diperlukan pengembangan dari werbsite
yang dimiliki
oleh
Polda
Lampung menggunakan
framework
codeigniter. Framework codeigniter merupakan salah satu framework dengan model MVC (model view controller) untuk membangun sebuah website dinamis. Pada jurnal yang ditulis oleh Siti Nurhayati dan Mufid Nilmada pada tahun 2008 yang berjudul “Pembuatan Situs Portal Berita Seputar Kampus Universitas Gunadarma Menggunakan Framework php Codeigniter dan Basis Data Mysql”. Dalam penelitian ini dibuat sebuah website portal berita untuk menjelaskan tentang berita-berita terbaru baik formal maupun informal yang berada dikampus di Universitas Gunadarma dan pengguna dapat mengaksesnya dengan mudah. Pada jurnal yang ditulis oleh Muchamad Shodiq, Kodrat Imam Satoto dan Rinta Kridalukmana yang ditulis pada tahun 2013 dengan judul “Simbes, Aplikasi Manajemen Beasiswa di Universitas Diponegoro Berbasis Framework Code Igniter dan MYSQL”, aplikasi tersebut dibangun dengan basis web yang dapat
3
dijalankan oleh pengguna dimana saja dan hanya membutuhkan koneksi internet dan browser, dan pada jurnal yang ditulis oleh Harfebi Fryonanda dan Tarmizi Ahmad yang ditulis pada tahun 2017 dengan judul “ Analisis Website Perguruan Tinggi Bedasarkan Keinginan Search Engine Menggunakan Automated Software Testing GTmetrix, pengujian tersebut dilakukan untuk mengetahui baik buruknya kualitas sebuah website dengan bahan pertimbangan seperti kecepatan download, tata letak, kecepatan load data, dan isi yang mudah dibaca menggunakan sowftware testing GTMetrix. Framework codeigniter memiliki beberapa kelebihan salah satunya adalah memiliki performa yang sangat cepat karena kontruksi yang sederhana dan fungsi yang dikelompokkan masing-masing sehingga membuat performa pemrosesan menjadi lebih maksimal, framework codeigniter memiliki security yang baik karena dapat mengantisipasi dan memasang perisai secara otomatis terhadap berbagai masalah yang ada.
1.2
Tujuan Tujuan dari penulisan ini yaitu untuk mengembangkan website Tribratanews
Polda Lampung menggunakan framework codeigniter. 1.3
Kerangka Pemikiran Bedasarkan latar belakang tersebut dapat disusun suatu kerangka pemikiran
yang disesuaikan dengan metode pengembangan yang digunakan yakni metode waterfall dan metode pengumpulan data yang digunakan yaitu metode observasi dan wawancara yang akan disajikan dalam bentuk bagan yang terdapat pada Gambar 1.
4
Gambar 1. Kerangka Pemikiran
1.4
Kontribusi Aplikasi pengisian Tribratanews Polda Lampung ini diharapkan dapat
memberikan kontribusi kepada beberapa pihak antara lain :
5
1.
Membantu operator komputer dalam mencari berita yang paling banyak di baca oleh pengunjung website.
2.
Membuat website menjadi lebih baik dalam segi keamanan.
3.
Membuat performa website menjadi lebih cepat karena kontruksi yang lebih sederhana dengan menggunakan framework codeigniter.
II.
2.1
TINJAUAN PUSTAKA
Aplikasi Aplikasi atau perangkat lunak merupakan bagian dari sistem komputer yang
tidak dapat dipisahkan dan didukung dengan keberadaan pengguna (brainware), perangkat keras (hardware) dan jaringan (networking) dalam suatu sistem komputer (Sholichin, 2016). 2.2
XAMPP XAMPP merupakan paket program berbasis web yang berisi software
Apache, PHP, dan database MySQL( Nugroho, 2013). 2.3
MySQL MySQL adalah software atau program aplikasi database, yaitu software
yang dapat dipakai untuk menyimpan data berupa informasi teks dan juga angka (Nugroho, 2014). 2.4
PHPMyadmin PHPmyadmin adalah sebuah software berbasis pemrograman PHP yang
dipergunakan sebagai administrator MySQL melalui browser (web) yang digunakan untuk manajemen database (Rahman, 2013).
6
2.5
Database Basis data atau database adalah informasi yang dikumpulkan dan disimpan
dalam komputer dengan terintergrasi dengan baik (Ahcmad Solichin, 2016). Sedangkan Robi Yanto (2016) menambahkan bahwa basis data juga digunakan untuk mengatasi permasalahan dalam pengelolaan data dengan mengarsipkan berkas yang diperlukan untuk membangun suatu sistem informasi. Basis data dibangun dengan tujuan sebagai berikut : Kecepatan & Kemudahan (Speed), memungkinkan bagi pengguna untuk melakukan perubahan data ataupun menampilkan data secara lebih efektif. Efisiensi Ruang Penyimpanan (Space), efisiensi dalam penggunaan ruang penyimpanan sangat penting. Sehingga perlu dilakukan beberapa pengkodean, relasi antar kelompok data yang saling berkaitan. Keakuratan (Accuracy), pengkodean ataupun relasi-relasi yang dibuat digunakan untuk memberikan keakuratan penyimpanan data. Ketersediaan (Availability), data dapat diakses dimanapun dan kapanpun. Kelengkapan (Completeness), kelengkapan data yang disimpan dalam sebuah database bersifat relatif, dimana bisa saja data tersebut sudah lengkap ataupun belum lengkap. Keamanan (Security), keamanan dalam basis data dapat diatur sesuai dengan tingkatan pengguna. Kebersamaan pemakaian (Shareability), basis data dapat dikelola dengan aplikasi multiuser.
7
2.6 Website Website merupakan sekumpulan halaman-halaman web yang diperoleh dari sebuah alamat domain dan berisi informasi. Hyperlink adalah hubungan antara satu halaman dengan halaman web lain, sedangkan hypertext adalah teks yang menjadi alat penghubung (Yuhefizar, 2013). 2.7
Internet Internet adalah suatu komputer yang saling terhubung dengan jaringan lain,
dan melakukan aktivitas komunikasi antara yang satu dengan yang lainnya dalam area yang tak berbatas (Setiawan, 2012). 2.8
Web Browser Web browser merupakan perangkat lunak yang menampilkan halaman web
yang diperlukan untuk menguji hasil pembuatan dokumen (Rozi & Community, 2016). 2.9
Hypertext Markup Language HTML atau Hypertext Markup Language merupakan bahasa pemrograman
web yang memberitahukan kepada web browser bagaimana menyusun dan menyajikan konten di halaman web. Teknik menyusun dokumen dalam format file HTML merupakan hal pertama yang perlu dikuasai dalam pembuatan website (Solichin, 2016).
8
2.10 Bootstrap Bootstrap berisi kode HTML dan CSS yang membantu untuk membangun website yang dilengkapi desain untuk tipografi, navigasi, tombol, bentuk, dsb. (Moh. Royhan Nahado, 2015). 2.11 Flowchart Flowchart adalah simbol-simbol tertentu yang dapat menggambarkan proses alir data secara detail (Wandah Wibawanto, 2017). Simbol-simbol flowchart dapat dilihat pada Tabel 1. Tabel 1. Simbol – simbol flowchart Simbol
Nama
Fungsi
(1)
(2)
(3)
Terminal
Menyatakan awal (start) dan akhir (end) suatu program
Predefined Proses
Menyatakan nilai awal suatu variabel
Input / Output
Menyatakan proses input dan output.
Connector
Meyatakan kelanjutan dari proses sebelumnya ke proses selanjutnya pada halaman yang sama.
Predefined process
Sumber : Wandah Wibawanto (2017).
Proses yang subprogram.
ditulis
sebagai
9
2.12 Data Flow Diagram Data
Flow
Diagram
(DFD)
merupakan
representasi
grafik
yang
menggambarkan aliran dan transformasi informasi yang diaplikasikan sebagai data yang mengalir dari input dan output (Rosa dan Shalahudin, 2014). Notasinotasi pada DFD dapat dilihat pada Tabel 2. Tabel 2. Notasi-notasi pada DFD Simbol
Nama
Keterangan
(1)
(2)
(3)
Proses / fungsi atau prosedur
Pada pemodelan perangkat lunak yang akan diimplementasikan dengan pemrograman terstruktur, maka permodelan notasi inilah yang harusnya menjadi fungsi atau prosedur didalam kode program.
Input / output atau External entity
Entitas luar (external entity) atau masukan (input) atau keluaran (output) atau orang yang memakai/berinteraksi dengan perangkat lunak yang terkait dengan aliran data dari sistem yang dimodelkan.
File/basis data atau penyimpanan
Pada permodelan perangkat lunak yang akan diimplementasikan dengan pemrograman terstruktur, maka pemodelan notasi ini yang harusnya dibuat menjadi tabel-tabel basis data yang dibutuhkan, tabel-tabel ini juga harus sesuai dengan perancangan pada tabel-tabel basisdata (Entity Relationship Diagram (ERD), Conceptual Data Model (CDM), Physical Data Model (PDM)).
Aliran Data
Merupakan data yang dikirim antar proses, dari penyimpanan ke proses, atau dari proses ke masukan (input) atau keluaran(output)
2.13 Entity Relationship Diagram Entity Relationship Diagram (ERD) adalah bentuk paling awal dalam melakukan perancangan basis data relasional. ERD digunakan untuk pemodelan basis data relasional. ERD biasanya memiliki hubungan binary (satu relasi menghubungkan dua buah entitas). Beberapa metode perencanaan ERD menoleransi hubungan relasi ternaty (satu relasi menghubungkan tiga buah entitas) atau N-aray
(satu relasi menghubungkan banyak entitas), tapi banyak
metode perancangan ERD yang tidak mengizinkan hubungan ternary atau N-ary. (Shalahuddin, 2018). Adapun simbol-simbol ERD disajikan pada Tabel 1. Table 1 Simbol-simbol ERD Simbol
Nama
N
Deskripsi
Entitas/Entity
Entitas adalah data inti yang akan disimpan.
Atribut
Fieldatau kolom data yang butuh disimpan dalam suatu entitas.
Asosiasi
Penghubung antara relasi dan entitas yang memiliki multiplicity (pemakaian maksimum).
Relasi
Relasi yang akan menghubungkan antar entitas.
Sumber: Rosa dan Shalahudin (2018).
11
Table 2 Simbol Hubungan Relasi Notasi
Simbol
One to one
One to many
Many to one
Many to many
Keterangan
Anggota entitas A hanya dapat berhubungan dengan satu anggota entitas B, begitu sebaliknya. Anggota entitas A dapat berhubungan dengan banyak anggota entitas B, namun anggota entitas B hanya dapat berhubungan dengan satu anggota entitas A . Anggota entitas A hanya dapat berhubungan dengan satu anggota entitas B, namun anggota entitas B dapat berhubungan dengan banyak anggota entitas A. Anggota entitas A dapat berhubungan dengan banyak entitas himpunan B dan begitu sebaliknya.
Sumber : Muslihudin (2013).
2.13 Sublime Text Sublime text merupakan perangkat lunak untuk text editor membuat aplikasi atau melakukan edit aplikasi. Tampilan sublime text sangat elegan dan simple (Supono dan Putratama 2016). 2.14 Framework Framework merupakan suatu kumpulan kode berupa pustaka dan alat yang di padukann sedemikian rupa sehingga menjadi satu kerangka kerja yang bermanfaat untuk memudahkan dan mempsercepat proses pengembangan aplikasi
12
web. Beberapa framework web yang dapat digunakan untuk PHP yaitu Codeigniter, Yii, Zend Framework, Laravel, Symfony, CakePHP, Phacon, Kohana, FuelPHP dan lain-lain. (Raharjo, 2015). 2.16 CodeIgniter Codeigniter digunakan untuk membangun aplikasi web menggunakan PHP dan menyediakan kumpulan library yang dirancang untuk menjadi sebuah web framework yang mudah digunakan (Subagia 2017). CodeIgniter mempunyai beberapa keunggulan, keunggulan-keungulan tersebut antara lain : 1.
Free, karena berbeda di bawah lisensi open source yang artinya kita dapat melaksanakan apa saja dengan CodeIgniter.
2.
Light weight. Library tambahan hendak difungsikan ketika request secara dinamis, membuat system yang dibuat menjadi efisien dan cukup cepat
3.
Fast. CodeIgniter mempunyai perfoma yang sudah terbukti lebih cepat setelah dibandingkan dengan framework lainnya.
4.
Menggunakan kaidah MVC. Kita dapat memecah bagian logic dan presentation dari aplikasi yang dibuat.
5.
Menciptakan URL yang bersih. URL yang dihasilkan oleh CodeIgniter bersih serta ringan terhadap search engine.
6.
Pack a Punch, CodeIgniter tersedia dengan bermacam-macam library yang hendak membantu tugas-tugas di pengembangan web yang sudah lumrah dilakukan.
13
7.
Extensible, kita dapat menambah library atau helper yang kita bangun sendiri ke dalam CodeIgniter.
8.
Thoroughly Documented, hampir semua fitur, library dan helper yang ada di CodeIgniter telah tersimpan dengan sempurna dan tersusun dengan baik.
Berikut ini adalah penjelasan cara kerja framework codeigniter : 1.
Index.php bertindak sebagai controller terdepan dan menginisiasi resource yang diperlukan untuk menjalankan codeigniter.
2.
Router, memeriksa HHTP request untuk menentukan apa yang harus dikerjakan.
3.
Jika cache file ada, maka akan ditampilkan langsung dengan melewati eksekusi normal system.
4.
Sebelum memuat controller, HHTP request akan memeriksa apa yang di submit oleh user dan memfilter untuk keamanan.
5.
Controller, memuat model, core libraries, plugin, helper, dan resource lainnya untuk memproses permintaan tertentu.
6.
View ditampilkan di browser sesuai proses yang dikerjakan controller. Jika caching dijalankan, view akan di cache terlebih dahulu agar dapat ditampilkan di request selanjutnya.
2.17 Model-View-Controller Model-View-Controller (MVC) bertujuan untuk memisahkan logika dan presentasi. Model-View-Controller mempunyai keunggulan dimana designer dapat bekerja pada template file, sehingga redudansi kode presentasi dapat diperkecil (Subagia 2017).
14
Konsep Model-View-Controller yang diterapkan pada CodeIgniter, yaitu : 1.
Model Menggambarkan struktur data. Kelas model akan berisi fungsi yang digunakan untuk mengambil, menambah, dan memperbarui informasi yang ada di basisdata.
2.
View Halaman web yang terdiri atas HTML, CSS, dan Javascript. View dapat juga sebagi potongan halaman, seperti header atau footer.
3.
Controller Perantara model, view dan resource lainnya yang dibutuhkan untuk menangani HTTP request dan menghasilkan halaman web.
application
User Controller
Database
Model
View
Gambar 2. Cara Kerja MVC
2.18 Object Oriented Programming Object Oriented Programming (OOP) merupakan suatu paradigma yang berorientasi pada objek. Konsep OOP yaitu membagi kedalam objek semua
15
pemecahan masalah berupa data dan fungsi-fungsi yang akan digunakan (Subagia, 2017). 2.19 System Development Life Cycle System Development Life Cycle (SDLC) adalah proses mengembangkan atau mengubah suatu sistem perangkat lunak dengan menggunakan model-model dan metodologi yang digunakan orang untuk mengembangkan sistem-sistem perangkat lunak sebelumnya berdasarkan best practice atau cara-cara yang sudah teruji baik (Rosa dan Salahuddin, 2018). 2.20 Metode Waterfall Model SDLC air terjun (waterfall) atau biasa disebut dengan alur hidup klasik (classic lifecycle). Model waterfall menyediakan pendekkatan alur hidup perangkat lunak secara sekuensial atau terstruktur dimulai dari analaisis, desain, pengodean, pengujian, dan tahap pendukung. Model air terjun (waterfall) dapat dilihat pada Gambar 3.
Gambar 3. Model air terjun (waterfall)
16
1.
Analisis Analisis kebutuhan perangka lunak merupakan proses pengumpulan
kebutuhan dilakukan secara intensif untuk mespesifikasikan kebutuhan perangkat lunak agar dapat dipahami perangkat lunak seperti apa yang dibutuhkan oleh pengguna. 2.
Desain Desain perangkat lunak adalah proses multi langkah yang fokus pada desain
pembuatan program perangkat lunak termasuk struktur data, arsitektur perangkat lunak, representasi antarmuka, dan prosedur pengodean. Tahap ini mentranslasi kebutuhan peerangkat lunak dari tahap analisis kebutuhan ke representasi desain agar dapat diimplementasikan menjadi program pada tahap selanjutnya. 3.
Pengodean Pengkodean atau pembuatan kode program desain harus ditranslasikan ke
dalam program perangkat lunak. Hasil dari tahap ini adalah program komputer sesuai dengan desain yang telah dibuat pada tahap desain. 4.
Pengujian Pengujian fokus pada perangkat lunak dari segi lojik dan fungsional dan
memastikan bahwa semua bagian sudah diuji. Hal ini dilakukan untuk meminimalisir kesalahan (error) dan memastikan keluaran yang dihasilkan sesuai dengan yang diinginkan.
17
5.
Pendukung Pendukung (support) atau pemeliharaan (maintenance). Tidak menutup
kemungkinan sebuah perangkat lunak mengalami perubahan ketika sudah dikirimkan ke user. Perubahan bisa terjadi karena adanya kesalahan yang muncul dan tidak terdeteksi saat pengujian atau perangkat lunak harus beradaptasi dengan lingkungan baru. Tahap pendukung atau pemeliharaan dapat mengulangi proses pengembangan mulai dari analisis spesifikasi untuk perubahan perangkat lunak yang sudah ada, tetapi tidak untuk membuat perangkat lunak baru. 2.21 Black Box Testing Menurut Ade Djohar Maturidi (2014) mengatakan bahwa pengujian black box adalah pengujian yang berfokus pada persyaratan fungsional pada perangkat lunak. Pengujian ini bertujuan untuk menguji : a. Fungsi yang salah ataupun hilang. b. Kesalahan pada interface. c. Kesalahan performa d. Kesalahan pada struktur data ataupun tidak dapat akses database. e. Kesalahan interface.
2.22 Hypertext Preprocessor PHP merupakan bahasa pemograman berdasarkan web yang ditulis oleh web dan untuk pengembangan web. PHP merupakan contoh dari bahasa pemrograman script yang dieksekusi di sisi server web yang dirancang khusus untuk aplikasi web seperti halnya JSP, Perl (.pl), dan ASP (Setiawan, 2012).
18
2.23 Cascading Style Sheet (CSS) Cascading Style Sheet (CSS) adalah kumpulan kode yang dapat digunakan untuk mempercantik halaman website dan CSS berkaitan dengan semua tag HTML (Rintho Rante Rerung, 2018).
III.
METODE PENELITIAN
3.1. Waktu dan Tempat Pelaksanaan Tugas Akhir berjudul “Framework Codeigniter Sebagai Pendukung Aplikasi Tribratanews Kepolisian Daerah Lampung” ini dimulai pada bulan Mei 2018 dan dilaksanakan di Politeknik Negeri Lampung.
3.3. Alat dan Bahan Alat merupakan kebutuhan yang mendasar untuk Pengembangan Aplikasi Tribratanews menggunakan codeigniter. Alat dikelompokkan menjadi dua bagian, yaitu perangkat keras (hardware) dan perangkat lunak (software). Berikut adalah alat yang digunakan disajikan dalam tabel 5. Tabel 5. Alat dan bahan yang digunakan Perangkat Keras
Perangkat Lunak
1. Laptop
1. Sistem Operasi / windows 10
2. Modem
2. Web Server / Apache
3. Mouse
3. Web Browser / Chorme
4. Printer
4. Aplikasi Pengolah Gambar / Microsoft visio 5. Text Editor / Sublime Text
20
3.4. Metode Pengembangan Sistem Metode pengembangan perangkat lunak yang diikuti dengan pengembangan system development life cycle (SDLC), metode ini dipilih karena memiliki kemudahan dalam implementasinya. Metode waterfallI menurut Rosa dan Salahudin memiliki tahapan-tahapan sebagai berikut: 1.
Analisis Tahapan analisis ini dilakukan untuk melihat bagaimana cara kerja dari
aplikasi yang sedang digunakan saat ini sehingga dapat mengetahui apa saja kekurangan dari aplikasi yang sudah ada dan juga dapat mengetahui apa saja yang dibutuhkan untuk mengembangkan aplikasi tribratanews. 2.
Desain Tahapan berikutnya adalah membuat desain. Setelah mendapatkan data-data
yang sudah dikumpulkan selanjutnya mendesain aplikasi tribratanews yang akan kita bangun dengan menggunakan framework codeigniter. 3.
Pengodean Pada tahap ini, melakukan pembuatan aplikasi Tribratanews dengan
framework codeigniter yang kemudian akan menghasilkan aplikasi Tribratanews sesuai dengan desain yang telah dibuat pada tahap desain. 4.
Pengujian Pada tahapan ini dilakukan pengujian apakah aplikasi yang dibuat sesuai
dengan desain yang sudah ditentukan. Kemudian pada tahapan pengujian ini juga akan dilakukan perbandingan antara framework codeigniter dengan php native
21
untuk membandingkan kecepatan load data diantara codeigniter dan php native, dan juga utnuk membandingkan security default yang dimiliki oleh codeigniter dan php native. 5.
Pendukung Tahap pendukung adalah tahapan terakhir dari pembuatan aplikasi setelah
semua proses pada tahapan pengujian selesai, pada tahapan ini dilakukan proses maintenance atau pemeliharaan dari aplikasi yang sudah dibuat. Tahap pendukung atau pemeliharaan dapat mengulangi proses pengembangan mulai dari analisis spesifikasi untuk perubahan perangkat lunak yang sudah ada, tetapi tidak untuk membuat perangkat lunak baru.
IV.
HASIL DAN PEMBAHASAN
4.1
Definisi Lingkup dan Analisis Persyaratan
4.1.1
Gambaran Umum Kepolisian Daerah Lampung Gambaran umum membahas keadaan umum dari Kepolisian Daerah
Lampung meliputi, sejarah berdirinya Kepolisian Daerah Lampung, struktur organisasi beserta visi dan misi.
4.1.1.1 Sejarah Kepolisian Daerah Lampung Seiring dengan perkembangan dari masa kemasa, serta tumbuh dan berkembangnya Kepolisian Negara Republik Indonesia (POLRI), sudah tentu tidak terlepasnya dari gerak dan dinamika perjuangan Bangsa Indonesia, dan sebenarnya polisi bersama-sama kekuatan rakyat telah berkiprah pada awal-awal setelah proklamasi yang pada masa itu merupakan satu - satunya Kesatuan Bersenjata yang relatif kokoh dan lengkap serta terorganisir dengan baik, dengan modal tersebut Polisi bersama kekuatan Bersenjata lainnya turut terjun melucuti Senjata Tentara Jepang dan Belanda sekaligus bertempur mengusir bangsa Penjajah dari Tanah Air ini. Sejalan dengan Kemerdekaan Republik Indonesia (1945) di Daerah Lampung yang saat itu merupakan Karesidenan Lampung, yang dirintis oleh Kompol Tjik Agus yang berperan membangun Kepolisian di Daerah Lampung, kemudian R.Soeharjo Wardayo dan Sultan Rusman yang menjadi Kepala Kepolisian di Keresidenan Lampung, keduanya diangkat oleh Residen RM. Abbas.
23
Berdasarkan Kepres Nomor : 52 tahun 1969 tanggal 17 Juni 1969 terjadireorganisasi ditubuh Kepolisian, dalam ketentuan itu disebutkan bahwa Panglima Angkatan Keplosian RI disingkat PANGAK dan sebutan Markas Besar Kepolisian RI disingkat MABAK dan tingkat daerah yang semula disebut Komando Daerah Kepolisian disingkat KODAK, sedangkan pada tingkat Komando pelaksana terdapat Komando Wilayah Kepolisian yang disIngkat KOWIL, dan pada saat itu Daerah Lampung disebut KOWIL Lampung, di bawah Kodak VI Sumbagsel (Komando Daerah Kepolisian VI Sumatera Bagian Selatan). Pada tanggal 18 Maret 1964 Keresidenan Lampung berubah menjadi Propinsi Lampung berdasarkan Peraturan Pemerintah Pengganti Undang Undang No. 3 Tahun 1964 dan Kowil Lampung berubah menjadi Polwil Lampung di bawah Polda Sumbagsel. Pada tanggal 2 Oktober 1996, dengan Keputusan Panglima ABRI Nomor : Kep/06/IX/1996 tanggal 10 September 1996 Polwil Lampung berubah menjadi Polda Lampung dengan status Polda Tipe C yang merupakan likuidasi dari Polda Sumbagsel. Dengan Telegram Kapolri No Pol : TR/1787/ 1999 tanggal 21 Oktober 1999 mengalami validasi dari Polda Tipe C menjadi Tipe B. Kemudian berdasarkan Surat Keputusan Kapolri No. Pol : Skep/958/XII/2004 tanggal 23 Desember 2004 Polda dari Tipe B menjadi Tipe B 1.
24
4.1.1.2 Visi Visi dari Kepolisian Daerah Lampung terwujudnya Kepolisian Daerah Lampung yang profesional, unggul dan dapat dipercaya dalam memelihara keamanan dan ketertiban masyarakat dengan berlandaskan semangat gotong royong, guna mendukung percepatan pembangunan Provinsi Lampung yang maju dan sejahtera.
4.1.1.3 Misi Misi dari Kepolisia Daerah Lampung adalah sebagai berikut : 1.
Mewujudkan pemuliaan dan kepercayaan masyarakat Provinsi lampung melalui perlindungan, pengayoman dan pelayanan masyarakat sampai dengan lini terdepan melalui konsep Polda cukup, Polres besar, Polsek kuat dan Bhabinkamtibmas tangguh
2.
Mewujudkan pemberdayaan kualitas sumber daya manusia Polda Lampung yang profesional dan kompeten yang dibuktikan dengan sertifikasi kecakapan kecabangan profesi dengan menjunjung tinggi etika dan sendi-sendi hak azasi manusia
3.
Mewujudkan deteksi aksi melalui kegiatan deteksi dini, peringatan dini dan cegah dini secara cepat akuran dan efektif, guna pengambilan keputusan yang tepat pada kebijakan keamanan.
4.
Mewujudkan memeliharaan keamanan dan ketertiban masyarakat dengan pemahaman, kesadaran dan kepatuhan hukum, melalui strategi Polmas
25
serta
membangun
sinergitas
polisional
yang
proaktif
dengan
instansi/dinas.. 5.
Mewujudkan penegakkan hukum yang berkeadilan, menjunjung tinggi HAM dan anti KKN.
6.
Mewujudkan keamanan, keselamatan, ketertiban dan kelancaran berlalu lintas.
7.
Mewujudkan keamanan, keselamatan dan ketertiban di kawasan perairan untuk mendukung visi pembangunan wilayah kemaritiman.
4.1.2
Struktur Organisasi Berikut struktur organisasi Kepolisian Daerah Lampung, beserta susunan
pejabat Kepolisain Polda Lampung secara garis besar disajikan pada Gambar 4.
Gambar 4. Struktur Organisasi Kepolisian Daerah Lampung
26
4.1.3
Analisis Masalah Menganalisa masalah yang terjadi pada sistem yang berjalan saat ini,
sistem yang berjalan dipelajari dan mengusulkan sistem yang baru. Pada tahap ini dilakukan pengumpulan data dan informasi tentang bagaimana proses-proses pengisian berita pada aplikasi tribratanews. Menenentukan proses mana saja yang mengalami masalah, yang bisa diselesaikan dengan sistem yang akan diusulkan. Berikut penjelasan sistem yang berjalan pada Polda Lampung tentang pengisian berita pada aplikasi tribratanews, yaitu : 1.
Superadmin login kedalam aplikasi tribratanews untuk membuatkan akun bagi operator yang akan mengisikan berita.
2.
Operator login kedalam aplikasi tribratanews dengan akun yang sudah dibuatkan oleh superadmin sebelumnya.
3.
Operator memilih kategori berita yang akan di inputkan berita.
4.
Operator mengisikan berita kedalam kategori yang sudah dipilih sebelumnya.
5.
Setelah mengisikan berita, berita tersebut maka akan di upload ke website.
6.
Berita yang telah di upload dapat dilihat oleh pengguna web dan pengguna web dapat memberikan komentar pada berita.
7.
Komentar yang diberikan oleh pengguna web akan masuk ke dalam aplikasi tribratanews dan akan dibalas oleh operator.
8.
Operator mengisikan balasan komentar yang diberikan oleh pengguna web melalui aplikasi tribratanews.
27
9.
Balasan komentar yang diberikan oleh operator akan tampil pada berita yang telah di komentari oleh pengguna sebelumnya. Mapping chart sistem lama aplikasi tribratanews Kepolisian Daerah
Lampung, dapat dilihat pada Gambar 5.
Gambar 5. Mapping Chart aplikasi tribratanews yang Sedang Berjalan
28
4.1.4
Sistem Yang Diusulkan
Analisis sistem yang diusulkan bertujuan untuk mengetahui bagaimana sistem yang akan dibuat menghasilkan output yang diinginkan. Mapping chart sistem yang diusulkan dapat dilihat pada Gambar 6.
Gambar 6. Mapping Chart aplikasi tribratanews yang Diusulkan
4.2
Desain dan Integrasi Fisik Pada tahap ini, dibuat rancangan sistem baru berdasarkan analisis yang telah
dilakukan pada tahap sebelumnya. Tahapan ini menentukan arsitektur sistem secara keseluruhan dan membagi ke dalam sistem perangkat keras maupun perangkat lunak. Tahap desain ini meliputi desain sistem, desain basis data, desain flowchart program dan desain interface.
29
4.2.1
Desain Sistem Tahap ini membutuhkan perancangan DFD untuk menggambarkan proses
yang terjadi pada sistem yang akan dikembangkan. DFD adalah diagram yang menggambarkan arus data dari suatu entitas ke sistem atau dari sistem ke entitas. DFD yang dibuat dalam aplikasi ini terdiri dari DFD level 0 dan DFD level 1. a)
DFD Level 0 DFD level 0 merupakan DFD level tertinggi dari DFD yang menggambarkan
hubungan sistem dengan lingkungan luarnya. DFD level 0 dari aplikasi tribratanews ini digambarkan pada Gambar 7.
Gambar 7. DFD level 0 b)
DFD Level 1 DFD level 1 merupakan alur data yang menunjukan semua proses utama
pada sistem, dan menyusun keseluruhan dari sistem tersebut. Level 1
30
menunjukkan komponen dalam proses yang terjadi dalam sistem dan menunjukkan bagaimana proses-proses yang ada dalam sistem direlasikan menggunakan data flow diagram. DFD level 1 dari aplikasi tribratanews digambarkan pada Gambar 8.
Gambar 8. DFD level 1
31
4.2.2
Desain Basis Data Desain basis data digambarkan dengan menggunakan ERD sebagai
penjelasan setiap tabel, entitas, dan menjelaskan field tabel serta struktur data yang digunakan. 4.2.2.1 Entity Relationship Diagram (ERD) ERD menjelaskan relasi atau hubungan antar tabel dan entitas di dalam basis data. Sistem ini memiliki 4 entitas yaitu admin, berita, komentar, katagori. ERD dari aplikasi tribratanews ini digambarkan pada Gambar 9.
Gambar 9. ERD
4.2.2.2 Database Desain atau rancangan database dibuat menggunakan software MySQL. Rancangan database sistem ini terdapat sembilan tabel, dapat dilihat pada tabel 8.
32
Tabel 8. Rancangan database sistem. 1.
Database
: berita
Tabel
: Operator
Nama kolom Id_admin Username nama level status 2.
Tabel
Tipe (ukuran) Int (11) Varchar (30) Varchar (40) Int (1) Int (1) : berita
Nama kolom Id_berita Id_admin Id_kategori Tgl_berita Tgl_tayang Tgl_selesai Judul Isi_berita Gambar Read_berita 3.
Tabel
Tipe (ukuran) Int (11) Int (11) Int (11) Date Date Date Text Text
Tabel Nama kolom Id_komentar tanggal Nama_user Email_user Isi_komentar Id_berita
Keterangan Primary key Foreign key Foreign key
Int (4) : kategori
Nama kolom Id_kategori Nama_kategori 4.
Keterangan Primary key
Tipe (ukuran) Int (11) Varchar (225)
Keterangan Primary key
: Komentar Tipe (ukuran) Int (11) Date Varchar (30) Email (50) Text Int (11)
Keterangan Primary key
Foreign key
33
4.2.3
Desain Flowchart Program Desain flowchart merupakan rancangan alur dari program yang akan
dibuat dan diterapkan. Flowchart dapat digunakan untuk mengamati hal-hal yang dapat dilakukan program. 1)
Flowchart halaman login superadmin Aplikasi tribratanews Polda Lampung diawali dengan halaman login
website. Halaman login terdapat dua akses user yaitu, superadmin, dan operator. Flowchart halaman website disajikan pada Gambar 10.
Gambar 10. Flowchart Halaman Website
34
2)
Flowchart halaman utama superadmin Halaman utama superadmin terdapat 4 menu utama yaitu users, kategori,
berita, log data. Flowchart halaman utama superadmin disajikan pada Gambar 11.
Gambar 11. Flowchart Halaman utama superadmin.
3)
Flowchart halamam admin menu users Pada menu users terdapat tiga fungsi yaitu tambah user, edit user, dan
hapus user. Flowchart halaman admin menu users digambarkan pada Gambar 12.
35
Gambar 12. Flowchart Halaman Admin 4)
Flowchart halaman admin menu katagori Pada menu katagori di halaman admin, terdapat tiga fungsi, yaitu tambah
katagori, edit katagori, dan hapus katagori. Flowchart halaman admin menu katagori digambarkan pada Gambar 13.
36
Gambar 13. Flowchart Halaman Admin Menu Pendaftar 5)
Flowchart halaman admin menu berita Pada halaman ini, admin dapat melihat berita dan melihat komentar yang
terdapat pada berita. Flowchart halaman admin menu berita digambarkan pada Gambar 14.
37
Gambar 14. Flowchart Halaman Admin Menu berita
6)
Flowchart halaman login operator Aplikasi tribratanews Polda Lampung diawali dengan halaman login
website. Halaman login terdapat dua akses user yaitu, superadmin, dan operator. Flowchart halaman login operator digambarkan pada Gambar 15.
38
Gambar 15. Flowchart Halaman login operator 7)
Flowchart halaman utama operator Pada halaman utama operator terdapat dua menu utama, yaitu berita dan
logout. Flowchart halaman utama operator digambarkan pada Gambar 16.
39
Gambar 16. Flowchart Halaman utama operator 8)
Flowchart halaman operator menu berita Pada menu berita di halaman operator, terdapat dua submenu, yaitu berita
dan komentar. Flowchart halaman operator menu berita digambarkan pada Gambar 17.
40
Gambar 17. Flowchart Halaman operator Menu berita
9)
Flowchart halaman utama user Halaman utama user akan menampilkan berita yang telah diinputkan oleh
operator. Flowchart halaman user digambarkan pada Gambar 18.
41
Gambar 18. Flowchart Halaman Admin Menu User 4.2.4
Desain Interface Desain interface adalah rancangan interface (antar muka) yang akan
diterapkan ke dalam aplikasi yang dibuat. Tujuan dari pembuatan desain interface adalah agar rancangan sesuai dengan kebutuhan pengguna. 1)
Desain interface halaman website Halaman website berisi form login, halaman login terdapat dua akses user
yaitu, superuser dan operator. Desain interface halaman website disajikan pada Gambar 19.
42
Gambar 19. Tampilan Menu Login 2)
Desain interface halaman superuser Halaman superuser terdiri dari kolom dashboard, users, kategori, berita, dan
log data. Untuk masuk kedalam aplikasi username dan password benar dan sesuai dengan database maka superuser akan masuk kedalam aplikasi. Desain interface halaman superuser digambarkan pada Gambar 20.
43
Gambar 20. Desain Interface Halaman superuser 3)
Desain interface halaman operator Apabila operator telah melakukan login dengan benar, maka operator akan
masuk kedalam aplikasi. Pada halaman operator terdapat dua menu utama yaitu dashboard dan berita. Desain interface halaman operator digambarkan pada Gambar 21.
44
Gambar 21. Desain Interface Halaman operator 4)
Desain interface halaman user Pada menu user, terdapat dua menu utama, yaitu home dan kategori. Desain
interface halaman user digambarkan pada Gambar 22.
45
Gambar 22. Desain Interface Halaman user 5)
Desain interface halaman komentar user Pada halaman komentar, user dapat memberi komentar pada berita yang
terdapat di website. Desain interface halaman komentar user digambarkan pada Gambar 23.
46
Gambar 23. Desain Interface Halaman komentar user
47
4.3
Kontruksi dan Pengujian Pada tahapan ini, melakukan implementasi hasil desain dan integrasi fisik
dalam bentuk yang sebenarnya. Tahapan ini dimulai dengan proses coding program dengan menggunakan bantuan framework CodeIgniter dan tampilan program menggunakan bootstrap dan html. Setelah proses implementasi dilakukan dan sudah menjadi sebuah kesatuan sistem, maka dilakukan pengujian dengan metode blackbox testing yang dilakukan oleh pengguna. 4.3.1
Coding Program
1)
Potongan Coding Login Login digunakan untuk akses masuk kedalam menu utama dengan
verifikasi username dan password yang benar. load->model(array('m_petugas')); } public function index(){ $cek = $this->session->userdata('logged_in'); if(empty($cek)) { $options = array( 'img_path'=>'./captcha/', #folder captcha yg sudah dibuat tadi 'img_url'=>base_url('captcha'), #ini arahnya juga ke folder captcha 'img_width'=>'145', #lebar image captcha 'img_height'=>'45', #tinggi image captcha 'expiration'=>7200, #waktu expired 'font_path' => FCPATH . 'assets/font/coolvetica.ttf', #load font jika mau ganti fontnya 'pool' => '0123456789', #tipe captcha (angka/huruf, atau kombinasi dari keduanya) # atur warna captcha-nya di sini ya.. gunakan kode RGB 'colors' => array( 'background' => array(242, 242, 242), 'border' => array(255, 255, 255), 'text' => array(0, 0, 0), 'grid' => array(255, 40, 40)) );
48
2)
Source code koneksi database Source code dibawah ini merupakan source code yang menghubungkan
antara database tribratanews dengan aplikasi yang dibangun .
$db['default'] = array( 'dsn'
=> '',
'hostname' => 'localhost', 'username' => 'root', 'password' => '', 'database' => 'berita', 'dbdriver' => 'mysqli', 'dbprefix' => '', 'pconnect' => FALSE, 'db_debug' => (ENVIRONMENT !== 'production'), 'cache_on' => FALSE, 'cachedir' => '', 'char_set' => 'utf8', 'dbcollat' => 'utf8_general_ci', 'swap_pre' => '',
3)
Source code halaman superuser Source code ini merupakan source code untuk menampilkan halanman
web ketika superuser menggunanakn aplikasi.
49
session->logged_in != "yes" || $this>session->level != 1) { redirect(base_url()); } $this->load->model(array('m_admin')); } function index(){ $data = array( // untuk template "header" => $this->load>view('admin/include/header',array(),true), "topnav" => $this->load>view('admin/include/topnav',array(),true), "sidebar" => $this->load>view('admin/include/sidebar',array(),true), "footer" => $this->load>view('admin/include/footer',array(),true), //untuk content "title" => 'Data home', // "data" => $this->m_admin->get('berita'), ); $this->load->view('admin/home/index',$data); } }
4)
Source code halaman operator Source code ini merupakan source code untuk menampilkan halanman
web ketika operator menggunanakn aplikasi. session->logged_in != "yes" || $this>session->level != 2) { redirect(base_url()); } $this->load->model(array('m_operator')); } function index(){ $data = array( // untuk template
50 "header" => $this->load>view('operator/include/header',array(),true), "topnav" => $this->load>view('operator/include/topnav',array(),true), "sidebar" => $this->load>view('operator/include/sidebar',array(),true), "footer" => $this->load>view('operator/include/footer',array(),true), //untuk content "title" => 'Data home', // "data" => $this->m_operator>get('berita'), ); $this->load->view('operator/home/index',$data); } }
4.3.2
Tampilan Program
1)
Tampilan halaman login aplikasi tribratanews Halaman ini berisi form login Halaman login terdapat dua akses user
yaitu, superuser dan operator. Tampilan halaman website digambarkan pada Gambar 24.
Gambar 24. Tampilan Login Website
51
2)
Tampilan halaman utama superuser Halaman superuser terdiri dari kolom dashboard, users, kategori, berita, dan
log data. Untuk masuk kedalam aplikasi username dan password benar dan sesuai dengan database maka superuser akan masuk kedalam aplikasi. Tampilan halaman login admin digambarkan pada Gambar 25.
Gambar 25. Tampilan Halaman Utama Superuser. 3)
Tampilan halaman superuser menu users Apabila superuser telah melakukan login dengan benar, sistem akan
menampilkan halaman utama superuser. Pada menu users, superuser dapat menghapus, menambah, dan mengedit akun operator. Tampilan halaman superuser menu users digambarkan pada Gambar 25.
52
Gambar 25. Tampilan halaman superuser menu users 4)
Tampilan halaman superuser menu kategori Apabila superuser telah melakukan login dengan benar, sistem akan
menampilkan halaman utama superuser. Pada menu kategori, superuser dapat menghampus, menambah, dan edit kategori. Tampilan halaman superuser menu kategori digambarkan pada Gambar 26.
Gambar 26. Tampilan halaman superuser menu kategori.
53
5)
Tampilan halaman utama operator Halaman operator terdiri dari kolom dashboard dan berita. Untuk masuk
kedalam aplikasi username dan password benar dan sesuai dengan database maka operator akan masuk kedalam aplikasi. Tampilan halaman utama operator digambarkan pada Gambar 27.
Gambar 27. Tampilan halaman utama operator 6)
Tampilan halaman operator menu berita Apabila operator telah melakukan login dengan benar, sistem akan
menampilkan halaman utama operator. Pada menu berita, operator dapat menghapus, menambah, dan mengedit berita. Tampilan halaman operator menu berita digambarkan pada Gambar 28.
54
Gambar 28. Tampilan Halaman Operator menu kategori 7)
Tampilan halaman utama user Pada halaman utama, user dapat melihat berita-berita yang telah di upload
oleh operator. Tampilan halaman utama user digambarkan pada Gambar 86.
Gambar 29. Tampilan halaman utama user
55
8)
Tampilan halaman user menu komentar Pada halaman user menu komentar, user dapat memberikan komentar
pada berita yang terdapat pada website. Tampilan halaman user menu komentar digambarkan pada Gambar 30.
Gambar 30. Tampilan halaman user menu komentar.
56
4.3.3
Pengujian
4.3.3.1 Metode Pengujian Metode
pengujian yang digunakan
pada “Aplikasi
Tribratanews
Kepolisian Daerah Lampung ” menggunakan black box testing yaitu teknik atau cara pengujian yang dilakukan dengan menjalankan unit, kemudian dilakukan pengamatan apakah hasil dari unit sesuai dengan proses bisnis yang diinginkan. Hasil dari pengujian dapat dilihat pada lampiran 2 dan lampiran 3. 4.3.3.2 Hal-hal yang Diuji Hal-hal yang diuji dalam tugas akhir yang berjudul “Framework Codeigniter Sebagai Pendukung Aplikasi Backend Tribratanews Kepolisian Daerah Lampung” adalah sebagai berikut: a)
Fungsi-fungsi yang tidak benar dan tidak berfungsi sebagaimana mestinya.
b)
Kesalahan tampilan interface.
c)
Kesalahan di dalam database yang digunakan dalam aplikasi.
d)
Kecepatan load data antara codeigniter dan php native.
e)
Security default antara codeigniter dan php native.
4.3.3.3 Hasil Pengujian Hasil dari pengujian dengan menggunakan metode black box testing adalah sebagai berikut : a)
Kesalahan interface Tidak terdapat kesalahan interface pada sistem informasi ini. Pengujian ini dilakukan dengan mengecek ada tidaknya kesalahan pada struktur data dan hasilnya tidak ada kesalahan pada struktur data.
57
b)
Kesalahan basis data Pengujian akses ke database aplikasi tribratanews telah dilakukan dan tidak ditemukan kesalahan saat menjalankan aplikasi tersebut.
V.
5.1
KESIMPULAN DAN SARAN
Kesimpulan Kesimpulan dari tugas akhir yang berjudul “Framework Codeigniter
Sebagai
Pendukung Aplikasi Backend Tribratanews Kepolisian Daerah
Lampung” telah berhasil dibangun untuk memudahkan operator dalam mengelola berita, dan membuat performa website menjadi lebih cepat karena konstruksi yang lebih sederhana dengan menggunakan codeigniter.
5.2
Saran Dalam aplikasi ini saran yang diberikan agar aplikasi ini berjalan dengan
baik adalah menambahkan fitur verifikasi email ataupun nomor handphone bagi superuser dan operator saat akan melakukan login.
DAFTAR PUSTAKA
Nahado, M. R. 2015. Bumbu Bumbu Membuat Website: Cara Membuat Website Cantik dan Mudah. Purwokerto: Bang Roy Han. Nugroho, B. 2013. Panduan Membuat Program Toko dengan Visual Basic dan MySQL. Yogyakarta: Gava Media. Nugroho, B. 2014. Membuat Sistem Informasi Akadeik Sekolah dengan PHPMYSQL dan DREAMWEAVER. Yogyakarta: Gava Media. Putratama, V., & Supono. 2016. Pemrograman Web dengan Menggunakan PHP dan Framework Codeigniter. Yogyakarta: Deepublish. Rosa, dan Shalahudin. 2014. Rekayasa Perangkat Lunak Terstruktur dan Berorientasi Objek. Bandung: Informatika Bandung. Subagia, A. (2017). Membangun Aplikasi dengan CodeIgniter dan Database SQL Server. Jakarta: PT Elex Media Komputindo. Wibawanto, W. 2017. Desain dan Pemrograman Multimedia Pembelajaran Interaktif. Jember: Cerdas Ulet Kreatif. Setiawan, F. A. (2012). Pemrograman Internet. Yogyakarta: Graha Ilmu. Yuhefizar. (2013). Cara Mudah dan Murah Membangun dan Mengelola Website. Yogyakarta: Graha Ilmu. Anisya. (2013, Agustus). Aplikasi Sistem Database Rumah Sakit Terpusat. Jurnal Momentum, 15, 10. Rahman, S. (2013). Cara Gampang Bikin CMS Tanpa Ngoding. Jakarta: Mediakita. Rozi, Z. A., & Community, S. (2016). Modern Web Design. Jakarta: PT Elex Media Komputindo Rosa, & Shalahudin, M. (2018). Rekayasa Perangkat Lunak Terstruktur dan Berorientasi Objek. Bandung: Informatika Bandung. Solichin, A. (2016). Pemrograman Web dengan PHP dan MySQL. Jakarta: Universitas Budi Luhur. Maturidi, A . D. (2014). Metode Penelitian Teknik Informatika. Yogyakarta: Deepublish.
59
Yanto, R. (2016). Manajemen Basis Data Menggunakan MySQL. Yogyakarta: Deepublish. Raharjo, B. (2015). Belajar Otodidak Framework CodeIgniter. Bandung: Informatika Bandung. Rerung, R. R. (2018). Pemrograman web dasar. Yogyakarta: Deepublish. Shodiq, M., Satoto, K. I., & Kridalukmana, R. (2016). SIMBES, APLIKASI MANAJEMEN BEASISWA DI UNIVERSITAS DIPONEGORO BERBASIS FRAMEWORK CODEIGNITER DAN MYSQL. Siti Nurhayati, M. N. (2013). Pembuatan Situs Portal Berita Seputar Kampus Universitas Gunadarma Menggunakan Framework Php Codeigniter Dan Basis Data Mysql. Fryonanda, H & Tarmizi Ahmad. (2017). Analisis Website Perguruan Tinggi Bedasarkan Keinginan Search Engine menggunakan Automated Software Testing GTmetrix.
LAMPIRAN
Lampiran 1. Hasil Wawancara WAWANCARA
Bidang Humas Kepolisian Daerah Lampung Bulan Februari 2018 (Praktik Kerja Lapang). Pada anggota bidang humas Polda Lampung. Narasumber
: Bripka Haryanto
Penanya
: Adrian Reza Syahputra
Pertanyaan untuk Narasumber : 1)
Apakah permasalahan dan kendala dari sistem lama ?
2)
Bagaimana proses dari sistem lama ?
3)
Mengapa di butuhkan sistem yang baru ?
4)
Sebuah aplikasi seperti apa yang ingin di buat ?
5)
Berapa hak akses dalam mengelolah aplikasi ini ?
Jawaban dari narasumber : 1) Permasalahan yang terjadi pada aplikasi tribratanews yang sedang berjalan saat ini yaitu :
Terdapat kendala dalam proses untuk menampilkan berita yang paling banyak dibaca oleh pengguna website dan juga superadmin tidak bisa melihat log data dari operator yang mengelola berita.
2) Operator login kedalam aplikasi dengan memasukkan username dan password, kemudian pilih katagori yang akan dibuatkan berita, kemudian operator akan menginputkan berita dan setelah diinputkan berita tersebut akan tampil pada website yang bisa diakses oleh pengguna.
3) Dibutuhkannya
aplikasi
untuk mempermudah dalam
melakukan proses
pengelolaan berita pada aplikasi tribratanews.
4) Aplikasi tribratanews yang dapat mempermudah operator dalam melakukan pengelolaan berita.
5) Hak akses nya yaitu anggota bidang humas polda lampung (admin) dan anggota kepolisian bidang humas Polda Lampung(operator). Fungsi hak akses admin yaitu dapat mengelola data operator dan melihat log data dari operator. Sedangkan fungsi hak akses operator, hanya dapat mengelola berita dan melihat komentar yang diberikan oleh pengguna website pada berita yang ada di website.
Lampiran 2. Lembar Pengujian
LEMBAR PENGUJIAN FRAMEWORK CODEIGNITER SEBAGAI PENDUKUNG APLIKASI BACKEND TRIBRATANEWS KEPOLISIAN DAERAH LAMPUNG
Tanggal Pengujian
: 24 September 2018
Penguji
: Bripda Prakarsa Cendekia
Pengujian
: Tampilan
User level
: operator berita tribratanews
No 1
Tampilan Halaman login
Target Halaman login tampil saat ingin mengakses aplikasi.
2
Halaman utama operator
3
Halaman utama admin
4
Menu berita
5
Tombol tambah berita
Halaman utama operator langsung tampil saat operator berhasil login. Halaman utama operator menampilkan menu yang ada pada aplikasi yakni menu dashboard, berita, dan sign out. Menu data master menampilkan data berita, menu tambah, berita, hapus berita, edit berita dan menu komentar. Menyediakan form yang dapat dimasukkan data berita baru setelah itu dapat menyimpannya dengan menekan tombol simpan, atau membatalkan penambahan data dengan
Ya
√ √ √ √ √
Tidak
Keterangan
6
Tombol edit berita
7
Tombol hapus berita
8
Menu sign out
menekan tombol cancel Menyediakan form yang dapat melakukan fungsi ubah data berita setelah operator memilih data berita yang akan diubah. Setelah operator memilih data lalu menekan tombol hapus maka berita yang dipilih akan langsung terhapus. Saat operator menekan tombol sign out, operator akan keluar dari hak akses.
√ √ √
Bandar Lampung, 24 September 2018 Mengetahui,
(Bripda Prakarsa Cendekia)
LEMBAR PERBANDINGAN ANTARA FRAMEWORK CODEIGNITER DAN PHP NATIVE
NO
1
2
3
Framework Codeigniter
Native
Pada framework codeigniter halaman utama operator dapat Pada php native halaman utama operator memerlukan waktu yang diakses dengan waktu 0,05 detik. sedikit lebih lama dari framework codeigniter yaitu, 0,10 detik. Pada framework codeigniter untuk menampilkan data berita Pada php native untuk menampilkan data berita memerlukan waktu memerlukan waktu waktu 0,11 detik. waktu 0,49 detik.
Pada framework codeigniter terdapat security default salah satunya adalah adanya index.php di direktori application sehingga tidak menampilkan folder/file pada website yang diuji.
Pada php native kita harus membuat security secara manual seperti membuat file index.php. Jika kita tidak membuat file index.php maka saat user mengakses website akan tampil folder/file yang ada pada direktori ada.
1 KARYA ILMIAH MAHASISWA MANAJEMEN INFORMATIKA
Framework Codeigniter Sebagai Pendukung Aplikasi Backend Tribratanews Kepolisian Daerah Lampung Adrian reza1, Rima Maulini2, Eko Win Kenali3 1
Mahasiswa Jurusan Ekonomi dan Bisnis, 2 Pembimbing 1, 3 Pembimbing 2
Abstrak Tribratanews adalah website yang dimiliki oleh Polda Lampung yang berisikan berita-berita tentang kepolisian khususnya di daerah Lampung. Kategori berita yang dimuat pada Tribratanews diantaranya yaitu, reserse kriminal, lalulintas, narkoba dan bimbingan masyarakat. Penggunaan php native pada website ini memunculkan kekurangan seperti, Coding Style Consitence yang berbeda dari programmer satu dengan programmer yang lainnya dan dokumentasi pemrograman yang tidak jelas karena php native dibangun atas dasar pemahaman programmer itu sendiri,. Selain itu website ini juga mempunyai kekurangan seperti konten yang kurang tertata dengan baik. Karena itu peneliti akan mengembangkan aplikasi tersebut menggunakan framework codeigniter dengan menambahkan beberapa fitur baru seperti menampilkan berita favorit, menampilkan pemberitahuan komentar pada berita, dan jumlah pengunjung website tribratanews. Kata Kunci : aplikasi, Tribratanews ,waterfall. I.
kemitraan dengan media massa yang
PENDAHULUAN
kemudian akan disebarluaskan melaluli Kepolisian
Daerah
(Polda)
website yang bernama Tribratanews.
Lampung merupakan salah satu lembaga penting yang mempunyai tugas utama
Tribratanews adalah website yang
sebagai penjaga keamanan, ketertiban
dimiliki oleh Polda Lampung yang
dan penegakan hukum yang ada di
berisikan berita-berita tentang kepolisian
Provinsi Lampung.
Polda Lampung
khususnya di daerah Lampung. Kategori
beralamat di Jl. WR. Supratman No.1,
berita yang dimuat pada Tribratanews
Kupang Kota, Teluk Betung Utara, Kota
diantaranya
Bandar
lalulintas,
Lampung,
Lampung.
Polda
yaitu,
reserse
narkoba
dan
kriminal, bimbingan
Lampung memiliki beberapa bidang
masyarakat. Pengisian berita ke dalam
salah satunya adalah Bidang Humas.
website Tribratanews dilakukan oleh operator komputer melalui panel admin
Bidang humas Polda Lampung bertugas untuk melaksanakan kegiatan Hubungan pengelolaan pemberitaan
masyarakat dan atau
melalui penyampaian
informasi
dan
dokumentasi serta kerja sama dengan
yang berupa website, website tersebut dibangun
menggunakan
bahasa
pemrograman php native. Pada website tersebut
operator
komputer
dapat
melakukan pengisian berita, pembaruan
2 KARYA ILMIAH MAHASISWA MANAJEMEN INFORMATIKA
berita
dan
penghapusan
berita.
Gunadarma
dan
pengguna
dapat
Penggunaan php native pada website ini
mengaksesnya dengan mudah, dan pada
memunculkan
seperti,
jurnal yang ditulis oleh Muchamad
Coding Style Consitence yang berbeda
Shodiq, Kodrat Imam Satoto dan Rinta
dari
dengan
Kridalukmana yang ditulis pada tahun
dan
2013 dengan judul “Simbes, Aplikasi
dokumentasi pemrograman yang tidak
Manajemen Beasiswa di Universitas
jelas karena php native dibangun atas
Diponegoro Berbasis Framework Code
dasar
itu
Igniter dan MYSQL”, aplikasi tersebut
sendiri, tidak adanya security default pada
dibangun dengan basis web yang dapat
system
sehingga
dijalankan oleh pengguna dimana saja dan
membuat website tersebut mudah untuk
hanya membutuhkan koneksi internet
di serang oleh orang-orang yang tidak
dan browser.
kekurangan
programmer
programmer
satu
yang
pemahaman
yang
lainnya
programmer
dibangun,
bertanggung jawab. Selain itu website ini juga mempunyai kekurangan seperti konten yang kurang tertata dengan baik.
II.
Tinjauan Pustaka
a.
Metode penelitian
Berdasarkan permasalahan yang
Metode pengembangan perangkat
ada maka diperlukan pengembangan dari
lunak
werbsite
yang
Lampung codeigniter.
yang
diikuti
dengan
dimiliki
oleh Polda
pengembangan system development life
menggunakan
framework
cycle (SDLC), metode ini dipilih karena
Framework
codeigniter
memiliki
kemudahan
dalam
merupakan salah satu framework dengan
implementasinya.
model MVC (model view controller)
menurut Rosa dan Salahudin memiliki
untuk
tahapan-tahapan sebagai berikut:
membangun
sebuah
website
Metode
waterfallI
dinamis. Pada jurnal yang ditulis oleh Siti Nurhayati dan Mufid Nilmada pada
1. Analisis
tahun 2008 yang berjudul “Pembuatan
Tahapan analisis ini dilakukan
Situs Portal Berita Seputar Kampus
untuk melihat bagaimana cara kerja dari
Universitas Gunadarma Menggunakan
aplikasi yang sedang digunakan saat ini
Framework php Codeigniter dan Basis
sehingga dapat mengetahui apa saja
Data Mysql”. Dalam penelitian ini dibuat
kekurangan dari aplikasi yang sudah ada
sebuah website portal berita untuk
dan juga dapat mengetahui apa saja yang
menjelaskan tentang berita-berita terbaru
dibutuhkan
baik formal maupun informal
aplikasi tribratanews.
berada
dikampus
di
yang
Universitas
untuk
mengembangkan
3 KARYA ILMIAH MAHASISWA MANAJEMEN INFORMATIKA
2. Desain
maintenance
atau
pemeliharaan dari
aplikasi yang sudah dibuat. Tahapan
berikutnya
adalah
membuat desain. Setelah mendapatkan data-data
yang
selanjutnya
sudah
dikumpulkan
mendesain
aplikasi
tribratanews yang akan kita bangun dengan
menggunakan
framework
Tahap
pendukung atau pemeliharaan dapat mengulangi proses pengembangan mulai dari analisis spesifikasi untuk perubahan perangkat lunak yang sudah ada, tetapi tidak untuk membuat perangkat lunak baru.
codeigniter. b.
3. Pengodean Pada
tahap
ini,
Aplikasi atau perangkat lunak
melakukan
pembuatan aplikasi Tribratanews dengan framework codeigniter yang kemudian
Aplikasi
merupakan
bagian
dari
sistem
komputer yang tidak dapat dipisahkan
akan menghasilkan aplikasi Tribratanews sesuai dengan desain yang telah dibuat pada tahap desain.
pengguna
4. Pengujian Pada
dan didukung dengan keberadaan
keras tahapan
ini
dilakukan
(brainware),
(hardware)
(networking) dalam
perangkat
dan
jaringan
suatu sistem
pengujian apakah aplikasi yang dibuat sesuai
dengan
desain
yang
sudah
komputer (Sholichin, 2016).
ditentukan. Kemudian pada tahapan pengujian ini operator dari tribratanews
c.
Framework
akan mencoba menggunakannya selama 1 minggu 21 untuk melihat apakah ada kesalahan-kesalahan pada aplikasi ini baik dari segi logik maupun segi fungsional. 5. Pendukung
Framework
merupakan
suatu
kumpulan kode berupa pustaka dan alat yang di padukann sedemikian rupa sehingga menjadi satu kerangka kerja
yang
bermanfaat
untuk
Tahap pendukung adalah tahapan terakhir dari pembuatan aplikasi setelah
memudahkan
dan
mempsercepat
semua proses pada tahapan pengujian
proses pengembangan aplikasi web.
selesai, pada tahapan ini dilakukan proses
Beberapa framework web yang dapat
4 KARYA ILMIAH MAHASISWA MANAJEMEN INFORMATIKA
digunakan
untuk
PHP
Berikut penjelasan sistem yang
yaitu
Codeigniter, Yii, Zend Framework,
berjalan pada Polda Lampung tentang pengisian
berita
Laravel, Symfony, CakePHP, Phacon,
tribratanews, yaitu :
Kohana,
1.
FuelPHP
dan
lain-lain.
Superadmin aplikasi
(Raharjo, 2015).
pada
aplikasi
login
kedalam
tribratanews
untuk
membuatkan akun bagi operator yang akan mengisikan berita.
d.
CodeIgniter
2.
Operator login kedalam aplikasi tribratanews dengan akun yang
Codeigniter
digunakan
membangun
aplikasi
untuk
sudah
kumpulan library yang dirancang
oleh
superadmin sebelumnya.
web
menggunakan PHP dan menyediakan
dibuatkan
3.
Operator memilih kategori berita yang akan di inputkan berita.
4.
Operator
mengisikan
berita
kedalam kategori yang sudah
untuk menjadi sebuah web framework
dipilih sebelumnya.
yang mudah digunakan (Subagia
5.
Setelah mengisikan berita, berita tersebut maka akan di upload ke
2017).
website. 6.
III. Hasil dan pembahasan
Berita yang telah di upload dapat dilihat oleh pengguna web dan
3.1
Analisis Masalah Menganalisa
masalah
pengguna memberikan
yang 7.
8.
Operator
mengisikan
balasan
komentar yang diberikan oleh
proses
pengguna web melalui aplikasi
mana saja yang mengalami masalah,
tribratanews.
yang bisa diselesaikan dengan sistem yang akan diusulkan.
Komentar yang diberikan oleh
akan dibalas oleh operator.
dan informasi tentang bagaimana proses-
Menenentukan
pada
dalam aplikasi tribratanews dan
tahap ini dilakukan pengumpulan data
tribratanews.
komentar
pengguna web akan masuk ke
mengusulkan sistem yang baru. Pada
proses pengisian berita pada aplikasi
dapat
berita.
terjadi pada sistem yang berjalan saat ini, sistem yang berjalan dipelajari dan
web
9.
Balasan
komentar
yang
diberikan oleh operator akan
5 KARYA ILMIAH MAHASISWA MANAJEMEN INFORMATIKA
tampil pada berita yang telah di komentari
oleh
pengguna
sebelumnya. Mapping
chart
sistem
lama
aplikasi tribratanews Kepolisian Daerah Lampung, dapat dilihat pada Gambar 5.
Gambar 6. Mapping Chart aplikasi tribratanews yang Diusulkan
Gambar 5. Mapping Chart aplikasi tribratanews yang Sedang Berjalan 3.1.1 Sistem Yang Diusulkan Analisis sistem yang diusulkan bertujuan untuk mengetahui bagaimana sistem yang akan dibuat menghasilkan output yang diinginkan. Mapping chart sistem yang diusulkan dapat dilihat pada Gambar 6.
6 KARYA ILMIAH MAHASISWA MANAJEMEN INFORMATIKA
3.2
Desain dan Integrasi Fisik Pada tahap ini, dibuat rancangan
sistem baru berdasarkan analisis yang telah dilakukan pada tahap sebelumnya. Tahapan
ini
menentukan
arsitektur
sistem secara keseluruhan dan membagi Gambar 7. DFD level 0
ke dalam sistem perangkat keras maupun perangkat
lunak.
Tahap
desain
ini
b)
DFD Level 1
meliputi desain sistem, desain basis data, DFD level 1 merupakan alur data
desain flowchart program dan desain
yang menunjukan semua proses utama
interface.
pada sistem, dan menyusun keseluruhan 3.2.1 Desain Sistem Tahap
dari
ini
perancangan
membutuhkan DFD
untuk
sistem
tersebut.
Level
1
menunjukkan komponen dalam proses yang
terjadi
dalam
sistem
dan
menggambarkan proses yang terjadi pada
menunjukkan bagaimana proses-proses
sistem yang akan dikembangkan. DFD
yang ada dalam sistem direlasikan
adalah diagram yang menggambarkan
menggunakan data flow diagram. DFD
arus data dari suatu entitas ke sistem atau
level
dari sistem ke entitas. DFD yang dibuat
digambarkan pada Gambar 8.
1
dari
aplikasi
tribratanews
dalam aplikasi ini terdiri dari DFD level 0 dan DFD level 1. a)
DFD Level 0 DFD level 0 merupakan DFD
level
tertinggi
menggambarkan
dari
DFD
hubungan
yang sistem
dengan lingkungan luarnya. DFD level 0 dari
aplikasi
tribratanews
ini
digambarkan pada Gambar 7.
Gambar 8. DFD level 1
7 KARYA ILMIAH MAHASISWA MANAJEMEN INFORMATIKA
dibuat dan diterapkan. Flowchart dapat digunakan untuk mengamati hal-hal yang
3.2.2 Desain Basis Data
dapat dilakukan program. Desain basis data digambarkan dengan
menggunakan
ERD
sebagai
1)
Flowchart
login
superadmin
penjelasan setiap tabel, entitas, dan menjelaskan field tabel serta struktur data yang digunakan.
halaman
Aplikasi
tribratanews
Polda
Lampung diawali dengan halaman login website. Halaman login terdapat dua
3.2.2 Entity Relationship Diagram
akses
(ERD)
user
yaitu,
superadmin,
dan
operator. Flowchart halaman website ERD
menjelaskan
relasi
atau
disajikan pada Gambar 10.
hubungan antar tabel dan entitas di dalam basis data. Sistem ini memiliki 4 entitas yaitu admin, berita, komentar, katagori. ERD dari aplikasi tribratanews ini digambarkan pada Gambar 9.
Gambar 9. ERD 3.2.2.1 Database Desain atau rancangan database dibuat menggunakan software MySQL. Rancangan database sistem ini terdapat sembilan tabel, dapat dilihat pada tabel 8. Tabel 8. Rancangan database sistem. 3.2.3
Desain Flowchart Program Desain
flowchart
merupakan
rancangan alur dari program yang akan
Gambar 10. Flowchart Halaman Website
8 KARYA ILMIAH MAHASISWA MANAJEMEN INFORMATIKA
3.2.4
Desain Interface Desain
implementasi
interface
adalah
rancangan interface (antar muka) yang akan diterapkan ke dalam aplikasi yang dibuat. Tujuan dari pembuatan desain interface adalah agar rancangan sesuai
dilakukan
dan
sudah
menjadi sebuah kesatuan sistem, maka dilakukan pengujian dengan metode blackbox testing yang dilakukan oleh pengguna. 3.3.1
Tampilan Program
1)
Tampilan halaman login aplikasi
dengan kebutuhan pengguna. 1)
Desain interface halaman website
tribratanews Halaman ini berisi form login
Halaman website berisi form login, halaman login terdapat dua akses user yaitu, superuser dan operator. Desain interface halaman website disajikan pada
Halaman login terdapat dua akses user yaitu, superuser dan operator. Tampilan halaman
website
digambarkan
pada
Gambar 24.
Gambar 19.
Gambar 24. Tampilan Login Website
IV. Kesimpulan dan Saran 4.1 Kesimpulan 3.3
Kontruksi dan Pengujian Pada tahapan ini, melakukan
implementasi hasil desain dan integrasi fisik dalam bentuk yang sebenarnya. Tahapan ini dimulai dengan proses coding program dengan menggunakan bantuan framework CodeIgniter dan tampilan
program
menggunakan
bootstrap dan html. Setelah proses
Kesimpulan dari tugas akhir yang berjudul
“Framework
Codeigniter
Sebagai
Pendukung
Aplikasi
Tribratanews
Kepolisian
Daerah
Lampung” telah berhasil dibangun untuk memudahkan operator dalam mengelola berita dan juga memudahkan user untuk memberikan komentar pada berita yang terdapat di website.
9 KARYA ILMIAH MAHASISWA MANAJEMEN INFORMATIKA
4.2 Saran Dalam aplikasi ini saran yang diberikan agar aplikasi ini berjalan dengan baik adalah menambahkan fitur verifikasi
email
ataupun
nomor
handphone bagi superuser dan operator saat akan melakukan login. DAFTAR PUSTAKA
Rosa, & Shalahudin, M. (2018). Rekayasa
Perangkat
Lunak
Terstruktur dan Berorientasi Objek. Bandung: Informatika Bandung. Subagia, A. (2017). Membangun Aplikasi dengan CodeIgniter dan Database SQL Server. Jakarta:
PT
Elex
Media
Komputindo. Solichin, A. (2016). Pemrograman Web dengan PHP dan MySQL. Jakarta: Universitas Budi Luhur. Raharjo, B. (2015). Belajar Otodidak Framewoork CodeIgniter. Bandung: Informatika Bandung.
10 KARYA ILMIAH MAHASISWA MANAJEMEN INFORMATIKA
Lampiran Plagiarism