LAPORAN PRAKTEK KERJA LAPANGAN

PENGEMBANGAN WEB UPT BLKI SINGOSARI

MENGGUNAKAN FRAMEWORK CODEIGNITER

Disusun Oleh :
Mohammad Faried Rahmat NIM 1541183039
Girindra Wikrama Wijaya NIM 1441180036

PROGRAM STUDI TEKNIK INFORMATIKA

JURUSAN TEKNOLOGI INFORMASI
POLITEKNIK NEGERI MALANG
2017
 LEMBAR PENGESAHAN

LAPORAN PRAKTEK KERJA LAPANGAN

PENGEMBANGAN WEB UPT BLKI SINGOSARI
MENGGUNAKAN FRAMEWORK CODEIGNITER

Oleh :
Girindra Wikrama Wijaya 1441180036
Mohammad Faried Rahmat 1541183039

Malang, 12 September 2017

Mengetahui dan Menyetujui,

Ketua Program Studi Dosen Pembimbing

Teknik Informatika

Ir. Deddy Kusbianto P., M.Mkom Dyah Ayu Irawati, ST., M.Cs.
NIP. 19621128 198811 1 001 NIP 19840708 200812 2 001

Mengetahui
Ketua Jurusan Teknologi Informasi

Rudy Ariyanto, ST , MCs

NIP. 19711110 199903 1 002

ii
 LEMBAR PERNYATAAN KEASLIAN

Saya yang bertanda tangan dibawah ini :

Nama : Mohammad Faried Rahmat
NIM : 1541183039
Judul Laporan : Pengembangan Web UPT BLKI SINGOSARI
Menggunakan Framework Codeigniter

Menyatakan dengan sebenarnya bahwa penulisan laporan PKL ini berdasarkan

hasil penelitian , pemikiran dan pemaparan asli dari saya sendiri, baik untuk
penulisan naskah laporan PKL maupun kegiatan programming. Jika Terdapat
karya orang lain , saya akan mencantumkan sumber yang jelas. Demikian
peryataan ini saya buat dengan sesungguhnya dan apabila di kemudian hari
terdapat penyimpangan dan ketidakbenaran pada pernyataan ini, maka saya
bersedia menerima sanksi akademik dan sanksi yang lain sesuai dengan peraturan
yang berlaku di Politeknik Negeri Malang.

Demikian pernyataan ini saya buat dalam keadaan sadar tanpa paksaan dari pihak
manapun
Singosari , 12 September 2017
Yang Membuat Pernyataan

Mohammad Faried Rahmat

NIM. 1541183039

iii
 LEMBAR PERNYATAAN KEASLIAN

Saya yang bertanda tangan dibawah ini :

Nama : Girindra Wikrama Wijaya
NIM : 1441180036
Judul Laporan : Pengembangan Web UPT BLKI SINGOSARI
Menggunakan Framework Codeigniter

Menyatakan dengan sebenarnya bahwa penulisan laporan PKL ini berdasarkan

hasil penelitian , pemikiran dan pemaparan asli dari saya sendiri, baik untuk
penulisan naskah laporan PKL maupun kegiatan programming. Jika Terdapat
karya orang lain , saya akan mencantumkan sumber yang jelas. Demikian
peryataan ini saya buat dengan sesungguhnya dan apabila di kemudian hari
terdapat penyimpangan dan ketidakbenaran pada pernyataan ini, maka saya
bersedia menerima sanksi akademik dan sanksi yang lain sesuai dengan peraturan
yang berlaku di Politeknik Negeri Malang.

Demikian pernyataan ini saya buat dalam keadaan sadar tanpa paksaan dari pihak
manapun
Singosari , 12 September 2017
Yang Membuat Pernyataan

Girindra Wikrama Wijaya

NIM. 1441180036

iv
 LEMBAR PENGESAHAN INSTITUSI

LAPORAN PRAKTEK KERJA LAPANGAN

PENGEMBANGAN WEB UPT BLKI SINGOSARI
MENGGUNAKAN FRAMEWORK CODEIGNITER

Oleh :
Mohammad Faried Rahmat 1541183039
Girindra Wikrama Wijaya 1441180036

Singosari , 12 September 2017

Mengetahui dan Menyetujui

Kepala Pembimbing Industri

UPT BLKI Singosari UPT BLKI Singosari

Ilham Prasetyo L. MM Haryodo, A.Md, ST.

NIP. 19621119 198602 1 002 NIP. 196205211 1 006

v
 KATA PENGANTAR

Puji syukur kamu ucapkan kepada Allah SWT karena atas rahmat dan
karunia-Nya kami bisa menyelesaikan praktek kerja lapangan sampai dengan
selesainya penyusunan laporan ini.

Praktek Kerja Lapangan merupakan kegiatan yang penting bagi mahasiswa

Politeknik Negeri Malang jurusan Teknologi Informasi sebagai salah satu mata
kuliah yang harus dijalani untuk menyelesaikan pendidikan pada tingkat Diploma
IV. Kegiatan ini juga berfungsi sebagai sarana dalam menambah wawasan dan
pengalaman bagi mahasiswa di bidang industry secara nyata serta diharapkan apat
membandingkan ilmu yang telah dipelajari di pekuliahan dengan imu yang
diterapkan pada industri.

Selama kegiatan praktek kerja lapangan, kami banyak mendapatkan

bimbingan, motivasi serta bantuan dari berbagai pihak. Untuk itu kami
menyampaikan terima kasih yang sebesar-besarnya kepada:

1. Orang tua dan keluarga kami atas segala perhatian, dukungan, semangat dan
doa yang diberikan kepada kami
2. Bapak Rudy Aryanto, S.T., M.CS. selaku Ketua Jurusan Teknologi Informasi
Politeknik Negeri Malang
3. Ibu Dyah Ayu Irawati, ST.,M.Cs selaku Dosen Pembimbing Praktek Kerja
Lapangan
4. Dra. Siti Romlah, M.M. selaku Koordinator Praktek Kerja Lapangan Jurusan
Teknologi Informasi Politeknik Negeri Malang
5. Bapak Haryodo A.Md S.T, selaku Pembimbing Tempat PKL
6. Dan seluruh pihak terkait yang tidak dapat kami sebutkan satu persatu yang
telah membantu kelancaran kami selama melaksanakan Praktek Kerja
Lapangan di UPT Pelatihan Kerja Singosari dan dalam penyusunan laporan
ini.

vi
Kami menyadari bahwa laporan ini masih jauh dari kata sempurna, oleh karena itu
kami sangat mengharapkan saran dan kritik yang bersifat membangun dari
berbagai pihak demi kesempurnaan laporan ini.

Dan akhirnya kami selaku penyusun laporan mohon maaf kepada semua pihak,
apabila dalam melaksanakan Praktek Kerja Lapangan dan dalam penyusunan
laporan ini terdapat banyak kekurangan. Kami berharap laporan ini dapat
bermanfaat bagi kita semua.

Singosari, 12 September 2017

Penyusun

vii
 DAFTAR ISI

LEMBAR PENGESAHAN .................................................................................... ii

LEMBAR PERNYATAAN KEASLIAN .............................................................. iii
LEMBAR PERNYATAAN KEASLIAN .............................................................. iv
LEMBAR PENGESAHAN INSTITUSI ................................................................ v
KATA PENGANTAR ........................................................................................... vi
DAFTAR ISI ........................................................................................................ viii
BAB I ...................................................................................................................... 1
PENDAHULUAN................................................................................................... 1
1.1 LATAR BELAKANG .............................................................................. 1
1.2 TUJUAN................................................................................................... 2
1.2.1 MANFAAT ........................................................................................... 2
1.2.2 Bagi Mahasiswa .................................................................................... 2
1.2.3 Bagi Politeknik Negeri Malang Program Studi Teknik Informatika .... 2
1.2.4 Bagi Instansi yang bersangkutan .......................................................... 3
1.3 Waktu Dan Tempat Pelaksanaan .............................................................. 3
1.4 Peserta Praktek Kerja Lapangan ............................................................... 3
1.5 Metode Penelitian ..................................................................................... 4
1.6 Sistematika Penulisan ............................................................................... 4
BAB II ..................................................................................................................... 5
GAMBARAN UMUM............................................................................................ 5
2.1 Penjelasan Umum UPT BLK Singosari ................................................... 5
2.1.1 Fungsi ......................................................................................................... 6
2.1.2 Sejarah Singkat UPT BLKI Singosari ....................................................... 6
2.1.3 Lokasi UPT BLKI Singosari ...................................................................... 7
2.1.4 Struktur Organisasi UPT BLKI Singosari .................................................. 7
2.2 Aktifitas Selama Praktek Kerja Lapangan .................................................... 7
2.5 Masalah yang dihadapi ................................................................................ 11
2.6 Pemecahan Masalah .................................................................................... 11
BAB III.................................................................................................................. 12
PELAKSANAAN PRAKTEK KERJA LAPANGAN ......................................... 12
3.1 Dasar Teori .................................................................................................. 12

viii
 3.1.2 MySQL ..................................................................................................... 12
3.1.3 PHP ........................................................................................................... 12
3.1.4 Codeigniter ............................................................................................... 12
3.1.5 Konsep MVC ............................................................................................ 13
3.1.7 CkEditor ................................................................................................... 14
3.1.8 Use Case ................................................................................................... 14
3.2 Model Pengembangan Sistem ..................................................................... 15
3.3 Perancangan proyek praktek kerja lapangan ............................................... 17
3.3.1 Deskripsi sistem........................................................................................ 17
3.3.2 Kebutuhan Perangkat................................................................................ 17
BAB IV ................................................................................................................. 22
4.1 Kesimpulan .................................................................................................. 22
DAFTAR PUSTAKA ........................................................................................... 23

ix
 DAFTAR GAMBAR

Gambar 1 Waterfall Model ................................................................................... 15

Gambar 2 Use Case ............................................................................................... 18
Gambar 3 Tabel kategori ....................................................................................... 18
Gambar 4 Tabel visitor log ................................................................................... 19
Gambar 5 Tabel Tema ........................................................................................... 19
Gambar 6 Home .................................................................................................... 20
Gambar 7 Detail Artikel ........................................................................................ 20
Gambar 8 Artikel populer ..................................................................................... 21
Gambar 9 Footer ................................................................................................... 21

x
 DAFTAR TABEL

Tabel 1 Daftar Aktifitas Praktek Kerja Lapangan................................................. 10

Tabel 2 Simbol pada use case ............................................................................... 15

xi
 DAFTAR LAMPIRAN
Lampiran 1 Listing Program.................................................................................36

xii
 BAB I

PENDAHULUAN

1.1 LATAR BELAKANG

Hidup dalam era perkembangan teknologi informasi saat ini, memberikan
kemudahan dalam berbagai bidang. Sejalan dengan hal itu diperlukan sumber
daya manusia (SDM) yang mampu mendayagunakan kemampuannya di
segala bidang khususnya di bidang teknologi informasi dalam dunia kerja
yang sebenarnya. Mahasiswa sebagai salah satu anggota masyarakat
akademis di lingkungan Politeknik diharapkan mampu menjadi lulusan yang
terampil, profesional, dan mempunyai etos kerja yang tinggi.

Politeknik Negeri Malang (Polinema) sebagai salah satu Politeknik di

Indonesia selalu menyesuaikan kurikulum pendidikannya sesuai dengan
perkembangan dunia kerja yang sesungguhnya. Oleh karena itu, Politeknik
Negeri Malang diharapkan mampu mencetak lulusan yang berkualitas dan
mampu mengimplementasikan ilmu yang diperoleh saat mengikuti
perkuliahan sebagai pondasi dalam menghadapi dan menyelesaikan berbagai
permasalahan yang terjadi pada dunia kerja.

Permasalahan yang terjadi dalam dunia kerja berbeda dengan

permasalahan saat perkuliahan. Dengan situasi tersebut, mahasiswa Teknik
Informatika dituntut untuk mengikuti dan beradapatasi dengan lingkungan
pekerjaan sehingga setelah memasuki dunia kerja telah memiliki bekal yang
cukup dan siap menghadapi pekerjaan.

Dalam usaha untuk menyesuaikan dan mengikuti perkembangan industri,

kegiatan Praktek Kerja Lapangan (PKL) di instansi dinilai sebagai sarana
yang efektif untuk menyesuaikan diri dengan perkembangan di dunia kerja.
Oleh karena itu, mahasiswa hendaknya dapat memanfaatkan kegiatan PKL ini
sebaik-baiknya. Menimbang hal-hal tersebut diatas, maka kami memilih UPT

1
 Pelatihan Kerja Singosari sebagai wadah serta tempat untuk melakukan
Praktek Kerja Lapangan.

1.2 TUJUAN
Praktek Kerja Lapangan (PKL) ini bertujuan untuk mempersiapkan
mahasiswa menjadi tenaga profesional, disiplin, kreatif, dan jujur untuk
meningkatkan etos kerja.

1.2.1 MANFAAT
Manfaat dari Praktek Kerja Lapangan ini adalah
1.2.2 Bagi Mahasiswa
a) Menerapkan ilmu yang diperoleh selama masa perkuliahan pada kegiatan
yang nyata, dengan demikian akan mengetahui perbandingan antara
pengetahuan di bangku kuliah dengan kenyataan yang ada di dunia kerja.
b) Menguji kemampuan pribadi yang sesuai dengan ilmu yang dipelajari
serta tata cara bersosialisasi dengan dunia kerja yang syarat dengan
persaingan-persaingan.
c) Memperdalam dan meningkatkan kualitas, keterampilan, dan kreatifitas
pribadi yang sesuai dengan ilmu yang dimiliki.
d) Melatih diri agar tanggap dan peka dalam menghadapi situasi dan kondisi
lingkungan kerja serta mempersiapkan langkah-langkah yang diperlukan
untuk menyesuaikan diri dengan lingkungan di masa yang akan datang.
e) Menambah wawasan, pengetahuan, dan pengalaman untuk nantinya
dapat terjun di lingkungan kerja.

1.2.3 Bagi Politeknik Negeri Malang Program Studi Teknik Informatika

a) Mencetak calon tenaga kerja yang terampil dan jujur dalam menjalankan
tugas.
b) Memberi masukan untuk mengevaluasi kesesuaian kurikulum yang sudah
diterapkan dengan kebutuhan tenaga kerja yang terampil di bidangnya.
c) Menjadi sarana pengenalan instansi pendidikan Politeknik Negeri
Malang khususnya Program Studi Teknik Informatika kepada instansi

2
 ataupun instansi yang membutuhkan lulusan atau tenaga kerja yang
dihasilkan oleh Politeknik Negeri Malang.

1.2.4 Bagi Instansi yang bersangkutan

a) Memanfaatkan sumber daya yang potensial.

b) Membantu menyelesaikan pekerjaan yang terdapat pada tempat
mahasiswa melaksanakan Praktek Kerja Lapangan.
c) Menjadi sarana untuk menjembatani hubungan kerja sama antara
instansi dengan Politeknik dimasa yang akan datang, khususnya
mengenai rekruitmen tenaga kerja.
d) Menjadi sarana untuk mengetahui kualitas pendidikan yang ada di
Politeknik.

1.3 Waktu Dan Tempat Pelaksanaan

Pelaksanaan Praktek kerja lapanagan dilaksanakan di UPT BLKI Singosari di

Jalan Raya Singosari . Waktu pelaksanaan tanggal 10 Juli – 3 September

1.4 Peserta Praktek Kerja Lapangan

Praktek Kerja Lapangan ini dilaksanakan oleh dua mahasiswa semester VI

Program studi Teknik Informatika Jurusan Teknologi Informasi Politeknik
Negeri Malang , yaitu :
1. Nama : Mohammad Faried Rahmat
NIM : 1541183039
Alamat : Jalan Kushartoyo No 21
Telefon : 089522541820
Email : fariedrahmad@gmail.com
2. Nama : Girindra Wikrama Wijaya
NIM : 1441180036
Alamat : Jalan Kembang Turi No.39B
Email : girindrawikrama@gmail.com

3
1.5 Metode Penelitian

Metode penulisan dalam penyusunan laporan ini adalah

1. Metode Tanya Jawab ,
Penulis memberikan pertanyaan tentang hal yang belum difahami kepada
pembimbing instansi maupun pembimbing PKL
2. Metode analisis
Penulis Menganalisa dengan cara membandingkan sumber teori yang ada
dengan kondisi nyata di lapangan kerja
3. Metode Kepustakaan
Penulis mencari teori dalam buku atau membuka situs di internet

1.6 Sistematika Penulisan

Dalam Penyusunan laporan praktek kerja lapangan ini penulis menggunakan

sistematika penulisan sebagai berikut :
BAB I PENDAHULUAN
Pada Bab ini berisikan tentang latar belakang , maksud dan tujuan ,
rumusan masalah ,batasan masalah , metode pengumpulan data ,
waktu dan tempat pelaksanaan , dan sistematika penulisan
BAB II Gambaran Umum Perusahaan
Pada Bab ini berisikan tentang Sejarah Tempat Praktek Kerja
Lapangan , Visi dan misi instansi , struktur organisasi , aktivitas
yang dilakukan peserta PKL saat melaksanakan kegiatan Praktek
Kerja Lapangan
BAB III Hasil Praktek Kerja Lapangan
Pada Bab ini berisikan tentang pembuatan pengembangan proyek
PKL berupa web BLK Singosari
BAB IV Penutup
Pada Bab ini Berisi kesimpulan serta kritik dan saran terhadap
proyek PKL

4
 BAB II

GAMBARAN UMUM

2.1 Penjelasan Umum UPT BLK Singosari

Balai Latihan Lembaga Pelatihan Pemerintah (Unit Pelaksana Teknis

Pusat) yang berada di bawah Departemen Tenaga Kerja dan Transmigrasi RI.
Balai Latihan Kerja Industri BLKI (Vocational Training Center of Industry)
merupakan tempat Pelatihan, Sertifikasi dan Penempatan Kerja yang senantiasa
memberikan pelayanan berupa jenis jenis pelatihan dari mulai tentang Listrik dan
Elektronika, Otomotif, Teknik Mekanik Logam, Las, Bangunan, Tata Niaga dan
Aneka Kejuruan lainnya.

BLKI memiliki visi Menjadi pusat pemberdayaan pelatihan, uji kompetensi, uji
coba program pelatihan tenaga kerja di bidang industri di Indonesia. Pada masa
otonomi daerah, dalam rangka pelaksanaan Undang Undang no 22 tahun 1999 dan
Undang Undang no 25 tahun 1999 mulai bulan Januari 2001 Balai Latihan Kerja
Industri dialihkan pengelolaanya.

BLKI merupakan Pelatihan Kerja BLKI Kab Malang - Dari Direktorat Jenderal
Pembinaan Latihan dan Produktivitas Departemen Tenaga Kerja dan Transmigrasi
Republik Indonesia kepada Dinas Tenaga Kerja dan Transmigrasi Propinsi Jawa
Tengah.

Dasar hukum pelaksanaan Balai Latihan Kerja Industri Semarang sebagai UPTD
Propinsi adalah Peraturan Daerah Propinsi Jawa Tengah nomor 1 tanggal 2 April
2002 tentang Pembentukan, Kedudukan, Tugas pokok fungsi dan Susunan
Organisasi Unit Pelaksana Teknis Dinas Tenaga Kerja dan Transmigrasi, dan
dijabarkan dengan Keputusan Gubernur nomor 33 tahun 2003 tentang tugas
pokok dan fungsi serta tata kerja Balai Latihan Kerja Industri.

5
2.1.1 Fungsi

Fungsi dari UPT BLKI Singosari adalah sebagai berikut:

1. Penyusunan rencana dan pelaksanaan kegiatan serta kerjasama pelatihan

2. Pelaksanaan dan penyebarluasan informasi bidang pelatihan
3. Penyiapan metode , kurikulum. Jadwal dan alat peraga pelatihan
4. Pelaksanaan pemasaran program pelatihan hasil produksi dan jasa
5. Pelaksanaan pelatihan dan uji keterampilan / kompetensi dan sertifikasi tugas
kerja
6. Pendayagunaan fasiltas pelatihan
7. Pelaksanaan ketatausahaan dan pelayanan masyarakat
8. Pelaksaan tugas lain yang dibentuk oleh kepala dinas

2.1.2 Sejarah Singkat UPT BLKI Singosari

Sejarah Singkat Perkembangan UPT Pelatihan Kerja Singosari. Pembangunan

BLK Singosari peletakan Batu Pertama pada tanggal 29 Desember 1953 Oleh
Gubernur Jawa Timur, yaitu Bapak SAMADIKUN, dan mulai difungsikan pada
Bulan Juni Tahun 1955, dan kemudian di Resmikan Oleh Bapak R. SAMYONO,
SH. Pada Tanggal 26 Oktober 1957. Dan Pada era Otonomi Daerah berdasarkan
Peraturan Gubernur Nomor 122 Tahun 2008 tentang Organisasi dan Tata Kerja
UPT Dinas Tenaga Kerja, Transmigrasi dan Kependudukan Provinsi Jawa Timur
maka BLKI Singosari diubah menjadi UPT Pelatihan kerja Singosari.

Visi:

Terciptanya tenaga kerja profesional, inovatif dan produktif yang sesuai dengan
perkembangan pasar kerja global.

Misi:

1. Menyelenggarakan pelatihan yang berbasis kompetensi

2. Membuat program pelatihan sesuai dengan kebutuhan dunia usaha/ industri

6
3. Meningkatkan kemampuan instruktur yang sesuai dengan perkembangan ilmu
pengetahuan dan teknologi
4. Memanfaatkan fasilitas pelatihan yang ada secara maksimal
5. Meningkatkan pelayanan publik melalui informasi dan administrasi yang
efektif dan efisien

2.1.3 Lokasi UPT BLKI Singosari

Secara geografis UPT Pelatihan Kerja Singosari berlokasi di Jalan Raya

Singosari, Ardimulyo Singosari Malang Propinsi Jawa Timur.

Nama Instansi : UPT PELATIHAN KERJA SINGOSARI

Alamat : Jalan Raya Singosari, Ardimulyo, Singosari Malang
E-mail : blkimalang@gmail.com
Tanggal berdiri : 29 Desember 1953
Tanggal Difungsikan : 26 Oktober 1957

2.1.4 Struktur Organisasi UPT BLKI Singosari

2.2 Aktifitas Selama Praktek Kerja Lapangan

Aktifitas yang dilakukan pada saat melaksanakan praktek kerja lapangan

terdiri dari aktifitas dalam ruangan atau pekerjaan yang dilakukan di bengkel
kejuruan dan pekerjaan di lapangan yang menangani keluhan yang terjadi atas

7
permasalahan dari berbagai bagian di UPT BLKI singosari yang berhubungan
dengan perakitan komputer , perancangan pengembangan web, instalasi komputer
, serta yang berhubungan dengan jaringan komputer. Sebelum terjun pada
pekerjaan terlebih dulu melaksanakan masa adaptasi dengan lingkungan kerja
selama 3 hari

No Tanggal Lokasi Aktivitas

1 10-07-2017 Bagian Pendaftaran Membantu bagian pendaftaran
BLK Singosari siswa baru di blk singosari
2 11-07-2017 Bagian Pendaftaran Membantu bagian pendaftaran
BLK Singosari siswa baru di blk singosari
3 12-07-2017 Bagian Pendaftaran Membantu input data ke
BLK Singosari aplikasi pusat kios3in1
4 13-07-2017 Bagian Pendaftaran Membantu input data ke
BLK Singosari aplikasi pusat kios3in1
5 14-07-2017 Bagian Pendaftaran Membantu input data ke
BLK Singosari aplikasi pusat kios3in1
6 17-07-2017 Bagian Pendaftaran Membantu input data ke
BLK Singosari aplikasi pusat kios3in1
7 18-07-2017 Bagian Pendaftaran Membantu input data ke
BLK Singosari aplikasi pusat kios3in1
8 19-07-2017 Libur Libur

9 20-07-2017 Libur Libur

10 21-07-2017 Bengkel Kejuruan Merencanakan Pengembangan

BLK Singosari Aplikasi Web UPT BLK
Singosari
11 24-07-2017 Bengkel Kejuruan Diskusi Desain Layout
BLK Singosari
12 25-07-2017 Bengkel Kejuruan Pembagian tugas tim :
BLK Singosari Girindra = Bagian Tampilan
FrontEnd

8
 Farid = bagian sistem

13 26-07-2017 Bengkel Kejuruan Sistem login + desain tampilan

BLK Singosari dashboard admin
14 27-07-2017 Bengkel Kejuruan Bagian Kategori Artikel
BLK Singosari
15 28-07-2017 Bengkel Kejuruan Bagian Kategori Artikel
BLK Singosari
16 31-07-2017 Bengkel Kejuruan Perbaikan fungsi pada
BLK Singosari dashboard admin
17 1-08-2017 Bengkel Kejuruan Penambahan fitur halaman
BLK Singosari page
18 2-08-2017 Bengkel Kejuruan Perbaikan fitur halaman page
BLK Singosari
19 3-08-2017 Bengkel Kejuruan Penambahan fitur ckeditor
BLK Singosari
20 4-08-2017 Bengkel Kejuruan Penambahan fitur ckeditor
BLK Singosari
Bengkel Kejuruan Uji coba fitur ckeditor
21 7-08-2017
BLK Singosari
22 8-08-2017 Bengkel Kejuruan Uji Coba fitur ckeditor
BLK Singosari
23 9-08-2017 Bengkel Kejuruan Desain Dashboard
BLKI Singosari
24 10-08-2017 Bengkel Kejuruan Desain Dashboard
BLKI Singosari
25 11-08-2017 Bengkel Kejuruan Desain Dashboard
BLKI Singosari
26 14-08-2017 Bengkel Kejuruan Desain Dashboard
BLKI Singosari
27 15-08-2017 Bengkel Kejuruan Desain Dashboard
BLKI Singosari

9
28 16-08-2017 Bengkel Kejuruan Penambahan Fitur Statistik
BLKI Singosari Pengunjung
29 17-08-2017 Bengkel Kejuruan Testing Fitur
BLKI Singosari
30 18-08-2017 Bengkel Kejuruan Percobaan Untuk Integrasi
BLKI Singosari Antara User Interface dengan
Sistem
31 21-08-2017 Bengkel Kejuruan Percobaan Untuk Integrasi
BLKI Singosari Antara User Interface dengan
Sistem
32 22-08-2017 Bengkel Kejuruan Percobaan Untuk Integrasi
BLKI Singosari Antara User Interface dengan
Sistem
33 23-08-2017 Bengkel Kejuruan Percobaan Untuk Integrasi
BLKI Singosari Antara User Interface dengan
Sistem
34 24-08-2017 Bengkel Kejuruan Melaporkan Progress Ke Kadiv
BLKI Singosari Pelatihan BLK Singosari
35 25-08-2017 Bengkel Kejuruan Perakitan + Setting PC di
BLKI Singosari Bengkel Jurusan Banguan
36 28-08-2017 Bengkel Kejuruan Perakitan + Setting PC di
BLKI Singosari Bengkel Jurusan Banguan
37 29-08-2017 Bengkel Kejuruan Perakitan + Setting PC di
BLKI Singosari Bengkel Jurusan Banguan
38 30-08-2017 Bengkel Kejuruan Perakitan + Setting PC di
BLKI Singosari Bengkel Jurusan Banguan
39 31-08-2017 Bengkel Kejuruan Presentasi Hasil Proyek
BLKI Singosari
Tabel 1 Daftar Aktifitas Praktek Kerja Lapangan

10
2.5 Masalah yang dihadapi

Permasalahan yang ada

1. Tampilan Website lama BLK singosari kurang menarik dan responsive

2. Sistem Login Website Lama BLK Singosari dirasa kurang aman

2.6 Pemecahan Masalah

Melihat dari keadaan diatas maka dibutuhkan untuk melakukan pengembangan

terhadap web yang telah ada agar pengunjung dari web blk singosari menyukai
untuk mengunjungi situs web

11
 BAB III

PELAKSANAAN PRAKTEK KERJA LAPANGAN

3.1 Dasar Teori

3.1.1 Sistem Informasi

Sistem Informasi Manajemen merupakan sistem informasi yang menghasilkan

hasil keluaran dengan menggunakan masukan dan berbagai proses yang
diperlukan untuk memenuhi tujuan tertentu dalam suatu kegiatan manajemen.

3.1.2 MySQL

MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL atau
yang dikenal dengan DBMS. MySql tersedia secara gratis dibawah lisensi GPL
(General Public License) Dimaana setiap orang bebas untuk menggunakan
MYSQL serta memodifikasi. MYSQL sebenarnya merupakan turunan salah satu
konsep utama dalam database sejak lama, yaitu SQL (Structured Query
Language). SQL adalah sebuah konsep pengoperasian database, terutama untuk
pemilihan atau seleksi dan pemasukkan data , yang memungkinkan pengoperasian
sebuah data dikerjakan dengan mudah secara otomatis

3.1.3 PHP

PHP merupakan bahasa pemograman script server-side yang didesain untuk

pengembangan sebuah web. PHP disebut bahasa pemograman server side karena
PHP diproses pada komputer server. Hal ini berbeda dibandingkan dengan bahasa
pemograman client-side seperti javascript yang diproses pada web browser
(client)

3.1.4 Codeigniter

Sebuah Framework PHP yang bersifat opensource. Codeigniter menggunakan

metode MVC yakni Model View Dan Controller. Codeigniter bersifat free (tidak
berbayar). Framework ini dibuat dengan tujuan untuk memudahkan developer /

12
programmer dalam membangun sebuah aplikasi berbasis web tanpa harus
membuat alur dari awal

3.1.5 Konsep MVC

MVC adalah sebuah teknik / konsep untuk memisahkan komponen utama menjadi
tiga model penting, yakni Model , View Dan Controller. Berikut adalah
penjelasan mengenai Konsep MVC

Model

Model Merupakan bagian penanganan yang berhubungan dengan database.

Seperti mengambil data dari database , input , pengolahan database lain nya.
Semua intruksi yang berhubungan dengan pengolahan database diletakkan dalam
model

View

View merupakan bagian yang menangani halaman user interface atau halaman
yang akan diakses oleh user. Tampilan dari user interface di kumpulkan pada
view untuk memisahkan nya dengan controller dan model. Sehingga memudahkan
web designer dalam melakukan pengembangan terhadap tampilan sebuah website

Controller

Controller merupakan kumpulan aturan yang menghubungkan model dan view,

jadi user tidak akan berhubungan dengan model secara langsung. Intinya dari
view kemudian bagian controller lah yang mengolah intruksi

3.1.6 Bootstrap

Bootstrap merupakan tools untuk membuat aplikasi web ataupun website yang
bersifat responsive secara cepat , mudah dan gratis. Kata responsive disini berarti
bahwa tampilan web dapat berubah secara otomatis sesuai dengan lebar layar
yang menampilkan nya

13
Dengan bootstrap, kita dapat membuat responsive website dengan cepat dan
mudah dan dapat berjalan sempurna pada browser modern seperti : firefox, safari,
chrome

3.1.7 CkEditor

CkEditor merupakan teks editor yang digunakan di lingkungan web. Ckeditor ini
mempunyai fasilitas penginputan berdasar kriteria yang diinginkan seperti pada
aplikasi Ms.Word yang dapat digunakan untuk memperindah dan mempermudah
tampilan tulisan yang diinginkan pengguna

3.1.8 Use Case

Use Case merupakan suatu teknik yang digunakan dalam pengembangan sebuah
sistem informasi untuk menangkap kebutuhan fungsional dari sistem yang
bersangkutan. Use case menjelaskan interaksi yang terjadi antara aktor – inisiator
dari interaksi sistem itu sendiri dengan sistem yang ada, sebuah use case
direpresentasikan dengan urutan langkah yang sederhana.

NO NAMA KETERANGAN
1 Actor Menspesifikasikaan himpunan
peran yang pengguna mainkan
ketika berinteraksi dengan use
case
2 Dependency Hubungan dimana perubahan
yang terjadi pada suatu elemen
mandiri akan mempengaruhi
elemen yang bergantung pada
elemen yang tidak berdiri
sendiri
3 Generalization Hubungan dimana objek anak
(descendent) berbagi perilaku
dan struktur data dari objek

14
 yang ada di atasnya objek
induk (ancestor).
4 Include Menspesifikasikan bahwa use
case sumber secara eksplisit
5 Extends Menspesifikasikan bahwa use
case target memperluas
perilaku dari use case sumber
pada suatu titik yang diberikan
6 Association Apa yang menghubungkan
antara objek satu dengan objek
lainnya
7 System Menspesifikasikan paket yang
menampilkan sistem secara
terbatas.
8 Use Case Deskripsi dari urutan aksi-aksi
yang ditampilkan sistem yang
menghasilkan suatu hasil yang
terukur bagi suatu aktor
Tabel 2 Simbol pada use case

3.2 Model Pengembangan Sistem

Perancangan website UPT BLKI Singosari dibangun menggunakan model

sistem yang dikembangkan dalam menganalisa perangkat lunak menggunakan
metode konvensional dengan memanfaatkan model/ siklus hidup klasik atau
sering disebut Waterfall Model

Gambar 1 Waterfall Model

15
Keterangan :

1. Perencanaan
Pada Bagian Perencanaan berisi studi kasus kebutuhan pengguna ,studi
kelayakan baik secara teknis maupun secara teknologi serta penjadwalan
pengembangan perangkat lunak. Dapat juga dikatakan sebagai definisi
kebutuhan sistem
2. Analisa
Tahap dimana kita berusaha mengenali seluruh permasalahan yang muncul
pada pengguna (user), mengenali komponen sistem , objek , hubungan
antar objek, dan sebagainya. Merupakan analisa keadaan internal dan
eksternal
3. Perancangan
Tahap ini dimana pencarian solusi dari permasalahan yang didapat dari
tahap analisa
4. Implementasi
Tahap pengimplementasian ancangan sistem kesituasi nyata. Pada tahap
ini dimulai dari proses pemilihan hardware, penyusunan aplikasi (coding) ,
dan pengujian (testing) apakah sistem sudah sesuai dengan kebutuhan. Jika
belum , dilakukan pross iteratif, yaitu kembali ke tahap sebelumnya.
5. Pemeliharaan
Tahap ini adalah melakukan pengoperasian sistem dan melakukan
perbaikan kecil jika diperlukan. Jika masa penggunaan sistem habis, maka
akan kembali ke tahap pertama , yaitu perencanaan

16
3.3 Perancangan proyek praktek kerja lapangan
3.3.1 Deskripsi sistem

Sistem Informasi UPT BLKI Singosari merupakan sistem yang

menampilkan berita tentang Pelatihan Kerja serta informasi mengenai lowongan
kerja untuk mempermudah pencari kerja dalam mencari pekerjaan sesuai yang
diinginkan

3.3.2 Kebutuhan Perangkat

Dalam pengerjaan proyek ini kami membutuhkan beberapa perangkat sebagai

berikut

a. Perangkat Lunak
- Sistem Operasi : Windows 7 atau diatas nya
- Web Browser : Google Chrome , Mozilla , Internet Explorer
- Web : Codeigniter , Jquery ,Bootstrap
- Database : Mysql
- Software Editor : SublimeText , Bracket
b. Perangkat Keras
PC atau Laptop dengan spesifikasi minimal :
- Processor : Intel Dual Core
- Memory : 2 GB
- Harddisk : 80Gb

3.3.3 PERANCANGAN REKAYASA PERANGKAT LUNAK

- Analisa Sistem :
Pengguna Sistem :
a. Administrator
b. Visitor : Pengunjung Biasa

17
3.3.4 PERANCANGAN USE CASE

Berikut adalah use case dari Web BLK Singosari

Gambar 2 Use Case

Untuk mengelola Web BLK Singosari, Pertama kali admin masuk halaman login,
setelah masuk halaman login , admin akan dapat mengelola fitur kategori artikel ,
halaman artikel , kelola artikel.

3.3.5 PERANCANGAN DATABASE

Tabel kategori
Tabel ini untuk kategori artikel di Web BLK Singosari

Gambar 3 Tabel kategori

18
Tabel visitor log
Tabel yang berfungsi untuk mengambil data ip dari client komputer

Gambar 4 Tabel visitor log

Tabel tema
Tabel yang berguna untuk pengaturan tema di Web BLK Singosari

Gambar 5 Tabel Tema

19
3.3.6 TAMPILAN INTERFACE

Tampilan home
Berikut adalah tampilan awal Web BLK Singosari

Gambar 6 Home

Tampilan Detail Artikel

Berikut adalah tampilan isi berita di Web BLK Singosari

Gambar 7 Detail Artikel

20
Tampilan Artikel Populer
Berisi Artikel Populer Di BLK Singosari. Artikel ini berisi kegiatan BLK ,
Informasi Jurusan , dan info lowongan pekerjaan

Gambar 8 Artikel populer

Tampilan Footer
Tampilan Footer Berisi tentang informasi lokasi BLK Singosari , Link Halaman ,
Link Sosial Media BLK singosari , serta Polling.

Gambar 9 Footer

21
 BAB IV

PENUTUP

4.1 Kesimpulan

Dari pengembangan sistem informasi UPT BLKI Singosari beserta hasil

pengujian maka dapat diambil kesimpulan bahwa :

1. Pengembangan Website pada UPT BLKI Singosari lebih baik

menggunakan Framework Codeigniter dan Mysql sebagai pengelola
database dibanding menggunakan PHP murni dikarenakan Framework
Codeigniter cenderung lebih aman

4.2 Saran

1. Perlu perbaikan untuk sistem pencarian artikel agar lebih cepat

2. Untuk Bagian User Diperlukan Hak Akses Tambahan Untuk User
Kerjasama antara BLK dengan Perusahaan

22
 DAFTAR PUSTAKA

Spurlock, Jake, “Bootstrap”, O’Reilly,2013 USA

Alatas,Husein, “Responsive Web Design Dengan PHP dan Bootstrap” Lokomedia
,2014, Yogyakarta
Kadir,Abdul. (2003). Pengenalan Sistem Informasi. Yogyakarta: Andri Offset.

23
 LAMPIRAN
Lampiran 1. Listing Program
Controller Index
<?php

defined('BASEPATH') OR exit('No direct script access allowed');

class Front extends Frontend_Controller {

public function __construct(){

parent::__construct();

public function index(){

$data = array();

$this->site->_isHome = TRUE;

$this->site->view('index', $data);

}
Controller Artikel
<?php

defined('BASEPATH') OR exit('No direct script access allowed');

class Artikel extends Frontend_Controller {

public function __construct(){

parent::__construct();

public function index(){

$data = array();

$pencarian = $this->input->get('pencarian', TRUE);

if($pencarian){

$this->site->_isSearch = TRUE;

$this->post->post_search_keyword =
$pencarian;

$this->site->view('pencarian', $data);

else{

$this->site->_isHome = TRUE;

$this->site->view('index', $data);

public function kategori(){

$data = array();

$this->site->_isCategory = TRUE;

$this->site->view('kategori_artikel', $data);

public function detil(){

$data = array();

$this->site->_isDetail = TRUE;

$this->post->get_post_detail();
Controller Artikel (2)
public function detil(){

$data = array();

$this->site->_isDetail = TRUE;

$this->post->get_post_detail();

$this->site->view('artikel', $data);

}
Controller Halaman
<?php

defined('BASEPATH') OR exit('No direct script access

allowed');

class Halaman extends Frontend_Controller {

public function __construct(){

parent::__construct();

public function detil(){

$data = array();

$this->site->_isDetail = TRUE;

$this->post->get_post_detail();

$this->site->view('halaman', $data);

}
Controller Tentang Kami
<?php

defined('BASEPATH') OR exit('No direct script access

allowed');

class Tentangkami extends Frontend_Controller {

public function index()

$this->site->view('Tentangkami');

}
Model Artikel
<?php

defined('BASEPATH') OR exit('No direct script access allowed');

class Artikel_model extends MY_Model {

protected $_table_name = 'post';

protected $_primary_key = 'post_ID';

protected $_order_by = 'post_ID';

protected $_order_type = 'DESC';

protected $_type = 'artikel';

public $rules = array(

'post_title' => array(

'field' => 'post_title',

'label' => 'Judul Artikel',

'rules' => 'trim|required'

);

function __construct() {

parent::__construct();

function get_artikel($where = NULL, $limit = NULL,

$offset= NULL, $single=FALSE, $select=NULL, $where_in=array(),
$where_not_in=array()){

// $this->db->join('table_name', 'table_name.field
= table_name.field')

if(count($where_in) > 0){

$this->db->where_in('post_ID', $where_in);

if(count($where_not_in) > 0){

$this->db->where_not_in('post_ID',
$where_not_in);

$this->db->join('{PRE}user', '{PRE}'.$this-
>_table_name.'.post_author = {PRE}user.ID', 'LEFT' );

$this->db->where('post_type',$this->_type);

return
parent::get_by($where,$limit,$offset,$single,$select);
Model Artikel (2)
function get_artikel($where = NULL, $limit = NULL, $offset=
NULL, $single=FALSE, $select=NULL, $where_in=array(),
$where_not_in=array()){

// $this->db->join('table_name', 'table_name.field =
table_name.field')

if(count($where_in) > 0){

$this->db->where_in('post_ID', $where_in);

if(count($where_not_in) > 0){

$this->db->where_not_in('post_ID',
$where_not_in);

$this->db->join('{PRE}user', '{PRE}'.$this-
>_table_name.'.post_author = {PRE}user.ID', 'LEFT' );

$this->db->where('post_type',$this->_type);

return
parent::get_by($where,$limit,$offset,$single,$select);

function get_popular($where = NULL, $limit = NULL){

$this->_order_by = 'post_counter';

$this->_order_by_type = 'DESC';

return parent::get_by($where,$limit);

}
Model Halaman

<?php

defined('BASEPATH') OR exit('No direct script access allowed');

class Halaman_model extends MY_Model {

protected $_table_name = 'post';

protected $_primary_key = 'post_ID';

protected $_order_by = 'menu_sort';

protected $_order_type = 'ASC';

public $rules = array(

'post_title' => array(

'field' => 'post_title',

'label' => 'Judul Halaman',

'rules' => 'trim|required'

);

function __construct() {

parent::__construct();

}
View Index
<?php get_template('header');?>

<div id="myCarousel" class="carousel slide">

<ol class="carousel-indicators">

<li data-target="#myCarousel" data-slide-to="0"

class="" contenteditable="false"></li>

<li data-target="#myCarousel" data-slide-to="1"

class="active" contenteditable="false"></li>

<li data-target="#myCarousel" data-slide-to="2"

class="" contenteditable="false"></li>

</ol>

<div class="carousel-inner">

<div class="item" style="">

<img src="<?php echo

get_template_directory(dirname(__FILE__), 'assets/')
;?>wall.jpg" alt="" class="">

<div class="carousel-caption">

<h4 class="">First Slide Title</h4>

<p class="">

Description for First Slide, this First

Slide.

</p>

</div>

</div>

<div class="item active">

<img src="<?php echo

get_template_directory(dirname(__FILE__), 'assets/')
;?>bangunan.jpg" alt="" class="">
<div class="carousel-caption">
<h4 class="">Second Slide Title</h4>

<p class="">
Description for Second Slide,
this is Second Slide.
</p>
</div>
</div>
View Index (2)
<div class="carousel-caption">

<h4 class="">Second Slide Title</h4>

<p class="">

Description for Second Slide, this is Second

Slide.

</p>

</div>

</div>

<div class="item" style="">

<img
src="//placehold.it/1024x600/3333bb&text=Third+Slide" alt=""
class="">

<div class="carousel-caption">

<h4 class="">Third Slide Title</h4>

<p class="">

Description for Third Slide, this is Third

Slide.

</p>

</div>

</div>

</div>

<a class="left carousel-control" href="#myCarousel" data-

slide="prev">

<span class="glyphicon glyphicon-chevron-left"></span>

</a>

<a class="right carousel-control" href="#myCarousel" data-

slide="next">

<span class="glyphicon glyphicon-chevron-right"></span>

</a>

</div>

<!-- grid menu -->

<div class="container-fluid">

<div class="row">

<div class="col-md-3 col-sm-3">

<div class="wrimagecard wrimagecard-topimage">

View Index (3)

<!-- grid menu -->

<div class="container-fluid">

<div class="row">

<div class="col-md-3 col-sm-3">

<div class="wrimagecard wrimagecard-topimage">

<a href="" style="text-decoration:none">

<div class="wrimagecard-topimage_header"
style="background-color:rgba(187, 120, 36, 0.1) ">

<center><i class="fa fa-book"

style="color:#BB7824"></i></center>

</div>

<div class="wrimagecard-topimage_title">

<h4><center>Fasilitas</center></h4>

</div>

</a>

</div>

</div>

<div class="col-md-3 col-sm-4">

<div class="wrimagecard wrimagecard-topimage">

<a href="http://kios3in1.net/035/2pelatihan.php"
style="text-decoration:none">

<div class="wrimagecard-topimage_header"
style="background-color: rgba(22, 160, 133, 0.1)">

<center><i class = "fa fa-book"

style="color:#16A085"></i></center>

</div>

<div class="wrimagecard-topimage_title">

<h4><center>Pendaftaran</center></h4>

</div>

</a>

</div>

</div>

<div class="col-md-3 col-sm-4">

<div class="wrimagecard wrimagecard-topimage">

<a href="#" style="text-decoration:none">

<div class="wrimagecard-topimage_header"
style="background-color: rgba(213, 15, 37, 0.1)">
View Index(4)

<div class="col-md-3 col-sm-4">

<div class="wrimagecard wrimagecard-topimage">

<a href="#" style="text-decoration:none">

<div class="wrimagecard-topimage_header"
style="background-color: rgba(213, 15, 37, 0.1)">

<center><i class="fa fa-list"

style="color:#d50f25"> </i></center>

</div>

<div class="wrimagecard-topimage_title" >

<h4><center>Sertifikasi</center></h4>

</div>

</a>

</div>

</div>

<div class="col-md-3 col-sm-4">

<div class="wrimagecard wrimagecard-topimage">

<a href="http://localhost/blklabs/artikel/lowongan"
style="text-decoration:none">

<div class="wrimagecard-topimage_header"
style="background-color: rgba(51, 105, 232, 0.1)">

<center><i class="fa fa-briefcase"

style="color:#3369e8"> </i></center>

</div>

<div class="wrimagecard-topimage_title">

<h4><center>Lowongan Kerja</center></h4>

</div>

</a>

</div>

</div>

</div>

</div>

<!-- end -->

View Index(5)

<div class="container text-center" style="color: white; text-

shadow: 1px 1px 5px #000000; background-image: url('<?php echo
get_template_directory(dirname(__FILE__), 'assets/')
;?>wall2.png'); width:100%; height: 60%; background-attachment:
fixed;

background-position: center;

background-size: 100% auto;

background-repeat: no-repeat;

background-size: cover;

max-width:100%;

-webkit-background-size: 100% auto;

-moz-background-size: 100% auto;

-o-background-size: 100% auto;">

<br>

<h3 style="color:white;">UPT-Pelatihan Kerja (BLKI)

SINGOSARI</h3>

<p> Sejarah Singkat Perkembangan UPT Pelatihan Kerja

Singosari. Pembangunan BLK Singosari peletakan Batu Pertama
pada tanggal 29 Desember 1953 Oleh Gubernur Jawa Timur, yaitu
Bapak SAMADIKUN, dan mulai difungsikan pada Bulan Juni Tahun
1955, dan kemudian di Resmikan Oleh Bapak R. SAMYONO, SH. Pada
Tanggal 26 Oktober 1957. Dan Pada era Otonomi Daerah
berdasarkan Peraturan Gubernur Nomor 122 Tahun 2008 tentang
Organisasi dan Tata Kerja UPT Dinas Tenaga Kerja, Transmigrasi
dan Kependudukan Provinsi Jawa Timur maka BLKI Singosari diubah
menjadi UPT Pelatihan kerja Singosari</p>

<p>MOTTO : <i>"SKILLS BETTER OF LIFE"</i> (KETERAMPILAN

UNTUK HIDUP YANG LEBIH BAIK)</p>

<a
href="http://localhost:8181/bismillahpklfix/index.php/about#pro
fil"><button type="button" class="btn btn-primary">Read
More</button></a>

</div>

<!-- article -->

<section class="wrapper">

<div class="container-big">

<div>

<img src="" class="big-logo"/>

<h1 class="heading">

Artikel Terbaru

</h1>

</div>

<div class="content">
View Index(6)

Artikel Terbaru

</h1>

</div>

<div class="content">

<?php
if(have_post($type='artikel',$category='berita')): ?>

<?php foreach(post() as $post): ?>

<div class="container">

<div class="row">

<div class="col-xs-12 col-sm-4">

<div class="carbox">

<a class="img-carbox"
href="<?=permalink($post);?>">

<img
src="<?=resize_img(post_meta('image',$post),270,170);?>" />

</a>

<div class="carbox-content">

<h4 class="carbox-title">

<a
href="<?=permalink($post);?>"> <?=post_title($post);?>

</a>

</h4>

<p class="">

<?=post_content($post,200);?>

</p>

</div>

<?php endforeach;?>

<?php endif;?>

</div>

</div>

</div>

</div>

</div>
Pencarian Artikel View

<?php get_template('header');?>

<br><br><br>

<!-- Page Content -->

<div class="container">

<div class="row" id="content-list">

<div class="col-md-8 nopadding" id="left-side">

<h3 class="cat-heading">Pencarian
<?=post_search_keyword();?></h3>

<div class="col-xs-12 no-gutter nopadding">

<ul class="media-list news-item">

<?php if(have_post($type='artikel')):?>

<?php foreach(post() as $post):?>

<li class="media">

<div class="media-left">

<a href="#">

<img class="media-object"
src="http://placehold.it/275x175" alt="...">

</a>

</div>

<div class="media-body">

<a
href="<?=permalink($post);?>"><h4><?=post_title($post);?></h4><
/a>

<p><?=post_content($post,200);?></p>

</div>

</li>

<?php endforeach;?>

<?php endif;?>

</ul>

<?=post_pagination($type);?>

</div>

</div>

<?php get_template('sidebar');?>
Kategori Artikel View
<?php get_template('header');?>
<!-- Page Content -->
<div class="container">
<div class="row" id="content-list">

<div class="col-md-8 nopadding" id="left-side">

<br><br><br>
<h3 class="cat-heading">Kategori
<?=_isCategory();?></h3>
<div class="col-xs-12 no-gutter nopadding">
<ul class="media-list news-item">

<?php if(have_post($type='artikel')):?>

<?php foreach(post() as $post):?>

<li class="media">
<div class="media-left">
<a href="#">
<img class="media-object"
src="<?=resize_img(post_meta('image',$post),275,175);?>"
alt="...">
</a>
</div>
<div class="media-body">
<a
href="<?=permalink($post);?>"><h4><?=post_title($post);?></h4><
/a>

<p><?=post_content($post,200);?></p>
</div>
</li>
<?php endforeach;?>
<?php endif;?>

</ul>

<?=post_pagination($type);?>

</div>

</div>
<br><br><br>
<?php get_template('sidebar');?>
</div>
</div>

<?php get_template('footer');?>