PEMBANGUNAN WEBSITE COMPANY PROFILE

TOKO MAS KING CIKARANG

KERJA PRAKTEK

Disusun sebagai salah satu syarat untuk kelulusan Kerja Praktek,

di Program Studi Teknik Informatika, Universitas Pasundan Bandung

oleh :

Kiki Hadiansyah
NRP : 14.304.0226

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNIK
UNIVERSITAS PASUNDAN BANDUNG
JANUARI 2018
 LEMBAR PENGESAHAN
LAPORAN KERJA PRAKTEK

Telah diujikan dan dipertahankan dalam Seminar Kerja Praktek Program Studi Teknik
Informatika Universitas Pasundan Bandung, pada hari dan tanggal seminar sesuai berita acara
seminar, Kerja Praktek dari :

Nama : Kiki Hadiansyah

Nrp : 14.304.0226

Dengan judul :

“PEMBANGUNAN WEBSITE COMPANY PROFILE

TOKO MAS KING CIKARANG”

Bandung, 04 Januari 2018

Mengetahui,
Koordinator Kerja Praktek

(Sali Alas Majapahit, S.ST, M.Kom)

Menyetujui,
Pembimbing/Reviewer Internal, Pembimbing Lapangan,

(Wanda Gusdya, ST, MT) (Ruchyat)

 KATA PENGANTAR

Ucapan dan rasa syukur penulis layangkan ke hadirat Ilahi Robbi, yang telah berkenan
menguatkan penulis untuk membuat Laporan Kerja Praktek dengan judul “Analisis Sistem
Informasi Eksekutif untuk Perguruan Tinggi (Studi Kasus Universitas Pasundan)”.
Adapun penulisan laporan ini bertujuan untuk memenuhi salah satu syarat kelulusan
Kerja Praktek, di Program Studi Teknik Informatika Universitas Pasundan.
Penulis menyadari laporan ini dapat terwujud berkat bantuan dan dorongan dari
berbagai pihak. Maka pada kesempatan ini penulis sampaikan terima kasih yang sebesar-
besarnya atas segala bantuan yang penulis terima baik secara moril maupun materil, sehingga
penulis dapat menyelesaikan laporan ini kepada :
1. Pembimbing / Reviewer, Bapak Wanda Gusdya, ST, MT
2. Koordinator Kerja Praktek Bapak Sali Alas Majapahit, S.ST, M.Kom
3. Pembimbing Lapangan Bapak Ruchyat dari Toko Mas King
4. Kepada Orang Tua tersayang, dan keluarga yang selalu memberikan motivasi serta
do’anya dalam pembuatan kerja praktek ini.
5. Seluruh civitas akademika Teknik Informatika di UNIVERSITAS PASUNDAN
BANDUNG, yang telah memberikan bekal ilmu selama penulis menimba ilmu.
6. Kepada teman-teman seperjuangan Universitas Pasundan Bandung yang tidak bisa semua
penulis sebutkan.
Tiada gading yang tak retak, tiada gelombang tanpa ombak, segala kesalahan
merupakan kelemahan dan kekurangan penulis. oleh karena itu, penulis harapkan kritik dan
saran dari semua pihak demi perbaikan di masa yang akan datang.
Akhir kata, semoga penulisan laporan ini dapat bermanfaat bagi penulis dan bagi
perkembangan ilmu Teknologi dimasa yang akan datang.

Bandung, 04 Januari 2018

Kiki Hadiansyah

i
 DAFTAR ISI

KATA PENGANTAR.................................................................................................................i

DAFTAR ISI.............................................................................................................................ii

DAFTAR TABEL.....................................................................................................................iv

DAFTAR GAMBAR.................................................................................................................v

DAFTAR SIMBOL..................................................................................................................vi

BAB 1........................................................................................................................................1

PENDAHULUAN..................................................................................................................1-1

1.1 Latarbelakang Kerja Praktek........................................................................................1-1

1.2 Tujuan Kerja Praktek....................................................................................................1-1

1.3 Lingkup Kerja Praktek..................................................................................................1-2

1.4 Tempat Kerja Praktek...................................................................................................1-2

1.5 Metodologi Penyelesaian Kerja Praktek.......................................................................1-2

1.6. Sistematika Penulisan Laporan Kerja Praktek.............................................................1-3

BAB 2....................................................................................................................................2-1

PROFILE PERUSAHAAN TEMPAT KERJA PRAKTEK....................................................2-1

2.1 Sejarah Singkat Organisasi...........................................................................................2-1

2.2 Bidang Usaha dan Lokasi Tempat Kerja Praktek..........................................................2-1

2.3 Unit Kerja Insidentil Job...............................................................................................2-1

2.4 Kegiatan Magang..........................................................................................................2-3

2.5 Suasana Kerja Praktek..................................................................................................2-3

2.6 Kesulitan Dalam Pelaksanaan Kerja Praktek................................................................2-3

BAB 3....................................................................................................................................3-1

ANALISIS DAN PERANCANGAN.....................................................................................3-1

3.1 Motodologi Pembangunan Aplikasi..............................................................................3-1

3.2 Software Requirement Spesification.............................................................................3-2

3.3 Prilaku Proses Bisnis....................................................................................................3-3

3.4 Activity Diagram..........................................................................................................3-3

ii
 3.5 Model Use Case............................................................................................................3-4

3.7 Deskripsi Use Case.......................................................................................................3-5

3.8 Perancangan Antarmuka...............................................................................................3-5

BAB 4....................................................................................................................................4-1

IMPLEMENTASI...................................................................................................................4-1

4.1 Kebutuhan Perangkat Keras..........................................................................................4-1

4.2 Kebutuhan Perangkat Lunak.........................................................................................4-1

4.3 Kebutuhan Perangkat Lunak Pada Server.....................................................................4-2

4.4 Lingkup Pembangunan.................................................................................................4-2

4.5 Implementasi Antarmuka..............................................................................................4-3

BAB 5....................................................................................................................................5-1

Kesimpulan Dan Saran........................................................................................................5-1

4.1. Kesimpulan..................................................................................................................5-1

4.2. Saran............................................................................................................................5-1

iii
 DAFTAR TABEL

Tabel 1 Simbol Use Case Diagram...........................................................................................vi

Tabel 2 Simbol Business Use Case Diagram............................................................................vi

Tabel 3 Simbol Activity Diagram.............................................................................................vi

Tabel 2. 1 Kegiatan Kerja Praktek..........................................................................................2-3

Tabel 3. 1 Software Requirement Spesification......................................................................3-2

Tabel 3. 2 Deskripsi Use Case................................................................................................3-5

Tabel 4. 1 Kebutuhan Perangkat Keras...................................................................................4-1

Tabel 4. 2 Kebutuhan perangkat lunak....................................................................................4-1

Tabel 4. 3 Kebutuhan Perangkat Lunak Pada Server..............................................................4-2

iv
 DAFTAR GAMBAR

Gambar 1. 1 Langkah Penyelesaian Kerja Praktek.................................................................1-3

Gambar 2. 1 Struktur Organisasi............................................................................................2-2

Gambar 3. 1 Model Proses Prototype.....................................................................................3-1

Gambar 3. 2 Model Business Use Case..................................................................................3-3

Gambar 3. 3 Activity Diagram Informasi Produk...................................................................3-3

Gambar 3. 4 Use Case DIagram Admin..................................................................................3-4

Gambar 3. 5 Use Case DIagram Customer.............................................................................3-4

Gambar 3. 6 Perancangan Antar Muka Halaman Utama........................................................3-6

Gambar 3. 7 Perancangan Antar Muka Halaman Katalog......................................................3-6

Gambar 3. 8 Perancangan Antar Muka Detail Produk............................................................3-7

Gambar 3. 9 Perancangan Antar Muka Informasi Perusahaan................................................3-7

Gambar 4. 1 Halaman Dashnoard Admin...............................................................................4-3

Gambar 4. 2 Halaman Utama Website....................................................................................4-4

Gambar 4. 3 Tampilan Katalog Produk...................................................................................4-4

Gambar 4. 4 Tampilan Detail Produk.....................................................................................4-5

Gambar 4. 5 Tampilan Halaman Informasi Perusahaan..........................................................4-5

v
 DAFTAR SIMBOL

Tabel 1 Simbol Use Case Diagram

No Gambar Nama Keterangan

1 Use Case Use case merupakan “apa” yang

dikerjakan system, bukan
“bagaimana” system
mengerjakannya. Use case biasanya
menggunakan kata kerja. Nama use
case boleh terdiri dari beberapa kata
dan tidak boleh ada 2 use case yang
memiliki nama yang sama.

2 Aktor Simbol ini berperan sebagai

pengguna perangkat lunak, atau yang
berhubungan dengan antarmuka
perangkat lunak.

3 Association Ujung panah pada association antara

antara actor actor dan use case mengindikasikan
dan use case siapa/apa yang meminta interaksi dan
(tanpa panah) bukan mengindikasikan aliran data.

Tabel 2 Simbol Business Use Case Diagram

No Gambar Nama Keterangan

1 Business Business Actor mengambarkan

Actor peranan oleh seseorang/sekelompok
orang/sistem/perusahaan lain di luar
organisasi yang berinteraksi atau
terlibat dengan proses bisnis
organisasi.

2 Business Business Use Case merupakan urutan

Use Case tindakan yang dimainkan suatu bisnis
yang menghasilkan sebuah nilai yang
dapat dilihat dan ditunjukan untuk
suatu business aktor tertentu.

Tabel 3 Simbol Activity Diagram

No Gambar Nama Keterangan

1 Start State Start state (status awal) menunjukkan

dimana aliran kerja itu dimulai

vi
No Gambar Nama Keterangan

2 Aktivitas Activities State (aktivitas) adalah

kegiatan dalam aliran kerja

3 Swimline Swimlane menunjukkan siapa yang

bertanggung jawab melakukan
aktivitas dalam suatu diagram

4 End State End state menunjukkan dimana aliran

kerja itu berakhir

vii
 BAB 1

PENDAHULUAN

Bab 1 diisi oleh point-point latarbelakang kerja praktek, tujuan kerja praktek, lingkup
kerja praktek, tempat kerja praktek, metodologi penyelesaian kerja praktek, dan sistematika
penulisan laporan kerja praktek. Isi bab ditulis dengan huruh TimesNewRoman 11. Angka bab
dan sub bab adalah angka latin, bukan romawi. Spasi dibuat 1,5, kecuali isi tabel 1 spasi.
Setiap awal bab selalu didahului sebuah dekripsi penjelasan bab.

1.1 Latarbelakang Kerja Praktek

Pemasaran merupakan salah satu bidang yang sangat memerlukan bantuan teknologi.
Sehingga jika pemasaran hanya dilakukan dengan konvensional, artinya pembeli bertemu
dengan penjual di tempat dan waktu tertentu, akan kurang efisien karena konsumen tidak
dapat mencari informasi tentang barang tersebut kapan saja dan dimana saja dan itu tentu saja
akan berpengaruh pada tingkat kepuasan pelanggan.
Pada Toko Mas King Grup (TMK Grup), sebuah perusahaan yang menjual perhiasan,
saat ini pemasaran masih dilakukan dengan cara-cara yang konvensional. Dimana calon
konsumen harus datang langsung ke toko untuk melakukan membeli produk atau sekedar
bertanya-tanya mengenai harga dan informasi produk yang mereka inginkan.
Internet merupakan salah satu solusi untuk memecahkan masalah tersebut, dimana
dengan adanya internet seorang konsumen hanya duduk di depan komputer atau perangkat lain
yang sudah terhubung dengan internet, kemudian masuk ke website perusahaan tempat
menjual barang yang dimaksud, selanjutnya konsumen dapat melihat informasi-informasi
tentang produk yang sedang dicari atau dibutuhkan. Dengan demikian internet dapat
membantu perusahaan untuk memperluas jangkauan pasar, karena dengan internet konsumen
dapat berhubungan langsung dengan penjual tanpa perbedaan jarak dan waktu.
Berdasarkan hal diatas, penulis mencoba membuat website company profile yang
diharapkan bisa membantu pihak Toko Mas King Grup (TMK Grup) dalam melakukan
pemasaran secara online sehingga bisa menjangkau pasar yang lebih luas.

1.2 Tujuan Kerja Praktek

Tujuan dari kerja praktek ini adalah membangun website company profile
memudahkan pemasaran yang lebih luas. Sehingga diharapkan dengan adanya aplikasi
Katalog Produk ini dapat mempermudah konsumen mendapatkan informasi harga, produk
terbaru dan informasi lainnya tentang perhiasan.

1-1
1-2

Adapun manfaat dari Aplikasi ini adalah sebagai berikut:

1. Customer dapat melihat informasi harga produk
2. Customer dapat melihat produk terbaru di Toko Mas King
3. Customer dapat melihat informasi perusahaan
4. Mempermudah pemasaran produk sehingga menjangkau pasar yang lebih luas

1.3 Lingkup Kerja Praktek

Lingkup dari kerja parktek ini yaitu membangun sebuah website katalog produk di
TMK Grup menggunakan wordpress sebagai pengelola konten yang dapat menampilkan
informasi produk dari Toko Mas King, dan seluruh konten tersebut dapat dikelola oleh admin
dengan menggunakan tampilan standar dari halaman pengelola konten wordpress.

1.4 Tempat Kerja Praktek

Nama Perusahaan : Toko Mas King Grup (TMK Grup)
Bidang Usaha : Jual Beli Perhiasan
Alamat : Jl. Raya Sukatani No. 61, Pasar Bancong Sukatani, Kab. Bekasi
Jawa Barat

1.5 Metodologi Penyelesaian Kerja Praktek

 1-3

Gambar 1. 1 Langkah Penyelesaian Kerja Praktek

Berikut merupakan rincian dari metodologi kerja praktek ini, diantaranya:

1. Identifikasi Masalah
Pada tahap ini dilakukan pengidentifikasian masalah yang terjadi di organisasi, serta
mengusulkan solusi sementara untuk mengatasi masalah tersebut.
2. Pengumpulan Data
Pengumpulan data dilakukan dengan dua cara yaitu, dengan cara observasi dan
mempelajari literatur yang dapat membantu dalam proses penyelesaian masalah.
3. Analisis Sistem Informasi Akademik
Pada tahap ini dilakukan analisis untuk mengetahui bagaimana karateristik dari sistem
informasi akademik untuk mengetahui variabel atau aspek-aspek yang akan membentuk
model feedback.
4. Perancangan Model Feedback terhadap Studi Kasus
Pada tahap ini dilakukan perancangan model feedback yang bisa diterapkan dalam sistem
informasi akademik dengan mengacu pada aspek yang telah ditentukan pada tahap
sebelumnya (tahap analisis), serta akan menghasilkan urutan yang harus dilakukan dalam
mengelola feedback pada sistem informasi akademik.
5. Kesimpulan & Saran
Pada tahap ini akan dilakukan penyimpulan dari penelitian yang telah dilakukan terkait
dengan masalah yang sudah diidentifikasi, serta saran sebagai prospek penelitian
selanjutnya.

1.6. Sistematika Penulisan Laporan Kerja Praktek

Dalam tahap ini merupakan sistematik dari penulisan Laporan Kerja Praktek yang
teridiri dari lima Bab. yaitu sebagai berikut:

BAB 1. PENDAHULUAN
Bab ini berisi penjelasan umum mengenai usulan penelitian yang dilakukan dalam pengerjaan
kerja praktek. Di dalamnya berisi latar belakang masalah, identifikasi masalah, tujuan kerja
praktek, lingkup kerja praktek, metodologi pengerjaan kerja praktek, dan sistematika
penulisan laporan kerja praktek.

BAB 2. PROFILE TEMPAT KERJA PRAKTEK

Bab kedua menjelaskan sejarah singkat perusahaan TMK Grup, bidang usaha, lokasi
perusahaan, dan kegiatan insidentil job.
1-4

BAB 3. ANALISIS DAN PERANCANGAN

Bab ini menjelaskan tentang hasil analisis dan perancnagan yang terkait dengan tahapan
pembangunan perangkat lunak

BAB 4. KESIMPULAN DAN SARAN

Bab ini menjelaskan pembangunan produk perangkat lunak yang sudah dirancang pada bab
sebelumnya dan lingkup pembangunan.

BAB 5. KESIMPULAN DAN SARAN

Bab ini berisi kesimpulan dan saran atas pembuatan mengenai kerja praktek yang telah di
lakukan.
 BAB 2

PROFILE PERUSAHAAN TEMPAT KERJA PRAKTEK

Pada bab ini menjelaskan tentang profil perusahaan tempat kerja praktek. Dalam bab
ini berisikan sejarah singkat organisasi, bidang usaha dan lokasi kerja praktek, unit kerja
ditempatkannya pada masa kerja praktek dan kegiata selama kerja praktek berlangsung.
Dijelankan juga bagian-bagian yang terdapat pada perusahaan serta kegiatan yang dilakukan
pada bagian tersebut.

2.1 Sejarah Singkat Organisasi

Toko Mas King adalah perusahaan yang bergerak dibidang perhiasan seperti emas dan
perak. Toko Mas King berdiri pada tahun 2007, untuk pertama kalinya Toko Mas King hanya
memiliki satu toko fisik yang bernama Toko Mas King yang didirikan oleh Bapak Murtado
dan hanya menjual perhiasan jenis emas saja. Pada tahun 2010 Toko Mas King mulai
merambah ke jenis perak dan mendirikan toko cabang dengan nama Toko Perak Mahkota yang
dikelola oleh kepala cabang Bapak Ruchyat. Seiring berjalannya waktu, pada tahun 2016 Toko
Mas King membuka cabang ketiganya dengan nama toko yang berbeda yaitu Toko Emas Baru
yang dikelola oleh Mimin Tarmini. Hingga saat ini Toko Mas King masih berdiri dan masih
berkembang di regional kabupaten Bekasi.

2.2 Bidang Usaha dan Lokasi Tempat Kerja Praktek

Nama Perusahaan : Toko Mas King

Bidang Usaha : Jual Beli Perhiasan
Alamat : Jl. Raya Sukatani No. 61, Pasar Bancong Sukatani,
Kab. Bekasi Jawa Barat
Telepon : +62 85810257138

2.3 Unit Kerja Insidentil Job

Unit kerja insidentil job pada kerja praktek adalah dibagian Penyampaian Informasi.
Pekerjaan yang dilakukan pada saat melaksanakan kerja praktek yaitu membuat SMS gateway
untuk Toko Mas King.

2-1
2-2

Gambar 2. 1 Struktur Organisasi

Dari struktur organisasi yang didapat maka jobdesk dari tiap bagian yang ada adalah
sebagai berikut :
1. Kepala Cabang :
a. Merencanakan, mengorganisir, dan mengawasi jalannya usaha.
b.Membuat keputusan.
c. Memimpin jalannya usaha.
2. Bagian Pembelian :
a. Mengontrol penerimaan barang.
b.Mengontrol kualitas barang.
c. Mengontrol jadual supplier.
d.Mengontrol broken Stock dan credit note.
3. Bagian Penjualan :
a. Mengontrol barang yang dijual.
b.Mengontrol display barang.
c. Mengontrol omzet.
d.Mengontrol kebersihan toko, lampu, dan etalase.
e. Selalu berhubungan dengan customer.
f. Membuka dan menutup toko.
4. Bagian Keuangan :
a. Mengontrol kasir.
b.Mengontrol faktur, PO, harga jual, dan label harga.
c. Mengontrol omzet.
d.Mengontrol penyiapan uang.
5. Bagian Gudang :
a. Cek PO (Purchase Order) dan faktur.
b.Cek penerimaan barang yang memenuhi kualitas dan kuantitas.
c. Memberikan keterangan, tanggal terima, jumlah, dan harga pada pembungkus harga.
d.Mengatur dan menyusun barang di gudang.
e. Mengamankan barang dan menjaga kebersihan gudang.
f. Mengeluarkan barang ke toko jika barang di toko telah terjual.
6. Bagian Penyampaian Informasi
 2-3

a. Menyampaikan informasi libur kerja.

b. Membalas pesan pegawai.
c. Mengkonfirmasi ketidak hadiran pegawai

2.4 Kegiatan Magang

Selama Kerja Praktek di Toko Mas King tepatnya di unit penjualan bersifat insidentil.
Adapun kegiatan yang dilakukan berupa diskusi dalam membangun aplikasi katalog produk
seperti menentukan kebutuhan perangkat lunak, merancang model perangkat lunak sampai
dengan proses pembangunan aplikasi.

Tabel 2. 1 Kegiatan Kerja Praktek

No. Tanggal Kegiatan Keterangan
Rutin Insidentil
1 01 Agustus 2017 Menentukan spesifikasi 
perangkat lunak yang
dibutuhkan.
2 02 Agustus 2017 Membuat prototype untuk 
memodelkan aplikasi yang
akan dibuat.
3 06 Agustus 2017 Mengevaluasi prototype 
sesuai dengan keinginan
perusahaan.
4 07 Agustus 2017 Membuat Website 
Company Profile
5 15 Agustus 2017 Menguji aplikasi dengan 
blackbox testing.
6 16 Agustus 2017 Mengevaluasi kesesuaian 
aplikasi dengan yang
diharapkan.
7 22 Agustus 2017 Mengevaluasi kesesuaian 
aplikasi dengan yang
diharapkan.
8 30 Agustus 2017 Aplikasi digunakan oleh 
perusahaan.

2.5 Suasana Kerja Praktek

Dalam pelaksanaan kerja praktek dilakukan secara insidentil dan pengerjaannya

dilakukan secara berkelompok, satu orang melakukan perancangan dan satu orang melakukan
pembangunan aplikasi. Dari pelaksanaan kerja praktek penulis mendapatkan pengalaman baru
dan belajar mengaplikasikan metode pembangunan prototype. Pertemuan dengan pembimbing
lapangan sekaligus konsumen dilakukan sebanyak dua kali dalam jangka waktu satu minggu.
2-4

2.6 Kesulitan Dalam Pelaksanaan Kerja Praktek

Kesulitan yang didapat dalam masa kerja praktek dialami pada tahap pengumpulan
data produk dari setiap katalog yang terdapat pada perusahaan, produk yang banyak
mengakibatkan kesulitan untuk memasarkan ke dalam website, ditambah pihak perusahaan
belum pernah menggunakan teknologi web untuk pemasaran perusahaannya. Dalam hal itu
dibutuhkan pelatihan untuk karyawan agar dapat mengelola website yang dibangun.
 BAB 3

ANALISIS DAN PERANCANGAN

Pada Bab ini menjelaskan bagaimana tahapan pembangunan aplikasi yang dibuat,
yaitu website Company Profile Toko Mas King, dimana terdapat beberapa tahapan yaitu
sebagai berikut.

3.1 Motodologi Pembangunan Aplikasi

Dalam membangun aplikasi mempergunakan model proses berupa prototype.

Model proses ini merupakan model proses yang banyak digunakan didalam Software
Engineering. Model proses prototype adalah model proses pembangunan perangkat lunak
yang pengembangannya dilakukan dengan cara saling berinteraksi antara pengembang
dengan pelanggan.

Gambar 3. 1 Model Proses Prototype

Penjelasan tahapan model prototype meliputi :
1. Pengumpulan Kebutuhan
Developer dengan konsumen bersama-sama mendefinisikan format dan
kebutuhan seluruh perangkat lunak.
2. Membangun Prototyping

3-1
3-2

Membangun prototyping dengan membuat perancangan sementara yang berfokus pada

penyajian kepada pelanggan.

3. Evaluasi Prototyping
Evaluasi dilakukan terhadap prototyping yang sudah dibangun dilakukan oleh
konsumen.
4. Mengkodekan Sistem
Dalam tahap ini prototyping yang sudah disepakati diterjemahkan dalam bahasa
pemrograman yang sesuai dengan kesepakatan.
5. Menguji Sistem
Sistem harus di test terlebih dahulu sebelum digunakan, untuk menghindari kerusakan
diawal pemakaian.
6. Evaluasi Sistem
Konsumen mengevaluasi system yang akan digunakan apakah sudah sesuai dengan
kebutuhan atau belum.
7. Menggunakan Sistem
Perangkat lunak yang telah diuji dan diterima oleh konsumen yang siap untuk
digunakan.

3.2 Software Requirement Spesification

Software Requirement Spesification (SRS) adalah dokumen yang menjelaskan tentang
berbagai kebutuhan yang harus dioenuhi oleh suatu software. Berikut ini merupakan software
requirement specification untuk Website yang akan dibangun:

Tabel 3. 1 Software Requirement Spesification

No ID Requirement Deskripsi

1 SRS01 Aplikasi dapat mengelola informasi mengenai perushaan

seperti create, update, read dan delete

2 SRS02 Aplikasi dapat mengelola produk perusahaan seperti create,

read, update dan delete.

3 SRS03 Aplikasi dapat menampilkan katalog produk berdasarkan

kategori yang dipilih

4 SRS04 Aplikasi dapat mencari produk sesuai masukan dari user

 3-3

3.3 Prilaku Proses Bisnis

Gambar 3. 2 Model Business Use Case

Dalam proses bisnis ini terdapat aktor customer yang berperan sebagai aktor eksternal
dimana customer mendapatkan informasi mengenai perusahaan sepeti sejarah, kontak yang
bisa dihubungi, alamat, dan produk yang ditawarkan pada perusahaan.

3.4 Activity Diagram

Customer Pelayan Toko

Datang Ke Toko
Mas King

Mencari Produk Mengambil Produk

Yang Diinginkan sesuai pilihan

menjelaskan
informasi produk

Gambar 3. 3 Activity Diagram Mencari Produk Di Toko Fisik

Gambar 3.4.1 merupakan activity diagram mencari produk dari Toko Mas King, diagram ini
menggambarkan alur aktivitas customer mencari produk pada toko fisik. Dimana customer
harus mendatangi secara langsung ke tokonya.
3-4

Customer Sistem

Membuka Web Menampilkan Halaman

Toko Mas King Utama Website

Mencari Produk
Perhiasan

Menampilkan Detail
Informasi Produk

Gambar 3. 4 Activity Diagram Mencari Produk Di Sistem

Gambar 3. 4 merupakan activity diagram pencarian produk di website Toko Mas King,
Diagram ini menggambarkan alur aktifitas dari customer mencari produk di website Toko Mas
King dan menampilkan informasi produk secara rinci.

3.5 Model Use Case

Model use case adalah model yang menggambarkan kerbutuhan fungsional perangkat lunak yang di
gambarkan dalam bentuk use-case.

Use Case Diagram

Gambar 3. 5 Use Case DIagram Admin

Penjelasan
 3-5

Gambar 3. 5 menggambarkan diagram use-case dengan aktor admin yang dapat

melakukan pengelolaan informasi produk, pengelolaan katalog produk dan
pengelolaan informasi perusahaan

Use Case Diagram

Gambar 3. 6 Use Case DIagram Customer

Penjelasan
3-6

Gambar 3. 6 menggambarkan diagram use-case dengan aktor Customer yang dapat

melakukan Melihat produk, Mencari Produk, Melihat Detail Produk dan melihat
informasi perusahaan

3.7 Deskripsi Use Case

Pada bagian ini menjelaskan tentang deskripsi dari use case yang terdapat pada use case
diagram.

Tabel 3. 2 Deskripsi Use Case

No Aktor Deskripsi

1 Pengelolaan Pengelolaan Informasi Perusahaan adalah use case yang 3.

informasi perusahaan berfungsi untuk membuat, melihat, mengubah dan
menghapus informasi perusahaan.

2 Pengelolaan Pengelolaan Informasi Produk adalah use case yang

Informasi Produk berfungsi untuk membuat, melihat, mengubah dan
menghapus deskripsi detail dari setiap produk

3 Pengelolaan Katalog Pengelolaan produk adalah use case yang berfungsi

Produk untuk membuat, melihat, mengubah dan menghapus
Katalog Produk

4 Melihat Produk Melihat Produk adalah use case yang berfungsi untuk
menampilkan daftar produk yang ada di Website
Comopany Profile Toko Mas King

5 Mencari Produk Mencari Produk adalah use case yang berfungsi untuk
mencari dan menampilkan produk yang dicari oleh
customer

6 Melihat Detail Melihat Detail Produk adalah use case yang berfungsi
Produk untuk menampilkan semua deskripsi tentang produk
yang dipilih

7 Melihat Informasi Melihat Informasi Perusahaan adalah use case yang

Perusahaan berfungsi untuk menampilkan informasi seputar
perusahaan seperti kontak perusahaan, alamat, dan
lainnya

8 Skenario Use Case

Pada Skenario Use Case ini menggambarkan aksi user dan reaksi sistem yang
direpresentasikan dengan menggunakan tabel.

3.9 Perancangan Antarmuka

Perancangan antar muka merupakan suatu rancangan tampilan perangakat lunak.
Berikut ini merupakan rancangan antar pada website Company Profile Toko Mas king:
 3-7

Aksi User Reaksi Sistem

1. Admin menekan tombol

2. Sistem menampilkan halaman Product
Product
3. Admin menekan tombol 4. Sistem menampilkan halaman isian
edit informasi produk
5. Admin melakukan
update pada kolom isian 6. Kolom isian informasi terganti
produk
7. Admin menekan tombol 8. Sistem menyimpan modifikasi informasi
Update produk

Varian 1D Delete

Aksi User Reaksi Sistem

1. Admin menekan tombol

2. Sistem menampilkan halaman Product
Product
3. Admin menekan tombol
4. Sistem menghapus produk
delete
Exception:

1A. Create:

- Judul belum terisi

- Deskripsi belum terisi

- Product Price belum terisi

1C. Update:

- Judul belum terisi

- Deskripsi belum terisi

- Product Price belum terisi

Aksi User Reaksi Sistem

1. Admin menekan tombol

2. Sistem menampilkan halaman Product
Product
3. Admin menekan tombol
4. Sistem menampilkan halaman Department
Department
5. Admin menekan tombol 6. Sistem menampilkan halaman isian
edit informasi produk
7. Admin melakukan
update pada kolom 8. Kolom nama department terisi
nama department
9. Admin menekan tombol 10. Sistem menyimpan modifikasi nama
Update department
3-8

Varian 1D Delete

Aksi User Reaksi Sistem

1. Admin menekan tombol

2. Sistem menampilkan halaman Product
Product
3. Admin menekan tombol
4. Sistem menghapus produk
delete
Exception:

1A. Create:

- Judul belum terisi

- Deskripsi belum terisi

- Product Price belum terisi

1C. Update:

- Judul belum terisi

- Deskripsi belum terisi

- Product Price belum terisi

Gambar 3. 7 Perancangan Antar Muka Halaman Utama

 3-9

Gambar 3. 8 Perancangan Antar Muka Halaman Katalog

3-10

Gambar 3. 9 Perancangan Antar Muka Detail Produk

Gambar 3. 10 Perancangan Antar Muka Informasi Perusahaan

 BAB 4

IMPLEMENTASI

Pembangunan aplikasi memiliki beberapa kebutuhan meliputi kebutuhan perangkat

keras, perangkat lunak dan lingkungan pembangunan. Untuk pembangunan website ini, tools
yang di gunakan sebagai berikut:

1. CMS Wordpress 4.9.1 adalah alat blogging gratis dan open source menjalankan
sistem manajemen konten (CMS) dengan berbasis PHP dan database MySQL, yang
berjalan pada layanan web hosting.
2. Plugin wordpress yang di butuhkan untuk mendukung fungsionalitas pada website.
3. XAMPP yang didalam tools tersebut terdapat Apache yang digunakan untuk local
server yang mendukung bashasa pemrograman PHP, MySQL digunakan sebagai
database management.

Adapun secara lengkap uraian kebutuhan pengembangan dituliskan pada beberapa poin
selanjutnya.

4.1 Kebutuhan Perangkat Keras

Untuk mengelola website pendidikan dan pengajaran (DIKJAR), dibutuhkan hardware
(perangkat keras) dengan spesifikasi sebagai berikut agar website yang telah dibagung dapat
dikelola dengan baik. Sepsifikasi hardware yang dibutuhkan sebagai berikut:

Tabel 4. 1 Kebutuhan Perangkat Keras

No Nama Perangkat Spesifikasi
Keras

1 Laptop  Intel Pentium 4 processor

 350MB of free disk space
 512MB of RAM

4.2 Kebutuhan Perangkat Lunak

Adapun spesifikasi minimal software (perangkat lunak) untuk mendukung aplikasi

agar dapat berjalan dengan lancar, berikut spesifikasi minimal software yang digunakan dalam
pembangunan website company profile Toko Mas King.

Tabel 4. 2 Kebutuhan perangkat lunak

No Kategori Software Nama Software

1 Sistem Operasi Microsoft Windows XP

Professional SP3 / Vista SP1 /

4-1
4-2

No Kategori Software Nama Software

Windows 7 Professional /
Ubuntu 9.10 / Macintosh OS X
10.6 Intel

2 Text Editor Sublime Text 3

4.3 Kebutuhan Perangkat Lunak Pada Server

Adapun Spesifikasi minimal perangkat lunak pada server domain untuk mendukung
aplikasi agar dapat berjalan dengan lancer adalah sebagai berikut :

Tabel 4. 3 Kebutuhan Perangkat Lunak Pada Server

No Kategori Perangkat Lunak Nama Perangkat Lunak

1 Sistem Operasi Windows 10 Home

2 Web Server Apache

3 Database MySQL

4.4 Lingkup Pembangunan

Dalam lingkup pembangunan aplikasi ini menggunakan beberapa tools yang

digunakan, diantaranya sebagai berikut:

1. Wordpress

WordPress adalah sebuah aplikasi (open source) yang sangat popular

digunakan sebagai mesin blog (blog engine). WordPress dibangun dengan bahasa
pemrograman PHP dan basis data (database) MySQL. Selain sebagai blog,
WordPress juga mulai digunakan sebagai sebuah CMS (Content Management
System) karena kemampuannya untuk dimodifikasi dan disesuaikan dengan
kebutuhan penggunanya.

2. MySQL

MySQL adalah sebuah perangkat lunak system manajemen basis data SQL
(DBMS) yang multithread, dan multi-user. MySQL adalah implementasi dari
system manajemen basisdata relasional (RDBMS). MySQL dibuah oleh TcX dan
telah dipercaya mengelola system dengan 40 buah database berisi 10.000 tabel
dan 500 di antaranya memiliki 7 juta baris.
 4-3

4.5 Implementasi Antarmuka

Hasil perancangan antarmuka aplikasi diimplementasikan dalam beberapa frame
tampilan. Berikut ini merupakan beberapa screenshoot tampilan Website Company Profile
Toko Mas King:

Gambar 4. 1 Halaman Dashnoard Admin

Gambar diatas merupakan tampilan admin pada website company profile Toko Mas King,
halaman admin tersebut sudah disediakan oleh wordpress untuk memudahkan pengguna
mengelola konten
4-4

Gambar 4. 2 Halaman Utama Website

Gambar diatas merupakan tampilan Halaman Utama dari Website Company Profile Toko Mas
King. Tampilan tersebut mempunyai beberapa Informasi produk terbaru yang ditambahkan
oleh perusahaan.

Gambar 4. 3 Tampilan Katalog Produk

Gambar diatas merupakan tampilan katalog seluruh produk yang telah ditambahkan, bisa juga
di tampilkan menurut kategori yang dipilih oleh customer. Contoh gambar diatas menampilkan
produk dengan kategori Cincin.
 4-5

Gambar 4. 4 Tampilan Detail Produk

Gambar diatas merupakan tampilan Halaman Detail dari produk, terdapat beberapa informasi
seperti Harga, Deskripsi produk dan Kategori produknya.

Gambar 4. 5 Tampilan Halaman Informasi Perusahaan

Gambar diatas merupakan tampilan Halaman informasi perusahaan, halaman informasi
perusahaan merupakan informasi yang statis. Contoh dari menu halaman informasi perusahaan
yaitu Tentang Kami, Hubungi Kami, Cara Pemesanan dan lainnya. Halaman informasi juga
bisa ditambah sesuai dengan kebutuhan dari perusahaan.
 BAB 5
Kesimpulan Dan Saran

Pada bab ini menjelaskan tentang kesimpulan dari pembangunan Website Company
Profile Toko Mas King dan disertakan juga saran dari rekomendasi penerapan sistem yang
telah dibuat untuk Toko Mas King.

4.1. Kesimpulan
Kesimpulan yang dapat diambil setelah melalui proses Pembangunan Website
Company Profile ini adalah sebagai berikut :

1. Website tersebut dibangun menggunakan CMS Wordpress, Kelebihan wordpress

antara lain yaitu open source, mudah untuk di customize, banyak plugin untuk
mendukung penuh kebutuhan user, mempercepat pembangunan website karena tidak
perlu membuat fitur yang dibutuhkan dari awal.
2. Dengan adanya Website Company Profile Toko Mas King ini, dapat memperluas
pemasaran yang lebih luas.
3. Dengan adanya katalog produk, Customer tidak perlu datang ke toko fisik untuk
melihat informasi produk yang tersedia.
4. Customer dapat melihat informasi seputar perusahaan seperti kontak yang bisa
dihubungi, alamat toko dan yang lainnya.
5. Perusahaan bisa menambahkan informasi seputar perhiasan yang dapat menarik minat
Customer

4.2. Saran
Berikut ini merupakan saran yang dapat diberikan terkait dengan penerapan sistem
dan atau penerapan aplikasi yang telah dibangun.
1. Adanya admin yang mengelola content website secara rutin.
2. Untuk dapat menjalankan aplikasi ini direkomendasikan untuk memenuhi
kebutuhan sebagai berikut.
a) Browser yang digunakan sebaiknya Chrome.
b) Spesifikasi computer minimum Core i3 dan RAM minimal 4GB

5-1
 DAFTAR PUSTAKA

[ISL01] Islam, Azam Hizbul, Pembuatan Website DIKJAR, -, 2016.

[AQ01] Al Qudsi, Mochamad Jihad, Pembangunan Aplikasi Sms Gateway Berbasis Web
Untuk Toko Mas King Menggunakan Framework Codeigniter Dan Bootstrap, -, 2017
[PRE10] Pressman, R.S. (2010), Software Engineering : a practitioner’s approach, McGraw-Hill,
New York, 68.