IMPLEMENTASI WEBSTORE PERSEBAYA

MENGGUNAKAN FRAMEWORK CODEIGNITER DAN

BOOTSTRAP

LAPORAN
PRAKTEK KERJA LAPANG

Oleh
Aidana Rusfalia
NIM E31141430

PROGRAM STUDI MANAJEMEN INFORMATIKA

JURUSAN TEKNOLOGI INFORMASI
POLITEKNIK NEGERI JEMBER
2017
 IMPLEMENTASI WEBSTORE PERSEBAYA
MENGGUNAKAN FRAMEWORK CODEIGNITER DAN
BOOTSTRAP

LAPORAN
PRAKTEK KERJA LAPANG

Sebagai salah satu syarat untuk memperoleh gelar Ahli Madya (A.Md)
di Program Studi D-III Manajemen Informatika
Jurusan Teknologi Informasi

Oleh
Aidana Rusfalia
NIM E31141430

PROGRAM STUDI MANAJEMEN INFORMATIKA

JURUSAN TEKNOLOGI INFORMASI
POLITEKNIK NEGERI JEMBER
2017

ii
 KEMENTERIAN RISET, TEKNOLOGI DAN PENDIDIKAN TINGGI
POLITEKNIK NEGERI JEMBER

LEMBAR PENGESAHAN

IMPLEMENTASI WEBSTORE PERSEBAYA MENGGUNAKAN

FRAMEWORK CODEIGNITER DAN BOOTSTRAP
PENGESAHAN
Aidana Rusfalia
E31141430

Telah melaksanakan Praktek Kerja Lapang dan dinyatakan lulus

Tim Penilai

Pembimbing Lapang (Eskternal) Dosen Pembimbing Utama

(Internal)

Mukhlis Ika Widiastuti S,ST.MT

NIP. 97808192005022001

Mengesahkan
Ketua Jurusan Teknologi Informasi,

Wahyu Kurnia Dewanto,S.Kom,MT

NIP. 19710408 200112 1 003

iii
 HALAMAN PERSEMBAHAN

Laporan Praktek Lapang ini saya persembahkan kepada:

 Ayah Ibu dan kakak tersayang, sebagai penyemangat dan penasehat yang
telah membimbing saya menjadi orang yang lebih baik dan yang tak pernah
berhenti mendoakan saya. Terima kasih juga dorongannya sehingga saya
dapat menyelesaikan PKL ini.
 Ibu Ika Widiastuti, S.ST, MT dan Bapak Mukhlis terima kasih untuk
bimbingan dan semangatnya selama penyelesaian PKL ini.
 Teman-teman khususnya Sahabat EMPING dan teman teman MIF D 2014
terimakasih sudah menjadi bagian hidupku di bangku perkuliahan.
 Teman teman MIF angkatan 2014 maaf tidak bisa menyebutkan nama satu
persatu, terimakasih banyak yang sudah banyak membantu dalam proses
pelaksanaan PKL.
 Seluruh pihak di PT Jawa Pos terimakasih untuk pengalaman berharganya
bisa PKL di tempat ini.

iv
 PRAKATA

Puji syukur penulis panjatkan ke hadirat Allah SWT atas berkat rahmat dan
karunia-Nya, maka penulisan Laporan Praktek Kerja Lapang yang berjudul
“Implementasi Webstore Persebaya Menggunakan Framework CodeIgniter
dan Bootstrap” dapat diselesaikan dengan baik.
Penulis menyampaikan penghargaan dan ucapan terima kasih yang
sebesar-besarnya kepada:
1. Direktur Politeknik Negeri Jember,
2. Ketua Jurusan Teknologi Informasi,
3. Ketua Program Studi Manajemen Informatika,
4. Ibu Ika Widiastuti, S.ST MT, selaku Pembimbing PKL,
5. Bapak Mukhlis selaku pembimbing lapang,
6. Rekan-rekanku dan semua pihak yang telah ikut membantu dalam pelaksanaan
penelitian dan penulisan laporan ini
Laporan Karya Tulis Ilmiah ini masih kurang sempurna, mengharapkan kritik
dan saran yang sifatnya membangun guna perbaikan di masa mendatang.
Semoga tulisan ini bermanfaat.
Jember, 12 Mei 2017

Aidana Rusfalia

v
 RINGKASAN

IMPLEMENTASI WEBSTORE PERSEBAYA MENGGUNAKAN

FRAMEWORK CODEIGNITER DAN BOOTSTRAP, Aidana Rusfalia NIM
E31141430, Tahun 2017, Teknologi Informasi, Politeknik Negeri Jember, Ika
Widiastuti S,ST.MT, (Pembimbing PKL), dan Mukhlis, (Pembimbing Lapang PT.
Jawa Pos Koran).

PT. Jawa Pos Koran terdiri dari beberapa divisi . Divisi tersebut meliputi Divisi
Periklanan, Divisi Multimedia, Divisi Marketing, dan Divisi IT (Information
Technology). Di Divisi IT sendiri merupakan divisi yang dapat berdiri sendiri dan
mendapatkan peghasilan lain yang berasal dari Divisi IT sendiri, yaitu
bergabungnya group persebaya dengan PT Jawa Pos koran. Dalam hal ini Divisi IT
dapat mendapatkan penghasilan sendiri dengan cara membuat Webstore khususnya
menjual marchandise persebaya. Pembuatan Webstore persebaya ini di lakukan
karena maraknya masyarakat khususnya pecinta persebaya ingin memiliki
marchandise persebaya. Penggemar persebaya ini tidak hanya berasal dari kota
Surabaya melainkan berasal dari luar kota Surabaya, maka dari itu di buatlah
sebuah Webstore yang menjual perlengkapan marchandise persebaya supaya
pecinta persebaya dapat membeli marchandise persebaya dengan mudah tanpa
harus datang ke store secara langsung.

vi
 DAFTAR ISI

Halaman
HALAMAN JUDUL ............................................................................................. ii
HALAMAN PENGESAHAN .............................................................................. iii
HALAMAN PERSEMBAHAN .......................................................................... iv
PRAKATA ............................................................................................................. v
RINGKASAN ....................................................................................................... vi
DAFTAR ISI ........................................................................................................ vii
DAFTAR TABEL ................................................................................................ ix
DAFTAR GAMBAR ............................................................................................. x
PERSETUJUAN PUBLIKASI ........................................................................... xii

BAB 1. PENDAHULUAN .................................................................................... 1

1.1 Latar Belakang .................................................................................. 1
1.2 Tujuan dan Manfaat ......................................................................... 2
1.3 Lokasi dan Jadwal Kerja .................................................................. 3

BAB 2. KEADAAN UMUM PERUSAHAAN/ INSTANSI ............................... 5

2.1 Sejarah Perusahaan/Instansi ............................................................ 5
2.2 Struktur Organisasi Perusahaan ..................................................... 6
2.3 Visi dan Misi Perusahaan ................................................................. 6
2.4 Kondisi Lingkungan ......................................................................... 7

BAB 3. RANGKAIAN KEGIATAN .................................................................... 8

3.1 Pengenalan Lingkungan Praktek Kerja Lapang ............................ 8
3.2 Pembagian Tugas di Lokasi PKL..................................................... 8
3.3 Pembuatan Project di Lingkungan PKL ......................................... 9

vii
BAB 4. HASIL DAN PEMBAHASAN .............................................................. 11
4.1 Tinjauan Pustaka............................................................................. 11
4.2 Hasil Kegiatan .................................................................................. 13

BAB 5. KESIMPULAN DAN SARAN .............................................................. 28

5.1 Kesimpulan....................................................................................... 28
5.2 Saran ................................................................................................. 28

DAFTAR PUSTAKA .......................................................................................... 29

viii
 DAFTAR TABEL

Halaman

4.1 tabel user ........................................................................................................ 15

4.2 tabel administrator .......................................................................................... 15
4.3 tabel kurir ....................................................................................................... 16
4.4 tabel detail order ............................................................................................. 16
4.5 tabel provinsi .................................................................................................. 16
4.6 tabel produk .................................................................................................... 16
4.7 tabel setting web ............................................................................................. 17
4.8 tabel kabupaten............................................................................................... 17
4.9 tabel kecamatan .............................................................................................. 17
4.10 tabel desa ...................................................................................................... 17
4.11 tabel keranjang ............................................................................................. 18
4.12 tabel kategori produk.................................................................................... 18
4.13 tabel order..................................................................................................... 18
4.14 pengujian 1 ................................................................................................... 26
4.15 Pengujian 2. .................................................................................................. 27

ix
 DAFTAR GAMBAR

Halaman
Gambar 1.1 Lokasi PKL ......................................................................................... 3
Gambar 2.1 Struktur Organisasi .............................................................................. 6
Gambar 4.2 Katalog barang .................................................................................. 19
Gambar 4.3 Product detail .................................................................................... 20
Gambar 4.4 Halaman login dan Register .............................................................. 21
Gambar 4.5 Halaman keranjang............................................................................ 22
Gambar 4.6 Halaman shipping addres .................................................................. 23
Gambar 4.7 Halaman Konfirmasi ......................................................................... 24
Gambar 4.8 Halaman Upload Pembayaran ........................................................... 24
Gambar 4.9 Halaman Order History ..................................................................... 25
Gambar 4.10 Detail Produk yang di beli ............................................................... 25

x
 DAFTAR LAMPIRAN

Halaman
A. Foto Kegiatan PKL ......................................................................................... 30

xi
 PERNYATAAN
PERSETUJUAN PUBLIKASI
KARYA ILMIAH UNTUK KEPENTINGAN
AKADEMIS

Yang bertanda tangan di bawah ini, saya:

Nama : Aidana Rusfalia

NIM : E31141430
Program Studi : Manajemen Informatika
Jurusan : Teknologi Informasi

Demi pengembangan Ilmu Pengetahuan, saya menyetujui untuk memberikan

kepada UPT. Perpustakaan Politeknik Negeri Jember, Hak Bebas Royalti Non-
Eksklusif (Non-ExclusiveRoyalty Free Right) atas Karya Ilmiah berupa Laporan
Praktek Kerja Lapang yang berjudul:

IMPLEMENTASI WEBSTORE PERSEBAYA MENGGUNAKAN

FRAMEWORK CODEIGNITER DAN BOOTSTRAP
Dengan Hak Bebas Royalti Non-Eksklusif ini UPT. Perpustakaan Politeknik Negeri
Jember berhak menyimpan, mengalihkan media atau format, mengelola dalam
bentuk Pangkalan Data (Database), mendistribusikan karya dan menampilkan atau
mempublikasikannya di internet atau media lain untuk kepentingan akademis tanpa
perlu meminta izin dari saya selama tetap mencantumkan nama saya sebagai
penulis atau pencipta.

Saya bersedia untuk menanggung secara pribadi tanpa melibatkan pihak Politeknik
Negeri Jember, segala bentuk tuntutan hukum yang timbul atas Pelanggaran Hak
Cipta dalam Karya Ilmiah ini.

Demikian pernyataan ini saya buat dengan sebenarnya.

Dibuat di : Jember
Pada Tanggal : 12 Mei 2017

Yang menyatakan,

Nama : Aidana Rusfalia

NIM : E31141430

xii
 BAB 1. PENDAHULUAN

1.1 Latar Belakang

Untuk mengimplementasikan hasil studi yang telah dipelajari di bangku
perkuliahan dan memperkenalkan mahasiswa pada dunia usaha, dibutuhkan adanya
kegiatan Praktek Kerja Lapang (PKL). Praktek Kerja Lapang adalah bentuk
implementasi secara sistematis dan sinkron antara program pendidikan ditempat
belajar mengajar dengan program penguasaan keahlian yang diperoleh melalui
kegiatan kerja secara langsung di dunia kerja untuk mencapai tingkat keahlian
tertentu. Kegiatan PKL ini bisa dilaksanakan pada perusahaan/industri/instansi dan
unit bisnis strategis.
PKL ini dilaksanakan di PT Jawa Pos Koran. PT Jawa Pos Koran merupakan
perusahaan surat kabar harian yang berpusat di Surabaya, Jawa Timur. PT Jawa
Pos koran merupakan perusahaan surat kabar harian terbesar di Jawa Timur.
Sirkulasi PT Jawa Pos koran menyebar di seluruh Jawa Timur, Bali, dan sebagian
Jawa Tengah dan DI Yogyakarta. PT Jawa Pos koran mengklaim sebagai "Koran
Harian Nasional yang Terbit dari Surabaya". PT Jawa Pos Koran saat ini telah
menjalin banyak kerjasama dengan instansi atau grup di segala bidang yang ada
guna untuk mendapatkan informasi yang akan di terbitkan di dalam koran.
Misalnya saja di bidang olahraga, grup atau instansi yang sudah bergabung adalah
Developmental Basketball League atau biasa kita sebut dengan DBL.
PT. Jawa Pos Koran terdiri dari beberapa divisi . Divisi tersebut meliputi Divisi
Periklanan, Divisi Multimedia, Divisi Marketing, dan Divisi IT (Information
Technology). Di Divisi IT sendiri merupakan divisi yang dapat berdiri sendiri dan
mendapatkan peghasilan lain yang berasal dari Divisi IT sendiri, yaitu
bergabungnya group persebaya dengan PT Jawa Pos koran. Dalam hal ini Divisi IT
dapat mendapatkan penghasilan sendiri dengan cara membuat Webstore khususnya
menjual marchandise persebaya. Pembuatan Webstore persebaya ini di lakukan
karena maraknya masyarakat khususnya pecinta persebaya ingin memiliki
marchandise persebaya. Penggemar persebaya ini tidak hanya berasal dari kota
Surabaya melainkan berasal dari luar kota Surabaya, maka dari itu di buatlah

1
 2

sebuah Webstore yang menjual perlengkapan marchandise persebaya supaya

pecinta persebaya dapat membeli marchandise persebaya dengan mudah tanpa
harus datang ke store secara langsung.

1.2 Tujuan dan Manfaat

Terdapat 2 Tujuan dalam penulisan laporan ini, yakni tujuan umum dan tujuan
khusus, dan dapat di jelaskan sebagai berikut:
1.2.1 Tujuan Umum PKL

Tujuan Umum dari Praktek Kerja Lapang ini adalah:

a. Meningkatkan wawasan serta memantapkan keterampilan yang membentuk

kemampuan mahasiswa sebagai bekal untuk memasuki lapangan kerja yang
sesuai dengan program studi yang dipilih.
b. Meningkatkan pengenalan mahasiswa pada aspek – aspek struktur organisasi,
jenjang karir dan manajemen proyek dalam lapangan kerja.
1.2.2 Tujuan Khusus PKL
Adapun tujuan khusus dari Praktek Kerja Lapang ini adalah:
a. Melatih para mahasiswa mengerjakan pekerjaan lapangan, dan sekaligus
melakukan serangkaian keterampilan yang sesuai bidang keahliannya mengikuti
perkembagan ipteks.
b. Menambah kesempatan bagi mahasiswa memantapkan keterampilan dan
pengetahuannya untuk menambah kepercayaan dan kematangan dirinya.
c. Melatih para mahasiswa berfikir kritis dan menggunakan daya nalarnya dengan
cara memberi komentar logis terhadap kegiatan yang dikerjakan dalam bentuk
laporan kegiatan yang sudah dibakukan
d. Meningkatkan pemahaman mahasiswa terhadap sikap tenaga kerja di dalam
melaksanakan dan mengembangkan teknik-teknik tertentu serta alasan-alasan
nasional dalam menerapkan teknik-teknik tersebut
 3

1.2.3 Manfaat PKL

Manfaat Umum dari Praktek Kerja Lapang ini adalah:

a. Menambah wawasan, pengetahuan dan pengalaman dalam dunia kerja.

b. Menguji ketrampilan dan menambah pengetahuan tentang kegiatan dunia
kerja.
c. Melatih kedisiplinan kerja mahasiswa sebagai bekal tentang kegiatan dunia
kerja.
d. Mengasah dan meningkatkan kemampuan mahasiswa yang sesuai denga
program studinya.

1.3 Lokasi dan Jadwal Kerja

Berikut ini merupakan lokasi dan jadwal praktek kerja lapang :
1.3.1 Lokasi
Lokasi kegiatan praktek kerja lapang adalah PT Jawa Pos Surabaya yang
terletak di Jalan Jendral Ahmad Yani no 88 Ketintang Gayungan Kota Surabaya
60234. Berikut merupakan peta lokasi pelaksanaan Praktek Kerja lapang (PKL).

Gambar 1.1 Lokasi PKL

 4

1.3.2 Jadwal Kerja

Praktek Kerja Lapang (PKL) ini dilaksanakan pada tanggal 01 Maret 2017
sampai tanggal 29 April 2017. PKL dilakukan pada hari kerja kantor yaitu setiap
hari senin sampai hari jum’at mulai pukul 09.00 WIB - 16.00 WIB

1.4 Metode Pelaksanaan

Metode yang digunakan dalam pelaksanaan Praktek Kerja Lapang ini adalah
sebagai berikut :

a. Diskusi
b. Pengerjaaan tugas atau proyek dari pembimbing lapang
c. Progres report
d. Dokumentasi
 BAB 2. KEADAAN UMUM PT. JAWA POS

2.1 Sejarah PT. Jawa Pos

Jawa Pos adalah surat kabar harian yang berpusat di Surabaya, Jawa Timur.
Jawa Pos merupakan harian terbesar di Jawa Timur, dan merupakan salah satu
harian dengan oplah terbesar di Indonesia. Sirkulasi Jawa Pos menyebar di seluruh
Jawa Timur, Bali, dan sebagian Jawa Tengah dan DI Yogyakarta. Jawa Pos
mengklaim sebagai "Harian Nasional yang Terbit dari Surabaya".

PT. Jawa Pos didirikan oleh The Chung Shen pada 1 Juli 1949 dengan nama
Djawa Post. Saat itu The Chung Shen hanyalah seorang pegawai bagian iklan
sebuah bioskop di Surabaya. Karena setiap hari dia harus memasang iklan bioskop
di surat kabar, lama-lama ia tertarik untuk membuat surat kabar sendiri.

Setelah sukses dengan Jawa Pos nya, The Chung Shen mendirikan pula Koran
berbahasa Mandarin dan Belanda. Bisnis The Chung Shen di bidang surat kabar
tidak selamanya mulus. Pada akhir tahun 1970-an, omzet Jawa Pos mengalami
kemerosotan yang tajam. Tahun 1982, oplahnya hanya tinggal 6.800 eksemplar
saja. Koran-korannya yang lain sudah lebih dulu pensiun. Ketika usianya
menginjak 80 tahun, The Chung Shen akhirnya memutuskan untuk menjual Jawa
Pos. Dia merasa tidak mampu lagi mengurus perusahaannya, sementara tiga orang
anaknya lebih memilih tinggal di London, Inggris

Pada tahun 1982, Eric FH Samola, waktu itu adalah Direktur Utama PT Grafiti
Pers (penerbit majalah Tempo) mengambil alih Jawa Pos. Dengan manajemen baru,
Eric mengangkat Dahlan Iskan, yang sebelumnya adalah Kepala Biro Tempo di
Surabaya untuk memimpin Jawa Pos. Eric Samola kemudian meninggal dunia pada
tahun 2000. Dahlan Iskan adalah sosok yang menjadikan PT. Jawa Pos yang waktu
itu hampir mati dengan oplah 6.000 eksemplar, dalam waktu 5 tahun menjadi surat
kabar dengan oplah 300.000 eksemplar.

5
 6

Dengan seiring berkembangnya waktu PT. Jawa Pos yang dipimpin langsung
Dahlan Iskan berkembang pesat dan akhirnya memiliki anak cabang hampir di
seluruh wilayah Indonesia.

2.2 Struktur Organisasi Perusahaan

Berikut ini merupakan struktur organisasi yang berada di perusahaan PT Jawa
Pos Surabaya

Gambar 2.1 Struktur Organisasi

2.3 Visi dan Misi PT. Jawa Pos

PT. Jawa Pos mempunyai reputasi sebagai newspaper of the year. Sebagai
usaha untuk mendukung pondasi bagi industri media cetak, PT. Jawa Pos bekerja
keras untuk menyampaikan pengetahuan, berita aktual dan teknologi untuk
masyarakat luas dari berbagai kalangan.

Usaha ini telah menjadi relevan sebagai pemegang kunci untuk meningkatkan
industri media cetak nasional. Pengenalan lebih luas di pasar global telah menjadi
 7

inspirasi PT. Jawa Pos untuk memelihara berita - berita yang berkualitas dan
informasi yang aktual dan terpercaya. Berikut ini merupakan Visi dan Misi PT Jawa
Pos :

a. Visi : “Menjadi perusahaan media cetak maupun online dunia yang dihormati
disegani dan patut dicontoh.”
b. Misi :
- Meningkatkan kesejahteraan bangsa melalui pemuasan pelanggan dan
mencerdaskan bangsa dengan adanya informasi yang aktual.
- Menjadi bagian penting dalam mendukung perkembangan nasional
melalui media.

2.4 Kondisi Lingkungan

PT Jawa Pos Group berada di area Gedung Perkantoran Graha Pena Jalan
A.Yani no.88 Surabaya dengan fasilitas yang mendukung kebutuhan seperti
perbankan, ATM center, cafe dan restaurant (Pena Resto, Pujasera, Starbucks,
Kabinet Coffee, Pizza Hut, Dunkin Donuts), meeting room, convention hall,
gedung olah raga berstandar internasional, outlet perlengkapan olah raga, bussines
center, parkir dan keamanan 24 jam.
 BAB 3. RANGKAIAN KEGIATAN PKL DI PT. JAWA POS

3.1 Pengenalan Lingkungan Praktek Kerja Lapang

Pengenalan lingkungan ini dilakukan pada hari pertama kami datang di lokasi
Praktek Kerja Lapang (PKL). Lokasi Praktek Kerja Lapang (PKL)
bertempat di PT. Jawa Pos Group, Gedung Graha Pena Lantai 4-5, Jalan A.Yani
No. 88, Surabaya. Dalam pengenalan lingkungan Praktek Kerja Lapang (PKL) ini,
kami dibimbing oleh Pembimbing Lapang kami yang bernama Bapak Mukhlis. Hal
ini dilakukan dengan tujuan agar kami dapat beradaptasi di lingkungan Praktek
Kerja Lapang (PKL).

Pada saat pengenalan lingkungan ini, kami diperkenalkan sistem kerja yang
ada di PT. Jawa Pos Group. Sistem kerja di PT. Jawa Pos Group ini dimulai dari
hari Senin sampai dengan hari Sabtu, pukul 09.00 WIB sampai 17.00 WIB. Selain
itu, kami juga diperkenalkan dengan beberapa divisi yang berada di dalam PT. Jawa
Pos Group beserta letak divisi itu berada. Divisi tersebut meliputi Divisi Periklanan,
Divisi Multimedia, Divisi Marketing, dan Divisi IT (Information Technology).

Setelah melakukan pengenalan lingkungan, kami di tempatkan di Divisi IT

(Information Technology). Di dalam divisi ini kami di berikan sebuah project
berupa Webstore persebaya. Webstore Persebaya merupakan web yang berisi
tentang penjualan merchandise persebaya (persatuan sepak bola Surabaya).

3.2 Pembagian Tugas di Lokasi PKL

Dalam pembuatan Webstore Persebaya, kami membagi tugas antara satu
dengan yang lainnya. Webstore Persebaya ini di bagi menjadi dua bagian yaitu back
end dan fornt end. Back End Developer adalah seorang web developer yang
bertugas untuk mengatur proses jalannya sebuah website dan juga bertugas untuk
pengambilan data dari database yang tidak diketahui oleh pengunjung situs
sedangkan Front End Developer adalah seorang web developer yang bertugas
untuk mengembangkan tampilan yang dapat dilihat oleh user atau pengunjung

8
 9

dalam sebuah website seperti tulisan, warna, video, gambar. Dalam pembuatan
back end ini dikerjakan oleh dua orang yaitu Annisa Hanna Rufaidah dengan judul
“Implementasi Admin Lte Pada Webstore Persebaya Menggunakan Framework
CodeIgniter” dan Mahafiliyatil Munifa Almarisia dengan judul “Analisis dan
Perancangan Admin Panel Pada Webstore Persebaya”, begitu juga dengan bagian
front end di kerjakan oleh dua orang yaitu Aidana Rusfalia dengan judul
“Implementasi Webstore Persebaya Menggunakan Framework CodeIgniter dan
Bootstrap” dan Coni Retnosari dengan judul “Analisis dan perancangan Webstore
persebaya menggunakan metode prototype”

3.3 Pembuatan Project di Lingkungan PKL

Berikut ini merupakan tahapan yang kami lakukan dalam proses pembuatan
project di lingkungan PKL.

3.3.1 Analisa Kebutuhan

Dalam tahap ini, developer dan klien bertemu dan menentukan tujuan umum,
kebutuhan yang diketahui dan gambaran bagian-bagian yang akan dibutuhkan
berikutnya. Pada tahap ini dilakukan analisa terhadap kebutuhan sistem yaitu
mengumpulkan kebutuhan data secara lengkap kemudian dianalisis dan
didefinisikan kebutuhan data yang harus dipenuhi oleh program yang akan
dibangun. Tahapan ini harus dikerjakan secara lengkap dan detail untuk bisa
menghasilkan desain yang lengkap dan ada beberapa hal yang harus dikumpulkan
dalam pembuatan program. Dalam mengumpulkan kebutuhan, telah dilakukan
wawancara kepada instansi terkait, yaitu Manager Divisi IT (Informatic
Management) PT. Jawa Pos Group.

3.3.2 Pembuatan Program

Tahap berikutnya yang dilakukan adalah pembuatan sistem secara

keseluruhan hingga selesai berdasarkan pada analisa kebutuhan yang sudah
dilakukan sebelumnya

a) Menjelaskan Kerja Sistem Yang Ada

 10

Dalam penjualan merchandise Persebaya customer harus datang langsung ke

store persebaya yang terletak di Gedung Graha Pena Jawa Pos Lobby A, Jalan A.
Yani No.88 Surabaya. Hal ini sangatlah tidak efektif dikarenakan apabila customer
yang berada di luar Surabaya ingin membeli Merchandise harus datang langsung
ke store Persebaya.

b) Desain Sistem yang di buat

Perancangan dilakukan cepat dan rancangan mewakili semua aspek software
yang diketahui. Rancangan ini menjadi dasar pembuatan sistem yang akan di buat.
Dalam perancangan ini developer bertugas untuk mendesign produk yang akan di
buat sehingga produk tersebut dapat digunakan oleh pengguna. Pada tahapan ini
dilakukan setelah tahap kebutuhan data selesai dikumpulkan secara lengkap dari
alur manual, alur proses pencarian hingga alur komputerisasi dari seorang
pengguna. Maka penulis melakukan pembuatan desain sistem yang akan digunakan
meliputi:
1. Desain alur sistem, menggunakan desain berorientasi objek UML.
2. Desain basis data. Pembuatan database menggunakan MySQL 5.4.31
dengan nama database “persebayastore”. Tabel-tabel yang terdapat dalam
database adalah sebanyak 13 (sebelas) tabel, yaitu administrator, desa,
kabupaten, kecamatan, provinsi, setting_website, user, order, kurir, detail
order, keranjang, produk dan kategori produk.
3.3.3 Testing

Testing adalah tahap pengujian program yang sudah jadi. Apabila ada
kesalahan atau kekurangan dalam program, program akan dibenarkan kembali. Jika
program sudah sesuai harapan pelanggan, maka proses akan masuk ke tahap
selanjutnya, yaitu distribusi. Pada kasus ini, tahap pengujian dilakukan setelah
program jadi seluruhnya. Setelah project Webstore Persebaya selesai kami buat
kami melakukan testing bersama pembimbing lapang.
 BAB 4.
IMPLEMENTASI WEBSTORE PERSEBAYA
MENGGUNAKAN FRAMEWORK CODEIGNITER DAN
BOOTSTRAP

4.1 Tinjauan Pustaka

4.1.1. Implementasi
Browne dan Wildavsky (dalam Nurdin dan Usman, 2004:70) mengemukakan
bahwa ”Implementasi adalah perluasan aktivitas yang saling menyesuaikan”.
Pengertian implementasi sebagai aktivitas yang saling menyesuaikan juga
dikemukakan oleh Mclaughin (dalam Nurdin dan Usman, 2004). Pengertian-
pengertian tersebut memperlihatkan bahwa kata implementasi bermuara pada
aktivitas, adanya aksi, tindakan, atau mekanisme suatu sistem. Ungkapan
mekanisme mengandung arti bahwa implementasi bukan sekadar aktivitas, tetapi
suatu kegiatan yang terencana dan dilakukan secara sungguh-sungguh berdasarkan
acuan norma tertentu untuk mencapai tujuan kegiatan. Oleh karena itu,
implementasi tidak berdiri sendiri tetapi dipengaruhi oleh obyek berikutnya yaitu
kurikulum.

Dalam kenyataannya, implementasi kurikulum menurut Fullan merupakan

proses untuk melaksanakan ide, program atau seperangkat aktivitas baru dengan
harapan orang lain dapat menerima dan melakukan perubahan.

Dalam konteks implementasi kurikulum pendekatan-pendekatan yang telah

dikemukakan di atas memberikan tekanan pada proses. Esensinya implementasi
adalah suatu proses, suatu aktivitas yang digunakan untuk mentransfer ide/gagasan,
program atau harapan-harapan yang dituangkan dalam bentuk kurikulum desain
(tertulis) agar dilaksanakan sesuai dengan desain tersebut. Masing-masing
pendekatan itu mencerminkan tingkat pelaksanaan yang berbeda.

11
 12

4.1.2 CodeIgniter

Code Igniter adalah sebuah framework PHP. Framework itu sendiri adalah
suatu kerangka kerja yang berupa sekumpulan folder yang memuat file-file php
yang menyediakan Class libraries, helpers, plugins dan lainnya . Framework
menyediakan konfigurasi dan teknik coding tertentu. CI adalah sebuah php
framework yang berupa kumpulan folder dan file php, java script,css,txt dan file
berbasis web lainnya dengan setting tertentu untuk menggunakannya dan
menyediakan library dan helper yang dapat di manfaatkan di dalam pemrograman
php.

4.1.3 Webstore

Webstore adalah sebuah website atau situs yang dikhususkan untuk menjual
suatu produk seperti amazon dot com serta situs-situs lain yang dikhususkan
untuk menjual produk. Website sendiri merupakan halaman situs sistem informasi
yang dapat diakses secara cepat. Website ini didasari dari adanya perkembangan
teknologi informasi dan komunikasi. Melalui perkembangan teknologi informasi,
tercipta suatu jaringan antar komputer yang saling berkaitan. Jaringan yang dikenal
dengan istilah internet secara terus-menerus menjadi pesan–pesan elektronik,
termasuk e-mail, transmisi file, dan komunikasi dua arah antar individu atau
komputer.

4.1.4 Bootstrap

Bootstrap adalah sebuah library framework CSS yang dibuat khusus untuk
bagian pengembangan front-end website. Bootstrap juga merupakan salah satu
framework HTML, CSS dan javascript yang paling populer di kalangan web
developer yang digunakan untuk mengembangkan sebuah website yang responsive.
Sehingga halaman website nantinya dapat menyesuaikan sesuai dengan ukuran
monitor device (desktop, tablet, ponsel ) yang digunakan pengguna disaat
mengakses website website dari browser. Pada mulanya bootstrap bernama
"Twitter Blueprint" yang dikembankan oleh Mark Otto dan Jacob Thornton di
Twitter sebagai kerangka kerja untuk mendorong konsistensi di alat internal.
 13

Dengan menggunakan Bootstrap seorang developer dapat dengan mudah dan

cepat dalam membuat front-end sebuah website. Anda hanya perlu memanggil
class-class yang diperlukan, misalnya membuat tombol, grid, tabel, navigasi dan
lainnya.

Bootsrap telah menyediakan kumpulan komponen class interface dasar yang

telah dirancang sedemikian rupa untuk menciptakan sebuah tampilan yang menarik
dan ringan. Selain komponen class interface, bootsrap juga memiliki grid yang
berfungsi untuk mengatur layout pada halaman website. Selain itu developer juga
dapat menambahkan class dan CSS sendiri, sehingga memungkinkan untuk
membuat desain yang lebih variatif. Salah satu contoh website yang menggunakan
framework bootsrap yaitu twitter. Bootstrap sendiri sebenarnya dikembangkan oleh
developer twitter sehingga bootstrap sering juga disebut dengan “twitter bootsrap“.

Beberapa alasan mengapa saat ini cukup banyak pengembang yang

menggunakan Bootstrap dalam membuat front-end website, yaitu karena beberapa
kelebihan yang dimiliki oleh Bootstrap itu sendiri yang antara lain:

a. Dapat mempercepat waktu proses pembuatan front-end website

b. Tampilan Bootstrap yang sudah cukup terlihat modern.
c. Tampilan Bootsrap sudah responsive,sehingga mendukung segala jenis
resolusi, baik itu PC, tablet, dan juga smartphone.
d. Website menjadi Sangat ringan ketika diakses, karena bootsrap dibuat
dengan sangat terstruktur.

4.2 Hasil Kegiatan

Dalam hal ini penulis membahas tentang Implementasi Webstore Persebaya
Menggunakan Framework CodeIgniter dan Bootstrap dimana Webstore persebaya
ini merupakan aplikasi penjualan online khususnya marchandise persebaya.
 14

4.2.1 Requirement Definition

Requirement adalah gambaran dari layanan (services) dan batasan bagi sistem
yang akan dibangun atau requirement adalah pernyataan/gambaran pelayanan yang
disediakan oleh sistem. Adapun ruang lingkup pembuatan webstore persebaya ini
yang memiliki beberapa fasilitas yaitu:

a. Sistem mampu menampilkan katalog barang sesuai kategori tertentu.

b. Sistem mampu menampilkan produk secara detalil.
c. Sistem mampu melayani perhitungan harga dari barang yang dipilih.
d. Sistem mampu melayani pendaftaran untuk customer yang masih belum
memiliki akun
e. Sistem dapat menampilkan keranjang belanja customer.
f. Sistem dapat menampilkan order history.
g. Sistem dapat menampilkan form shipping addres

4.2.3 Implementasi Database

Pada gambar 4.1 ini merupakan relasi database pada Webstore persebaya

Gambar 4.1 Relasi database

 15

Pada Webstore persebaya pembuatan database menggunakan MySQL 5.4.3

dengan nama database “persebayastore”. Tabel-tabel yang terdapat dalam database
adalah sebanyak 13 tabel, yaitu administrator, desa, kabupaten, kecamatan,
provinsi, setting_website, user, order, kurir, detail order, keranjang, produk dan
kategori produk. Berikut adalah struktur tabel tersebut

a. Tabel 4.1 tabel user

No Field Tipe Ukuran Keterangan
1. User id Int 10 Primary Key
2 Username Varchar 20
3 Password Varchar 20
4 Email Varchar 20
5 Full Name Varchar 35
6 Phone Varchar 15
7 Tanggal lahir Date
8 Alamat Varchar 35
9 Id provinsi Int 10
10 Id kabupaten Int 10
11 Id kecamatan Int 10
12 Id desa Int 10
13 Tanggal Date
registrasi
14 Status Enum (Administrator, customer)

Pada tabel 4.1 merupakan tabel user, tabel ini terdiri dari 14 field. Tabel user di
gunakan untuk menyimpan data customer. Tabel user ini merupakan tabel master.
 16

b. Tabel 4.2 tabel administrator

No Field Tipe Ukuran Keterangan
1. Id Administrator Int 10 Primary Key
2 Username Varchar 20
3 Password Varchar 20
4 Email Varchar 20

Pada tabel 4.2 merupakan tabel administrator, tabel ini terdiri dari 4 field. Tabel
administrator di gunakan untuk menyimpan data admin.
c. Tabel 4.3 tabel kurir
No Field Tipe Ukuran Keterangan
1. Id kurir Int 10 Primary Key
2 Nama Kurir Varchar 20

Pada tabel 4.3 merupakan tabel kurir, tabel ini terdiri dari 2 field. Tabel user di
gunakan untuk menyimpan data kurir. Tabel kurir ini merupakan tabel master.
d. Tabel 4.4 tabel detail order
No Field Tipe Ukuran Keterangan
1. Id detail Int 10 Primary Key
2 Id order Int 20 Foregin Key
3 Kode produk Varchar 20
4 Qty Varchar 20
5 Harga

Pada tabel 4.4 merupakan tabel detail order, tabel ini terdiri dari 5 field. Tabel
detail di gunakan untuk menyimpan data data order.
 17

e. Tabel 4.5 tabel provinsi

No Field Tipe Ukuran Keterangan
1. Id Provinsi Int 10 Primary Key
2 Nama provinsi Varchar 20

Pada tabel 4.5 merupakan tabel provinsi, tabel ini terdiri dari 2 field. Tabel
provinsi di gunakan untuk menyimpan data provinsi. Tabel provinsi ini merupakan
tabel master.
f. Tabel 4.6 tabel produk
No Field Tipe Ukuran Keterangan
1. Kode Produk Int 10 Primary Key
2 Nama Varchar 20
3 Kategori Varchar 20
4 Stok Int 11
5 Harga Int 11
6 Deskripsi Text
7 Size Varchar 20
8 Foto Varchar 20

Pada tabel 4.6 merupakan tabel produk, tabel ini terdiri dari 8 field. Tabel
produk di gunakan untuk menyimpan data produk yang di jual.
g. Tabel 4.7 tabel kabupaten
No Field Tipe Ukuran Keterangan
1. Id kabupaten Int 10 Primary Key
2 Id provinsi Int 20
3 Nama Varchar 20

Pada tabel 4.7 merupakan tabel kabupaten, tabel ini terdiri dari 3 field. Tabel
kabupaten di gunakan untuk menyimpan data kabupaten
 18

h. Tabel 4.8 tabel setting web

No Field Tipe Ukuran Keterangan
1. Id Int 10 Primary Key
2 Logo Varchar 20
3 Benner 1 Varchar 20
4 Benner 2 Varchar 20
5 Benner 3 Varchar 20
6 Location Text
7 Telepon Varchar 20
8 Email Varchar 20
9 Nama Varchar 20

Pada tabel 4.8 merupakan tabel setting web, tabel ini terdiri dari 9 field. Tabel
ini di gunakan untuk setting website . .
i. Tabel 4.9 tabel kecamatan
No Field Tipe Ukuran Keterangan
1. Id kecamatan Int 10 Primary Key
2 Id kabupaten Int 20
3 Nama Varchar 20

Pada tabel 4.9 merupakan tabel kecamatan, tabel ini terdiri dari 3 field. Tabel
ini di gunakan untuk menyimpan data kecamatan di seluruh indonesia.
j. Tabel 4.10 tabel desa
No Field Tipe Ukuran Keterangan
1. Id desa Int 10 Primary Key
2 Id kecamatan Int 20
3 Nama Varchar 20

Pada tabel 4.10 merupakan tabel desa , tabel ini terdiri dari 2 field. Tabel desa
di gunakan untuk menyimpan data desa / kelurahan di seluruh indonesia.
 19

k. Tabel 4.11 tabel keranjang

No Field Tipe Ukuran Keterangan
1. Id keranjang Int 10 Primary Key
2 Kd Produk Int 20
3 Jumlah Int 20
4 User id Varchar 20
5 Tanggal Date

Pada tabel 4.11 merupakan tabel keranjang, tabel ini terdiri dari 5 field. Tabel
keranjang di gunakan untuk menyimpan data keranjang belanja sementara .
l. Tabel 4.12 tabel order
No Field Tipe Ukuran Keterangan
1. Id order Int 10 Primary Key
2 Nama Tujuan Int 20
3 Alamat Varchar 50
4 Id provinsi Int 20
5 Id kabupaten Int 20
6 Id kecamatan Int 20
7 Id desa Int 20
8 Telepon Int 20
9 Total Int 20
10 Bukti bayar Varchar 20
11 Status Varchar 20
12 Resi Varchar 20
13 Tanggal order Date
14 Id kurir Int 20

Pada tabel 4.12 merupakan tabel order, tabel ini terdiri dari 14 field. Tabel
order di gunakan untuk menyimpan data order
 20

m. Tabel 4.13 tabel kategori produk

No Field Tipe Ukuran Keterangan
1. Kd kategori Varchar 10 Primary Key
2 Ketegori Varchar 20
3 Keterangan Varchar 20
Pada tabel 4.13 merupakan tabel kategori produk, tabel ini terdiri dari 3
field. Tabel kategori produk di gunakan untuk menyimpan data kategori produk
yang di jual.
4.2.4 Implementasi Webstore
Berikut ini merupakan implementasi Webstore persebaya menggunakan
framework CodeIgniter dan bootstrap. Tampilan awal atau halaman awal dari
aplikasi seperti yang ditunjukan pada gambar 4.2, yaitu berupa halaman utama dari
Webstore Persebaya

a. Sistem mampu menampilkan katalog barang sesuai kategori tertentu

Gambar 4.2 Katalog barang

 21

Gambar di atas merupakan gambar dari katalog barang pada Webstore

persebaya, halaman tersebut berisi produk berupa katogori jarsey marchandise
persebaya. Pembeli dapat memilih barang yang akan di belinya dengan memilih
produk tersebut. Apabila pembeli telah memilih barang maka akan tampil halaman
produk detail seperti pada gambar 4.3

b. Sistem mampu menampilkan produk secara detalil.

Gambar 4.3 Product detail

Pelanggan dapat memasukkan jumlah barang yang akan di beli, apabila
pelanggan tidak memiliki akun maka setelah memasukkan jumlah barang akan
masuk ke halaman register dan login seperti pada gambar 4.4, namun apabila
pelanggan sudah memiliki akun dan sudah login makan akan masuk ke halaman
keranjang seperti pada gambar 4.5
 22

c. Sistem mampu melayani pendaftaran untuk customer yang belum memiliki

akun (registrasi)

Gambar 4.4 Halaman login dan Register

Gambar di atas merupakan halaman registrasi untuk customer yang belum
memiliki akun dan apabila sudah memiliki akun maka customer melakukan login
pada sistem
 23

d. Sistem mampu menampilkan halaman keranjang belanja customer

Gambar 4.5 Halaman keranjang

Setelah masuk ke halaman keranjang jika pelanggan sudah selesei
berbelanja maka masuk ke halaman shiping addres dimana halaman ini berupa form
alamat tujuan barang akan dikirim seperti pada gambar 4.6.
 24

e. Sistem dapat menampilkan form shipping addres

Gambar 4.6 Halaman shipping addres

Pada form shipping addres pengguna harus menginputkan data yang benar
agar tidak terjadi kesalahan di saat proses pengiriman barang berlangsung. Setelah
pelanggan menginputkan data pada form shiping addres maka akan tampil halaman
konfirmasi seperti pada gambar 4.7
 25

f. Sistem mampu melayani perhitungan harga dari barang yang dipilih.

Gambar 4.7 Halaman Konfirmasi

Halaman konfirmasi berupa halaman detail pembelian dimana barang akan
di kirimkan sesuai dengan alamat yang di tuju beserta produk, jumlah dan harga
yang di beli jika selesei maka akan masuk ke halaman upload file bukti pembayaran
seperti pada gambar 4.8

Gambar 4.8 Halaman Upload Pembayaran

Setelah pelanggan sudah mengupload bukti pembayaran maka akan tampil
halaman order history beserta detail barang yang sudah di beli seperti pada gambar
4.9 dan 4.10
 26

g. Sistem mampu menampilkan halaman order history

Gambar 4.9 Halaman Order History

Gambar 4.10 Detail Produk yang di beli

4.2.5 Pengujian

Tahap ini merupakan tahap pengujian pada program yang sudah jadi, apabila
dalam tahap pengujiannya terjadi kekurangan atau kesalahan, maka akan diperbaiki
dan disesuaikan. Dan apabila dalam pengujian tidak ada kesalahan atau program
sudah benar dan sesuai dengan kesepakatan antara pengembang dengan pemakai
maka program selesai dan dapat di gunakan. Pengujian di sini kami lakukan
bersama pembimbing lapang. Pembimbing lapang di sini berperan sebagai
customer / pembeli yang akan menggunakan sistem tersebut. Dalam pengujian ini
terdapat beberapa masukan dari pembimbing lapang, sehingga program perlu di
 27

perbaiki lebih baik lagi. Pada Tabel 4.14, dan 4.15 merupakan evaluasi dari
pembimbing lapang.

a. Tabel 4.14 pengujian 1

No Kebutuhan Oleh Review dari pengguna Hasil

1. Login Customer - Sesuai

2. Register Customer - Sesuai

3. Tampilan Customer Tidak ada slider pada Tidak

benner halaman home Sesuai
4. Transaksi pembelian Customer Stok barang tidak Tidak
berkurang apabila sudah sesuai
membeli barang
5. Order History Customer Pada halaman ini tidak Tidak
menampilkan data barang sesuai
secara detail
6. Keranjang Belanja Customer - Sesuai

7. Katalog produk Customer - Sesuai

8. Tracking Pengiriman Customer - Sesuai

9. Shiping Addres Customer - Sesuai

Pada pengujian pertama terdapat beberapa masukan dan evaluasi dari

pembimbing lapang sehingga perlu di adakan perbaikan program. Apabila program
sudah di perbaiki maka di lakukan pengujian ulang hingga ouput dari sistem yang
akan di gunakan sesuai dengan kebutuhan yang diinginkan. Pada tabel 4.15 ini
merupakan tabel pengujian 2.
 28

b. Tabel 4.15 Pengujian 2.

No Kebutuhan Oleh Review dari pengguna Hasil

1. Login Customer - Sesuai

2. Register Customer - Sesuai

3. Tampilan Customer - Sesuai

4. Transaksi pembelian Customer - Sesuai

5. Order History Customer - Sesuai

6. Keranjang Belanja Customer - Sesuai

7. Katalog produk Customer - Sesuai

8. Tracking Pengiriman Customer - Sesuai

9. Shiping Addres Customer - Sesuai

Pada pengujian 2 program sudah sesuai dengan permintaan pengguna dan

program sudah siap untuk di gunakan.
 BAB 5. KESIMPULAN DAN SARAN

5.1 Kesimpulan
Dari hasil pelaksanaan Praktek Kerja Lapang (PKL) di PT Jawa Pos Surabaya
di dapatkan kesimpulan sebagai berikut:

a. Dalam pelaksanaan Praktek Kerja Lapang (PKL) di PT Jawa Pos kami dapat
Menambah wawasan, pengetahuan dan pengalaman dalam dunia kerja
khususnya di bidang pemrograman website. Dalam pelaksanan PKL di PT
Jawa Pos kami mendapatkan sebuah Project yaitu membuat sebuah Webstore
Persebaya yang dapat di gunakan untuk proses transaksi pembelian barang
Marchandise Persebaya khususnya customer yang berasal dari luar kota.
Selain itu Webstore Persebaya ini membatu customer bisa mendapatkan
barang yang diinginkan dari Webstore tanpa harus pergi dan melakukan
perjalanan yang menghabiskan waktu dan biaya
b. Menguji ketrampilan dan menambah pengetahuan tentang kegiatan dunia
kerja.
c. Melatih kedisiplinan kerja mahasiswa sebagai bekal tentang kegiatan dunia
kerja.
d. Mengasah dan meningkatkan kemampuan mahasiswa yang sesuai denga
program studinya.

5.2 Saran
Dengan dibuatnya Websotre persebaya ini, lebih baik lagi jika disertai dengan
fitur tambahan berupa sms gateway pada website penjualan marchandise persebaya
ini.

29
 30

DAFTAR PUSTAKA

Fitri Widy Astuti. Analisis dan pengembangan sistem informasi penjualan online
pada www.barijan.com(http://repository.amikom.ac.id/files/Publikasi_
10.22.1255.pdf, diakses pada tanggal 5 Mei 2017)

Made Surya Wedhana. Rekayasa perangkat lunak(https://hansiaditya.files.

wordpress.com/2007/10/uts-rpl-final02.pdf, diakses pada tanggal 3 Mei
2017)

Betha sidiq & Husni.2012.Pemrograman web dengan HTML.Bandung:

Informatika Bandung
 31

LAMPIRAN FOTO KEGIATALAN PKL