15753002.pdf

  • Uploaded by: Adrian Reza Syahputra
  • 0
  • 0
  • November 2019
  • PDF

This document was uploaded by user and they confirmed that they have the permission to share it. If you are author or own the copyright of this book, please report to us by using this DMCA report form. Report DMCA


Overview

Download & View 15753002.pdf as PDF for free.

More details

  • Words: 9,570
  • Pages: 93
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

More Documents from "Adrian Reza Syahputra"

15753002.pdf
November 2019 16
5 Tenant Uc Day.docx
December 2019 24
Metode Secant.xlsx
December 2019 71
April 2020 57