SISTEM INFORMASI DAN TRANSAKSI MARKETING BERBASIS

WEBSITE PADA STUDIO PELANGI

Kerja Praktek
Diajukan untuk memenuhi sebagian syarat
Memperoleh gelar Sarjana Strata-1 Teknik Informatika

Diajukan oleh:
NAMA : Deva Candra Wijaya
NIM : 153040064

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNIK
UNIVERSITAS WAHID HASYIM SEMARANG
2018

i
 HALAMAN PENGESAHAN

Telah diperiksa dan disetujui untuk dipertahankan dihadapan Dewan Penguji Kerja
Praktek Program Studi Teknik Informatika Fakultas Teknik Universitas Wahid
Hasyim Semarang
Pada :
Hari : Sabtu
Tanggal : 01 Desember 2018

Dosen Pembimbing,

(Mustagfirin, S. Sn., M. Kom)

NPP/NIP. 05.14.1.0297

ii
 HALAMAN PENGESAHAN SEMINAR

Telah diperiksa dan disetujui untuk dipertahankan di hadapan Dewan Penguji Kerja
Praktek Program Studi Teknik Informatika Fakultas Teknik Universitas Wahid
Hasyim Semarang
Pada :
Hari : Kamis
Tanggal : 07 Februari 2019

Dosen Penguji 1, Dosen Penguji 2,

(Mustagfirin, S. Sn., M. Kom) (Mochamad Subchan Mauludin, ST., MT)

NPP/NIP. 05.14.1.0297 NPP/NIP. 05.13.1.0234

Dekan Fakultas Teknik, Kepala Program Studi

Teknik Informatika,

(Dr. Helmy Purwanto, ST., M.T) (Agung Riyantomo, ST., M. Kom)

NPP/NIP. 05.14.1.0297 NPP/NIP. 05.14.1.0297

iii
 HALAMAN PERNYATAAN

Yang bertanda tangan dibawah ini :

Nama : Deva Candra Wijaya
NIM : 153040064
Program Studi : Teknik Informatika
Menyatakan bahwa Kerja Praktek tidak merupakan jiplakan dan juga bukan dari
karya orang lain.

Semarang, 01 Desember 2018

Yang menyatakan

(Deva Candra Wijaya)

NIM. 153040064

iv
 KATA PENGANTAR

Puji syukur penulis panjatkan kehadirat Allah SWT yang telah memberikan
rahmat, hidayah serta inayah-Nya sehingga penulis dapat menyelesaikan laporan
tugas akhir ini dengan judul “Sistem Informasi Dan Transaksi Marketing Berbasis
Website Pada Studio Pelangi”.
Pada kesempatan ini penulis menyampaikan rasa terima kasih kepada semua
pihak yang telah memberikan bantuan dan bimbingan dalam penyusunan Laporan
Kerja Praktek ini, terutama kepada:
1. Bapak Dr. Helmy Purwanto, ST., M.T selaku Dekan Fakultas Teknik
Universitas Wahid Hasyim Semarang.
2. Agung Riyantomo, ST., M. Kom selaku Ketua Program Studi Teknik
Informatika Fakultas Teknik Universitas Wahid Hasyim Semarang.
3. Mustagfirin, S. Sn., M. Kom selaku Dosen Pembimbing yang telah banyak
memberikan bantuan, petunjuk, dan bimbingan kepada penulis di dalam
penyelesaian laporan kerja praktek ini.
4. Bapak Eko Novianto selaku manager Studio Pelangi Semarang yang telah
banyak memberi Informasi berupa data yang dibutuhkan penulis dalam
penyusunan laporan kerja praktek, masukan, kesempatan, dan dorongan
dalam melaksanakan kerja praktek.
5. Seluruh Pegawai Studio Pelangi yang senantiasa memberikan dorongan,
do’a restu, dan bantuan baik material maupun spiritual.
6. Orang tua yang selalu memberi semangat, motivasi dan yang sudah
memberikan dukungan materi maupun spiritual sehingga sampai saat ini
penulis dapat menyelesaikan Kerja Praktek.
7. Teman-teman di Program Studi Teknik Informatika Universitas Wahid
Hasyim Semarang yang telah bekerja sama dengan baik, bantuan yang
diberikan, kritik, saran dan semoga tali persaudaraan tetap selalu terjaga.
Tidak lupa, semua pihak yang tidak dapat penulis sebutkan satu per satu
yang telah membantu pembuatan laporan ini.

v
 Penulis menyadari bahwa laporan ini jauh dari sempurna baik dalam materi
maupun penulisannya. Untuk itu kritik dan saran yang bersifat membangun dari
semua pihak sangat diharapkan. Akhir kata, semoga laporan tugas akhir ini nantinya
bisa bermanfaat bagi dunia teknologi dan bisa memberikan sumbangan pemikiran
bagi yang memerlukannya. Amin Yaa Rabbal ‘Alamiin

Semarang, 01 Desember 2018

Penulis

vi
 DAFTAR ISI

HALAMAN JUDUL ........................................................................................................ i

HALAMAN PENGESAHAN ........................................................................................ ii
HALAMAN PENGESAHAN SEMINAR .................................................................. iii
HALAMAN PERNYATAAN ........................................................................................iv
KATA PENGANTAR ..................................................................................................... v
DAFTAR ISI ....................................................................................................................vii
DAFTAR GAMBAR ............................................................................................. ix
INTISARI................................................................................................................ x
BAB I PENDAHULUAN ....................................................................................... 1
1.1 Latar Belakang Masalah ................................................................................ 1
1.2 Rumusan Masalah ......................................................................................... 2
1.3 Tujuan Kerja Praktek .................................................................................... 2
1.4 Batasan Kerja Praktek ................................................................................... 2
BAB II LANDASAN TEORI ................................................................................. 3
2.1 Penelitian Terkait .......................................................................................... 3
2.2 Tinjauan Pustaka ........................................................................................... 3
2.2.1 Situs/Web ............................................................................................... 3
2.2.2 Informasi ................................................................................................ 5
2.2.3 Sistem Informasi .................................................................................... 5
2.2.4 Basis Data .............................................................................................. 6
2.2.5 Internet ................................................................................................... 6
2.2.6 Google .................................................................................................... 7
2.2.7 Jasa Multimedia ..................................................................................... 7
2.2.8 Metode Waterfall ................................................................................... 7
2.2.9 Marketing ............................................................................................... 9
2.2.10 Software Pendukung ............................................................................. 9
2.2.11 Bagan Alir Sistem (System Flowchart) ..................................................... 9
2.2.12 Tahapan Metode Waterfall ........................................................................... 11
BAB III ANALISIS DAN ALTERNATIF SISTEM ............................................ 12
vii
 3.1 Sejarah Perusahaan Dan Struktur Organisasi ............................................ 12
3.1.1 Studio Pelangi ...................................................................................... 12
3.1.2 Moto Studio Pelangi ............................................................................ 12
3.1.3 Visi Dan Misi Studio Pelangi .................................................................... 12
3.1.4 Struktur Organisasi Studio Pelangi Semarang......................................... 13
3.1.5 Kontak .................................................................................................. 13
3.1.6 Bagian Tempat Kerja Praktek .................................................................... 13
3.2 Analisis Sistem Yang Berjalan .................................................................. 13
3.2.1. Analisis Prosedur Yang Sedang Berjalan ................................................. 14
3.3 Identifikasi Masalah Pada Sistem Yang Berjalan ....................................... 15
3.4 Alternatif Pemecahan Masalah .................................................................. 15
3.4.1 Perancangan ......................................................................................... 15
3.4.2 Implementasi ........................................................................................ 20
3.4.3 Hasil dan Pembahasan ......................................................................... 21
BAB IV PENUTUP .............................................................................................. 28
4.1. Kesimpulan ................................................................................................ 28
4.2. Saran ........................................................................................................... 28
DAFTAR PUSTAKA ........................................................................................... 29
LAMPIRAN .......................................................................................................... 31
1 Lampiran Surat Permohonan Ijin Kerja Praktek ............................................ 31
2 Lampiran Surat Balasan Kerja Praktek ......................................................... 32
3 Lampiran Surat Selesai Kerja Praktek ........................................................... 33
4 Lampiran Lembar Konsultasi/Asistensi Kerja Praktek ................................. 34

viii
 DAFTAR GAMBAR

Gambar II.1 Ilustrasi Model Waterfall .................................................................... 8

Gambar II.2 Tahapan Metode Waterfall ............................................................... 12
Gambar III.1 Struktur Organisasi Studio Pelangi ................................................. 14
Gambar III.2 Flowchart......................................................................................... 16
Gambar III.3 Skema Use Case Diagram Home .................................................... 19
Gambar III 4 Skema Use Case Diagram Registrasi .............................................. 20
Gambar III 5 Skema Use Case Diagram Transaksi Pemesanan ........................... 20
Gambar III.6 Skema Use Case Diagram Konfirmasi Admin ................................ 21
Gambar III.7 Link Tag .......................................................................................... 21
Gambar III.8 Pengaturan CSS Tag........................................................................ 23
Gambar III.9 Source Code Tag ............................................................................. 24
Gambar III.10 Description Bootstrap Tag ............................................................ 24
Gambar III.11 Tampilan Website Dekstop ........................................................... 25
Gambar III.12 Tampilan Website Mobile Phone .................................................. 25
Gambar III.13 Login Admin ................................................................................. 26
Gambar III.14 Data Customer ............................................................................... 26
Gambar III.15 Tampilan Cetak Data PDF ............................................................ 26
Gambar III.16 Registrasi dan Login...................................................................... 27
Gambar III.17 Halaman Transaksi dan Pendaftaran ............................................. 27
Gambar III.18 Halaman Data Stok Barang ........................................................... 27
Gambar III.19 Tampilan Detail Barang ................................................................ 28
Gambar III.20 Daftar Barang Yang Dipilih .......................................................... 28
Gambar III.21 Data Transaksi Barang .................................................................. 29
Gambar III.22 Data Customer ............................................................................... 29

ix
 INTISARI

Penggunaan teknologi dalam penerapan sistem informasi menjadi sangat penting

untuk membangun hubungan antar pelanggan serta memberikan informasi yang
diberikan kepada pelanggan. Manfaat penerapan sistem informasi adalah
membantu mempertahankan pelanggan yang sudah ada dan mendapatkan
pelanggan baru. Metode yang digunakan menggunakan metode waterfall, website
ini juga dibuat dengan menggunakan bahasa pemrograman PHP dan HTML
menggunakan MySQL. Dengan website ini sehingga memudahkan Studio Pelangi
dalam memberikan informasi dan promosi, sehingga informasi yang disampaikan
lebih efisien, akurat dan jelas kepada konsumen. Hasilnya efisiensi dalam
pengolahan data dan pencetakan laporan yang tidak lagi memerlukan promosi
dalam bentuk spanduk.
Kata kunci : Akurat, Efisien, Marketing, Multimedia, Pembelian, Sistem Informasi,
Studio Pelangi, Transaksi.

x
i