LAPORAN PERAKTIK KERJA LAPANGAN

RANCANG BANGUN WEBSITE COMPANY PROFILE PADA

PEUSAHAAN RADEN CREATIVE

Disusun oleh :
Nama : Muhammad Habibillah
NIM : 19.48.55.057

PROGRAM STUDI TEKNIK INFORMATIKA

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER
STMIK SYAIKH ZAINUDDIN NW ANJANI
2022
 LEMBAR PENGESAHAN

RANCANG BANGUN WEBSITE COMPANY PROFILE PADA

PERUSAHAAN RADEN CREATIVE

Laporan Praktik Kerja Lapangan ini telah di sidangkan pada :

Hari, tanggal :
Tempat : STMIK SYAIKH ZAINUDDIN NW ANJANI

Menyetujui/mengesahkan:

Anjani, ………………………….2022
Ketua Program Studi, Dosen Pembimbing,

Lalu Puji Indra Karisma, S.Kom.,M.Cs. Yudi Sutaryana, S.Kom.,M.Kom.

NIDN : 0819059001 NIDN : 0814028604

Mengetahui :
STMIK SYAIKH ZAINUDDIN NW ANJANI
Ketua,

H. LL. G. Muhammad Khairul Fatihin, S.Kom.I., MM

NUP. 9908431668

i
 PERNYATAAN

Dengan ini saya menyatakan bahwa Laporan Praktik Kerja Lapangan dengan
judul “RANCANG BANGUN WEBSITE COMPANY PROFILE PADA
PERUSAHAAN RADEN CREATIVE” ini beserta isinya adalah benar-benar
karya saya sendiri, dan saya tidak melakukan penjiplakan atau pengutipan dengan
cara-cara yang tidak sesuai dengan etika keilmuan yang berlaku dalam masyarakat
keilmuan. Atas pernyataan ini, saya siap menanggung resiko/sanksi yang
dijatuhkan kepada saya apabila kemudian ditemukan adanya pelanggaran terhadap
etika keilmuan dalam karya saya ini, atau ada klaim dari pihak lain terhadap
keaslian karya saya ini.

Anjani,…………………..…2022
Yang membuat pernyataan

MUHAMMAD HABIBILLAH
NIM : 194855057
 KATA PENGANTAR

Puji syukur kepada Allah SWT yang telah memberi petunjuk dan
hidayahnya sehingga penulis dapat menyelesaikan Laporan Praktik Kerja
Lapangan ini dengan judul “RANCANG BANGUN WEBSITE COMPANY
PROFILE PADA PERUSAHAAN RADEN CREATIVE”. Dengan selesainya
karya tulis ini, penulis mengucapkan terima kasih yang tak terhingga khususnya
kepada dosen pembimbing yang dalam hal ini adalah dosen saya yakni Yudi
Sutaryana S.Kom.,M.Kom yang senantiasa membimbing saya dalam proses
menyelesaikan laporan praktik kerja lapangan ini sehingga dapat selesai tepat
waktu.

Penulis membuka diri untuk segala saran dan kritik yang membangun
guna perbaikan di masa yang akan datang. Semoga Laporan Praktik Kerja
Lapangan ini dapat memberikan manfaat dan kontribusi bagi para mahasiswa
perguruan tinggi khususnya mahasiswa dan tenaga pengajar STMIK Syaikh
Zainuddin NW Anjani maupun bagi bangsa indonesia.

Anjani, _______ 2022

 DAFTAR ISI

LEMBAR PENGESAHAN......................................................................................i
PERNYATAAN......................................................................................................ii
KATA PENGANTAR............................................................................................iii
DAFTAR ISI...........................................................................................................iv
DAFTAR TABEL...................................................................................................vi
DAFTAR GAMBAR.............................................................................................vii
BAB I PENDAHULUAN.......................................................................................1
A. Latar Belakang..........................................................................................1
B. Rumusan Masalah.....................................................................................2
C. Alasan Pemilihan Judul.............................................................................2
D. Ruang Lingkup..........................................................................................3
E. Tujuan dan Manfaat...................................................................................2
F. Sistematika Penulisan................................................................................3
BAB II HASIL PELAKSANAAN PKL..................................................................5
A. Lokasi/Tempat PKL..................................................................................5
B. Pengumpulan Data....................................................................................6
C. Analisa Terhadap Sistem/Prosedur yang Berjalan....................................7
D. Hasil Temuan/Permasalahan.....................................................................7
E. Kendala-Kendala yang Dihadapi selama PKL..........................................7
BAB III USULAN SOLUSI PEMECAHAN MASALAH......................................8
A. Usulan Organisasi......................................................................................8
B. Usulan Hadware/Software.........................................................................8
C. Usulan Tenaga Kerja...............................................................................13
D. Usulan Sistem Baru.................................................................................14
E. Perancangan interface..............................................................................23
BAB IV IMPLEMENTASI DAN PEMBAHASAN.............................................25
A. Analisis Pemilihan Perangkat Lunak......................................................25
B. Spesifikasi Perangkat Keras....................................................................25
 C. Tampilan Program...................................................................................26
BAB V PENUTUP.................................................................................................33
A. Kesimpulan..............................................................................................33
B. Saran........................................................................................................33
DAFTAR PUSTAKA............................................................................................34
 DAFTAR TABEL

1. Tabel Spesifikasi Prangkat Keras……………………………….9

2. Tabel Halaman Admin…………………………………………21
3. Tabel Visi Misi…………………………………………………21
4. Tabel Pesan……………………………………………………..22
5. Tabel Contact…………………………………………………..22
 DAFTAR GAMBAR

1. Gambar System Flow Pengunnjung………………………………… 15

2. Gambar System Flow Matanance Data……………………………… 16
3. Gambar Context Diagram…………………………………………… 17
4. Gambar Data Flow Diagram………………………………………… 18
5. Gambar Conceptual Data Model……………………………………. 19
6. Gambar Pysical Data Model………………………………………… 20
7. Gambar Tampilan Home……………………………………………. 23
8. Gambar Tampilan About……………………………………………. 24
9. Gambar Tampilan Home……………………………………………. 26
10. Gambar Tampiilan About…………………………………………… 27
11. Gambar Tampilan Contact………………………………………….. 27
12. Gambar Tampilan Product………………………………………….. 28
13. Gambar Tampilan Login Admin……………………………………. 28
14. Gambar Tampilan Admin Input Product Category…………………... 29
15. Gambar Tampilan Admin Edit Product…………………………….... 29
16. Gambar Tampilan Admin Edit Tentang Perusahaan………………… 30
17. Gambar Tampilan Admin Input User…………………………………30
18. Gambar Tampilan Admin Edit User…………………………………. 30
19. Gambar Tampilan Admin View & Delete Product Category………... 31
20. Gambar Tampiplan Admin View & Delete User…………………….. 31
21. Gambar Tampilan Admin View About………………………………. 32
22. Gambar Tampilan Admin View & Delete Messages………………….32
 BAB I
PENDAHULUAN

A. Latar Belakang Masalah

Raden Creative merupakan perusahaan yang bergerak dibidang

percetakan, sablon dan penjualan barang tertentu yang beralamat di Dusun
Bagik Payung Kecamatan Suralaga Lombok Timur . Dalam proses
pemasaran produk, Raden Creative masih menggunakan cara lama yaitu
dengan menyebar brosur, undangan, maupun pengumuman. Seiring
berkembangnya teknologi informasi, hal ini tentu saja menjadi kurang
efektif karena teknologi informasi sudah banyak dimanfaatkan oleh
distributor lain untuk mendukung proses bisnisnya.
Pada era ini sangat perlu dipertimbangkan dalam pemanfaatan
dan pengembangan teknologi informasi yaitu internet, untuk melakukan
kegiatan proses bisnis. Salah satu keuntungan dari penggunaan internet
adalah memberikan cakupan pasar yang tidak lagi dibatasi oleh jarak,
waktu, dan ruang, tetapi sudah bersifat global dengan cakupan lokal,
nasional bahkan internasional.
Oleh karena itu, untuk dapat mengikuti perkembangan pesatnya
teknologi informasi dan memenuhi harapan dari Raden Creative. Penulis
membangun sebuah website company profile untuk Raden Creative yang
memiliki content tentang profil usaha, visi misi, dan informasi produk.
Diharapkan dengan adanya website ini, dapat membuat customer lebih
mengenal tentang produk yang dimiliki dan dapat membantu Raden
Creative dalam memasarkan produknya.
B. Perumusan Masalah

Berdasarkan uraian latar belakang di atas, maka dapat

dirumuskan permasalahan yaitu bagaimana merancang bangun website
company profile pada Raden Creative sebagai media pemasaran produk.

C. Alasan Pemilihan Judul

Ada beberapa alasan yang mendorong penulis tertarik untuk

memilih judul Laporan Praktik Kerja Lapangan ”WEBSITE COMPANY
PROFILE PADA PERUSAHAAN RADEN CREATIVE” yaitu;

1. Penulis menggunakan judul ini sesuai dengan kondisi serta penyelesaian

atas masalah yang ada pada tempat praktek kerja.
2. Penulis memilih judul ini supaya Adanya kesesuaian antara judul dengan
isi yang ada dalam Laporan Praktik Kerja Lapangan ini.
3. Judul dipilih sesuai dengan permintaan manajer tempat praktek kerja
serta salah satu solusi atas masalah yang ada.

D. Ruang Lingkup

Ruang lingkup dari penulisan Laporan Praktek Kerja Lapangan ini

adalah mencakup aspek tentang bagaimana mengatasi masalah proses
transaksi yang lebih baik dengan metode yang lebih efektif serta bagaimana
pemilik toko mengetahui hasil rekapan pemasukan melalui daftar transaksi
dikomputer.

E. Tujuan dan Manfaat

Tujuan dari kerja praktek ini adalah membuat company profile

berbasis web yang menampilkan informasi profil Raden Creative, visi,
misi, dan informasi produk di Raden Creative
Adapun manfaat dari merancang company profile berbasis web
Raden Creative ini adalah sebagai berikut :
1. Bagi penulis :
Mendapatkan pengalaman di dunia kerja dalam bidang teknologi
informasi.
2. Bagi Raden Creative:
Mempermudah proses pemasaran dan customer lebih mengetahui
produk yang ada di Raden Creative

F. Sistematika Penulisan

Sistematika penulisan yang dugunakan dalam menyusun laporan

tugas akhir ini bentuk bab. Setiap bab akan dijelaskan dalam beberapa sub
bab. Berikut ini adalah penjelasan dari setiap bab yang ada dalam
penulisan laporan.

BAB I : PENDAHULUAN

Bab ini menjelaskan tentang latar belakang masalah, kemudian

membahas inti dari permasalahan yang disebutkan pada perumusan
masalah, dan pembatasan masalah yang menjelaskan tentang batasan-
batasan dari aplikasi yang dibuat agar tidak menyimpang dari ketentuan
yang ditetapkan. Berdasarkan rumusan masalah dan batasan masalah
disusun tujuan dan manfaat dari merancang dan membangun aplikasi
simpan pinjam. Bab ini juga menjelaskan manfaat yang dapat diberikan
dari pembuatan aplikasi. Pada akhir bab dijelaskan tentang sistematika
penulisan laporan penelitian.

BAB II : HASIL PELAKSANAAN PKL

Pembahsannya berkaitan dengan lokasi/tempat PKL,pengumpulan

data,analisa terhadap system prosedur yang berjalan,hasil
temuan/permasalahan,kendala-kendala yang di hadapi selama PKL dan
solusi pemecahan masalah
BAB III : USULAN SOLUSI PEMECAHAN MASALAH

Pembahasan berkaitan dengan usulan organisasi, usulan

hardware/software, usulan tenaga kerja, usulan sistem baru, gambaran
sistem usulan, serta perancangan output data.

BAB IV : IMPLEMENTASI DAN PEMBAHASAN

Pada bab ini di bahas tentang analisa pemilihan perangkat lunak

dan sfesifikasi perangkat keras, tampilan program atau hasil rancangan
program serta penjelasan masing-masing tampilan.

BAB V : PENUTUP

Bab terakhir dari penulisan laporan ini. Kesimpulan menjelaskan

hasil dari evaluasi aplikasi, sedangkan saran menjelaskan tentang
masukan terhadap aplikasi untuk pengembangan lebih lanjut.
 BAB II
HASIL PELAKSANAAN PKL

A. Lokasi/Tempat PKL

Raden Creative yang berlokasi di desa Bagik Payung Kecamatan

Suralaga, merupakan salah satu prusahaan swasta yang beregerak dalam
berbagai bidang jasa, mulai dari bidang jasa pemasangan later timbul,
cetak photo, desain baner, sticker, plank, neon box, video weding hingga
jasa sablon dan berbagai hal lainnya sesuai pemesanan, Raden Creative
ini dirintis oleh salah seorang sarjana strata satu alumni salah satu
perguruan tinggi di Lombok Timur oleh bapak yang akrab dengan
panggilan enunk sejak tahun 2014 hingga sekarang, dan masih eksis
menjalani salah satu bisnis ini.
Raden Creative sendiri hanya memiliki 2 karyawan,1
pemimpinnya dan adapun tempat produksi sekaligus kantornya bertempat
disalah satu kamar rumahnya. Adapun jam kerja Raden Creative tidak
mempunyai aturan tetap yakni setiap hari alias 24 jam sesuai jumlah
pemesanan dan waktu batas pemesanan yang diminta oleh client nya.
Fasilitas pada Raden creative sudah dilengkap berbagai alat sehingga
proses percetakan maupun desainan produk dapat dilaksanakan dengan
lancar, selain itu kepengurusan di Raden creative telah dipegang penuh
oleh oleh pemilik usaha sehingga dapat mengurangi resiko-resiko yang
terjadi. Proses transaksi dengan cara membayar cash dan kredit yang
dapat dibayar dengan depe dan dibayar full ketika pesanan sudah jadi.
Media promosi usaha ini yakni tentunya via media sosial maupun dari
hasil pemesanan client nya alias promosi berjalan.
B. Pengumpulan Data

Salah satu komponen yang penting dalam penelitian adalah proses

penulis atau peneliti dalam pengumpulan data. Kesalahan yang dilakukan
dalam proses pengumpulan data akan membuat proses analisis menjadi
sulit. Selain itu hasil kesimpulan yang akan di dapat pun akan menjadi
rancau apabila pengumpulan data dilakukan dengan tidak benar.

Tehnik pengumpulan data dilakukan untuk mendapatkan suatu

informasi yang dibutuhkan dalam mencapai tujuan penelitian. Dalam
penyusunan laporan ini,penulis mengambil obyek penelitian di Raden
Creative yang berlokasi di Desa Bagek Payung Kecamatan Suralaga
Kabupaten Lombok Timur. Pengumpulan Data dalam penelitian di Raden
Creative menggunakan beberapa teknik diantaranya yaitu:

1) Interview (Wawancara)
Wawancara merupakan salah satu teknik Pengumpulan Data yang
dilakukan secara lisan atau dengan cara tatap muka secara langsung
dengan narasumber,dengan mengajukan beberapa pertanyaan. Penulis
melakuakan wawancara dengan pemilik sekaligus manager dari Raden
Creative. Metode ini digunakan untuk memperkuat alasan penelitian yaitu
untuk mendapatkan data-data yang mungkin tidak bisa didapatkan melalui
metode pengumpulan data yang lainnya.

2) Observasi (Penelitian)

Dalam metode ini penulis melakukan pengamatan secara langsung

untuk memperoleh data dan meneliti tentang apa yang menjadi
permasalahan yang berkaitan dengan proses kerja di Raden Creative.

3) Dokumentasi

Dokumntasi merupakan salah satu teknik Pengumpulan Data

dengan cara melihat langsung sumber-sumber dokumen yang terkait. Studi
dokumentasi adalah jenis pengumpulan data yang meneliti berbagai
macam dokumen yang berguna untuk bahan penelitian. Penulis
mengartikan bahwa studi dokumetasi sebagai pengambilan data melalui
dokumen tertulis maupun elektronik.

C. Analisa Terhadap Sistem/Prosedur yang Berjalan

Di Studio Raden Creative penulis mengamati sistem atau prosedur

yang berjalan di perusahaan tersebut.

Dalam proses pengenalan produk, Raden Creative masih

menggunakan cara lama yaitu dengan menyebar brosur, undangan,
maupun pengumuman. Seiring berkembangnya teknologi informasi, hal
ini tentu saja menjadi kurang efektif karena teknologi informasi sudah
banyak dimanfaatkan oleh distributor lain untuk mendukung proses
bisnisnya.

D. Hasil Temuan/Permasalahan

Berdasarkan hasil system/prosedur yang berjalan di Raden

Creative,Penulis menemukan beberapa masalah yang timbul dan
kelemahan yang di hadapi khususnya pada pemasaran yang digunakan di
kantor.

E. Kendala-kendala yang dihadapi saat PKL

Dalam melaksanakan kegiatan PKL,penulis tidak terlepas dari

berbagai macam kesulitan,adapun kendala-kendala yang dihadapi
diantaranya adalah :

Selama melaksanakan Praktek kerja lapangan tidak terlalu

ditemukan kendala-kendala yang terlalu memberatkan, seperti jauhnya
lokasi/tempat PKL dari tempat tinggal dan kurangnya data yang valid untu
krefrensi laporan Praktik Kerja Lapangan.
 BAB III

USULAN SOLUSI PEMECAHAN MASALAH

A. Usulan Organisasi

Setelah sekian lama melakukan pengamatan dan penelitian di

Studio Raden Creative yang mana system maupun metode pemasaran
atau pengenalan produk masih menggunakan cara lama lama yaitu
dengan menyebar brosur, undangan, maupun pengumuman. Seiring
berkembangnya teknologi informasi, hal ini tentu saja menjadi kurang
efektif karena teknologi informasi sudah banyak dimanfaatkan oleh
distributor lain untuk mendukung proses bisnisnya.
Studio Raden Creative meminta program website Company Profile, yang
dapat membantu memberikan informasi kepada customer yang belum
mengetahui produk-produk dari raden creative.
Sehubungan dengan kegiatan Praktik Kerja Lapangan (PKL) yang
di laksanakan di Prusahaan Raden Creative, yaitu memberikan usulan
atau masukan kepada instansi terkait untuk membuat Rancang bangun
website company profile supaya customer mudah dalam memilih produk
dan jasa dalam perusahaan tersebut.
Company Profile sangatlah penting untuk dimiliki oleh
perusahaan maupun personal, dikarenakan company profile ini sebagai
media untuk mengenalkan perusahaan atau personal sehingga bisa
dikenal. Bentuk company Profile itu bisa video, CD interaktif, flash dan
lain sebagainya

B. Usulan Hardware/Software

Setiap sistem mestinya memiliki perangkat penunjang agar sistem

tersebut dapat berjalan sebagaimana mestinya. Untuk itu, agar
memperoleh hasil dan tujuan yang diharapkan, maka diusulkam hardware
dan software yang akan menjadi penunjang dalam menjalankan sistem
ini.

1. Perangkat Keras (Hardware)

Menurut Purwono E.(2004) perangkat keras adalah semua

perlengkapan fisik (bisa dilihat), terdiri dari perangkat masukan dan
keluaran komunikasi (modem), yang digunakan untuk melaksanakan
bermacam-macam fungsi dan seluruh kegiatan pengolah data. Perangkat
Keras (Hardware) merupakan komponen fisik dalam rangkaian
komputer. Adapun hardware yang dibutuhkan diantaranya :
a. Personal Computer (PC)
Merupakan perangkat yang paling utama sebagai tempat instalasi
software bahasa pemrograman yang digunakan, instalasi software
penyimpanan data (database) sehingga data terorganisir dan
terstruktur dengan baik.

Tabel 1. Spesifikasi Perangkat Keras

Merek X (Bebas)

Processor Minimal Intel Core recomended intel Core i3

System operasi X (bebas)

RAM Minimal 2 GB recommended 4 GB

Hard Drive Minimal 500 GB

b. Printer (pencetak)
Pencetak adalah perangkat pendukung yang berfungsi sebagai
alat untuk mencetak hasil dari apa yang diproses oleh komputer atau
dengan kata lain untuk mencetak laporan dari hasil sistem aplikasi
yang dikelola.
c. UPS (Uninteruptible Power Supply)
UPS berfungsi untuk menetralisir tegangan arus listrik serta
dapat menyimpan sementara arus listrik ketika listrik padam. Jadi
komputer yang sedang dalam keadaan hidup, tidak akan cepat rusak
baik hardisknya maupun komponen lainnya, kerusakan pada hardisk
yang disebabkan oleh pemberhentian gerak putarnya secara paksa
(tidak melalui intruksi) biasa disebut dengan istiah badsector.

2. Perangkat Lunak (SoftWare)

Perangkat Keras komputer tanpa didukung dengan perangkat

lunak (software) tidak akan bisa berjalan optimal. Software atau
perangkat lunak adalah perangkat tidak berwujud namun dapat
dioperasikan dan berupa sekumpulan intruksi atau perintah dengan
menggunakan bahasa pemrograman tertentu untuk mengaktifkan
fungsinya dari perangkat keras sebuah komputer.
Software juga dapat berarti media bantuan untuk menyelesaikan
sesuatu dengan cepat. Adapun software yang dibutuhkan antara lain
yaitu:

a. Internet
Menurut (Greenlaw & Hepp, 2002) Internet adalah sebuah
jaringan komputer yang sangat besar, yang menjangkau seluruh
kawasan di dunia, mengedarkan jutaan surat elektronik setiap harinya,
dan bagaikan jalan tanpa hambatan bagi info-info yang dapat dilihat.
Internet juga merupakan sebuah tempat dimana orang dapat
berkomunikasi antara yang satu dengan yang lain, saling berbagi dan
bertukar pikiran ide-ide yang ada. Lebih dari itu semua, internet
adalah sebuah bentuk komunitas dari sekian banyak orang yang
menggunakannya untuk menjelajahi persamaan dan perbedaan
 mereka melalui tulisan tertulis. Jadi, internet dapat diartikan secara
lebih sederhana sebagai sistem jaringan komputer secara global yang
terjaring dengan pengguna komputer dan data-data mereka.

b. WEB
Menurut (Rudianto, 2011) Web adalah salah satu aplikasi
yang berisikan dokumen-dokumen multimedia (teks, gambar, animasi,
video) didalamnya yang menggunakan protokol HTTP (Hypertext
Transfer Protocol) dan untuk mengaksesnya menggunakan perangkat
lunak yang disebut browser.

c. Website
Menurut (Yuhefizar & Hidayat, 2009) Website adalah
keseluruhan halaman-halaman web yang terdapat dalam sebuah
domain yang mengandung informasi. Sebuah website biasanya
dibangun atas banyak halaman web yang saling berhubungan. Selain
itu, website dapat juga digunakan sebagai alat promosi, tetapi bukan
sebagai alat promosi pertama. Kelebihan website dibandingkan
dengan media cetak maupun elektronik adalah kelengkapan informasi
yang disajikan dengan biaya yang relatif murah. Kekurangannya
adalah produk yang ditampilkan serta pasar yang dituju lebih
segmented (terpusat pada kalangan/kelompok konsumen tertentu).
Oleh karena itu, harus memanfaatkan kekurangannya menjadi Strong
Point dalam pemasaran.

d. Hypertext Markup Language

Menurut (Kustiyahningsih, 2011), “HTML kependekan
Hyper Text Markup Language. Dokumen HTML adalah text file
murni yang dapat dibuat dengan editor teks sembarang. Dokumen ini
dikenal sebagai web page. File-file HTML ini berisi instruksi-
instruksi yang kemudian diterjemahkan oleh browser yang ada di
 komputer client (user) sehingga isi informasinya dapat di tampilkan
secara visual di komputer pengguna”.

Menurut (Situmorang, 2010), “HTML (Hypertext Markup

Language) adalah bahasa standar yang digunakan untuk pembuatan
halaman web atau word wide web, dengan hypertext dan informasi
lain yang akan ditampilkan pada halaman web. Dokumen hypertext
bisa berisi teks, gambar, dan tipe informasi lain seperti data file,
audio, video, dan program executeable”.

Berdasarkan pendapat para ahli yang dikemukakan di atas

dapat ditarik kesimpulan bahwa HTML adalah HTML adalah bahasa
yang sangat tepat dipakai untuk menampilkan informasi pada halaman
web, karena HTML menampilkan informasi dalam bentuk hypertext
dan juga mendukung sekumpulan perintah yang dapat digunakan
untuk mengatur tampilnya informasi tersebut, sesuai dengan namanya,
bahasa ini menggunakan tanda (markup) untuk menandai perintah-
perintahnya.

e. PHP
Menurut (Betha, 2005) PHP Hypertext Preprocessor (PHP)
adalah bahasa pemrograman scripting sisi server (server-side), bahasa
pemrograman yang digunakan oleh server web untuk menghasilkan
dokumen Hypertext Markup Languange (HTML).
Menurut (Kadir, 2008) PHP dirancang untuk membentuk aplikasi web
dinamis. Artinya, ia dapat membentuk suatu penampilan berdasarkan
permintaan terkini. Misalnya, bisa menampilkan database ke halaman
web. Pada prinsip PHP mempunyai fungsi yang sama dengan skrip-
skrip seperti Active Server Page (ASP), Cold Fusion , atau perl.
Namun, perlu diketahui bahwa PHP sebenarnya bisa dipakai secara
command line. Artinya, Skrip PHP dapat dijalankan tanpa melibatkan
web server maupun browser.
f. Database
Menurut (Marlinda, 2004) database adalah suatu
susunan/kumpulan data operasional lengkap dari suatu
organisasi/perusahaan yang diorganisir/dikelola dan disimpan secara
terintegrasi dengan menggunakan metode tertentu menggunakan
komputer sehingga mampu menyediakan informasi optimal yang
diperlukan pemakainya. Penyusunan satu database digunakan untuk
mengatasi masalah – masalah pada penyusunan data yaitu redundansi
dan inkonsistensi data, kesulitan pengaksesan data, isolasi data untuk
standarisasi, multiple user (banyak pemakai), security (masalah
keamanan), masalah intergrasi (kesatuan), dan masalah data
independence (kebebasan data)

g.Software Development Life Cycle (SDLC)

System Development Life Cycle (SDLC) adalah suatu
pendekatan yang memiliki tahap atau bertahap untuk melakukan
analisa dan membangun suatu rancangan sistem dengan menggunakan
siklus yang lebih spesifik terhadap kegiatan pengguna (Kendall &
Kendall, 2003). System Development Life Cycle (SDLC) atau Siklus
Hidup Pengembangan Sistem adalah proses perancangan sistem serta
metodologi yang digunakan untuk mengembangkan sistem-sistem
tersebut (Pressman, 2010).

C. Usulan Tenaga Kerja

Dalam menjalankan program Website company Profile ini tenaga

kerja yang dibutuhkan adalah seorang admin dan seorang operator, untuk
operator sendiri bisa memakai tenaga kerja yang sudah ada, namun untuk
admin di sarankan untuk memperkerjakan orang yang sudah pandai
dalam komputer atau setidaknya cukup tahu cara mengoprasikan
komputer dan database serta lumayan paham tentang cara kerja website.
D. Usulan Sistem Baru

Sistem dapat didefinisikan sebagai seperangkat elemen yang

digabungkan satu dengan lainnya untuk suatu tujuan bersama. Kumpulan
elemen terdiri dari manusia, mesin, prosedur, dokumen, data atau elemen
lain yang terorganisir dari elemen-elemen tersebut. Elemen sistem
disamping berhubungan satu sama lain, juga berhubungan dengan
lingkungannya untuk mencapai tujuan yang telah ditentukan sebelumnya.
Berikut beberapa definisi tentang sistem :
1. Gordon B. Davis ( 1984 ) :
“Sebuah sistem terdiri dari bagian-bagian yang saling berkaitan
yang beroperasi bersama untuk mencapai beberapa sasaran atau
maksud “
2. Raymond Mcleod (2001) :
“Sistem adalah himpunan dari unsur-unsur yang saling berkaitan
sehingga membentuk suatu kesatuan yang utuh dan terpadu “.
Berdasarkan analisis yang dilakukan penulis yang sebelumnya sudah
diuraikan di dalam latar belakang, dengan menimbang dan
memperhatikan semua kondisi yang ada, maka penulis mengusulkan
untuk mengembangkan sistem yang sedang berjalan yang terbilang
manual menjadi sistem yang lebih efektif dan efisien, dapat
memberikan kemudahan dalam proses pemasaran dan pengenalan
produk dan jasa. Berikut gambaran sistem yang diusulkan :
Dalam perancangan sistem informasi ini menggunakan
pemodelan sistem antara lain System Flow, Context Diagram, Data
Flow Diagram, ERD sesuai dengan analisa kebutuhan dan rancangan
sistem.
a. System Flow Pengunjung

Dalam Sistem Flow Pengunjung, pengunjung dapat melihat menu

yang disediakan oleh website sekolah. Sistem Flow Pengunjung dapat
dilihat pada gambar 1.

System Flow Pengunjung

Pengunjung Sistem

Mulai

Pilihan menu Tampilan

menu utama

Menu
utama

Pilih menu home, Tampilan menu

About, Product, home, About,
Contact Product,
Contact

Selesai
Phase

Gambar 1. System Flow Pengunjung

b. System Flow Maintanance Data

Dalam Sistem Flow Maintanance Data, hanya dapat dilakukan

oleh administrator yang mempunyai hak akses. Dalam proses ini,
administrator memulai maintenance data dengan login terlebih dahulu
supaya dapat menyimpan, menghapus, dan mengedit data yang ada pada
table database seperti table produk, visi dan misi, profil toko, event, dan
slide produk yang ada pada menu produk. Sistem Flow Mantenance Data
dapat dilihat pada gambar 2.

System Flow Maintenance Data

Admin Sistem

Verifikasi Users
Mulai

Database
Website
Login data admin
T Admin

Tampilkan menu
Input pilihan utama
menu

Menu
utama

Tampilkan form maintenance data

Maintenance Y
Data

Form
maintenance data

Simpan
Input data data

Database
Ubah data Website
Tampilkan
Data input Hapus
data
Phase

Selesai

Gambar 2. System Flow Maintanance Data

c. Context Diagram

Context Diagram adalah gambaran menyeluruh dari DFD. Di

dalam Context Diagram terdapat 2 (Dua) External Entity, yang terdiri
dari Admin dan pengunjung (Customer). Context Diagram dapat dilihat
pada gambar 3.

Gambar 3. Context Diagram

d. Data Flow Diagram

Data Flow Diagram (DFD) adalah alat yang digunakan pada

metodologi pengembangan sistem yang terstruktur (structured analyse
and design). DFD merupakan alat yang dapat menggambarkan arus data
di dalam sistem dengan terstruktur dan jelas, dan juga merupakan
dokumentasi dari sistem. DFD dari, website profile raden creative seperti
gambar 4.

Gambar 4. Data Flow Diagram

e. ERD
 Perancangan basis data atau yang lebih dikenal dengan ERD
merupakan representasi model basis data yang berasal dari gambaran
desain DFD. Dalam pembuatan ERD, hal pertama yang dibuat terlebih
dahulu adalah membuat model konseptual atau CDM yang diambil dari
data store yang ada dalam DFD. Setelah selesai membuat CDM, maka
dilanjutkan membuat model fisik dari tabel-tabel yang akan digunakan.
Adapun kedua jenis basis data tersebut akan dijelaskan sebagai berikut:

f. Conceptual Data Model (CDM)

CDM dari sistem informasi akademik terdapat 8 (Delapan) tabel.

Model Konseptual atau yang lebih dikenal dengan CDM dari Web raden
creative dapat dilihat pada gambar 5.

Gambar 5. Conceptual Data Model

g. Physical Data Model (PDM)

PDM dari sistem informasi akademik terdapat 6 (enam) tabel.

PDM ini dapat dilihat pada gambar 6.

Gambar 6. Physical Data Model

h. Struktur Tabel

Table Halaman Admin

Nama : Table Halaman
Admin Primary Key :
ID_Admin
Foreign Key : -
Fungsi : Menyimpan data admin yang ada di website
 Tabel 2. Halaman Admin

N Name Data Lengt Inde Extr

o Type h x a
1 Id_admin Int 10 PK AI

2 Gambar_adm Varchar 50 - -
in
3 Username Varchar 50 - -

4 Password Varchar 50 - -

5 Nama_lengka Varchar 50 - -
p

Table Visi dan Misi

Nama : Table Visi
dan Misi Primary Key :
ID_Visi_Misi Foreign Key
:-
Fungsi : Menyimpan data visi dan misi yang ada di website.
Tabel 3. Visi misi
No Name Data Length Index Extra
Type
1 Id_visimisi Int 10 PK AI

2 Id_admin Int 10 fk -

3 Konten_visimis Varchar 50 - -
i
 Tabel 4. pesan

No Name Data Type Length Index Extra

Tabel 5. contact
1 Id_pesan Int 10 PK AI
N Name Data Lengt Inde Extr
o Type h x a
2 email Int 10 fk -
1 Id_contact Int 10 PK AI

32 Nama Varchar 50 fk -
email Int 10 - -

3 Nama Varchar 50 - -
4 No telepon Varchar 50 - -

4 No telepon Varchar 50 - -
5 Keterangan Varchar 50 - -

5 Keterangan Varchar 50 - -
E. Perancangan Interface

Adapun penjelasan tentang Tampilan awal penggunaan aplikasi

website company profile, Tampilannya seperti Gambar berikut :

1. Tampilan home

Gambar 7, Tampilan Home

Tampilan Home merupakan halaman awal dari web company profile

23
2. Tampilan About

Gambar 8, Tampilan About

Tampilan About merupakan halaman yang berisi identitas/tentang

perusahaan, visi, dan misi perusahaan.

24
 BAB IV

IMPLEMENTASI DAN PEMBAHASAN

A. Analisis Pemilihan Perangkat Lunak

Analisis Pemilihan Perangkat Lunak dapat didefinisikan sebagai

penguraian dari suatu sistem informasi yang utuh ke dalam bagian-bagian
komponen dengan maksud untuk mengidentifikasikan dan mengevaluasi
permasahalan-permasalahan, dan hambatan-hambatan yang terjadi dalam
kebutuhan yang diinginkan sehingga dapat diusulkan sebuah penelitian.
Pemilihan Perangkat Lunak merupakan sekumpulan elemen yang satuan
fungsinya saling berhubungan dan bertanggung jawab melaksanakan
proses pengolahan data dari input sehingga menghasilkan output.
Berikut perangkat lunak yang bisa digunakan, yaitu:

a. OS Windows/Linux/Mac OS.
b. Google Crome/Mozilla/InternetExplorer.
c. XAMPP
d. Notepad++

B. Spesifikasi Perangkat Keras

Perangkat keras adalah bagian fisik dari sistem komputer, untuk

menjalankan sistem ini diperlukan Berikut minimal perangkat keras yang
pengguna harus mempersiapkan spesifikasi sebagai berikut:

a. Processor Intel Dual Core Minimal 1,5GHz.

b. RAM minimal 512MB, disarankan 1/2GB.
c. Kapasitas hardisk minimum 500GB.
d. VGA ONBOARD/AMD RADEON 512MB.
e. Keyboard.

25
C. Tampilan Program

Adapun tampilan penggunaan website company profile perusahaan

Raden Creative, tampilannya seperti gambar berikut :

1. Tampilan home

Gambar 9. Tampilan Home

Tampilan Home merupakan halaman awal dari web company profile

26
2. Tampilan About

Gambar 10. Tampilan About

Tampilan About merupakan halaman yang berisi

identitas/tentang perusahaan, visi, dan misi perusahaan.

3. Tampilan contact

Gambar 11. Tampilan contact

Pada halaman contact pengunjung, pengunjung bisa melakukan

interaksi dengan admin dengan menggunakan form message yang
tersedia, dengan syarat harus mengisi kolom first name, last name, email,
subject, messages

27
4. Tampilan Product

Gambar 12. Tampilan Product

Tampilan Product merupakan halaman yang berisi kategori

produk yang dijual oleh perusahaan.

5. Tampilan Login Admin

Gambar 13. Tampilan Form Login

Tampilan form login untuk admin dan karyawan jika username

atau password di database user tidak ada maka form login akan menolak
permintaan masuk.

28
6. Tampilan Admin input product category

Gambar 14. Tampilan Admin Input Product Category

Pada tampilan form admin input product category berisi nama

produk, keterangan, kemasan, ukuran, dan gambar product.

7. Tampilan admin edit Product

Gambar 15. Tampilan Admin Edit Product

29
 Pada tampilan form admin Edit product category berisi nama
produk, keterangan, kemasan, ukuran, dan gambar produ

8. Tampilan admin edit tentang perusahaan

Gambar 16. Tampilan Admin Edit Tentang Perusahaan

Pada tampilan form admin Edit tentang perusahaan berisi tentang

perusahaan, visi, dan misi perusahaan.

9. Tampilan admin input user

Gambar 17. Tampilan Admin Input User

Pada tampilan form admin Input User berisi nama lengkap,

username, dan password, dan gambar.

10. Tampilan admin edit user

30
 Gambar 18. Tampilan Admin Edit User

Pada tampilan form admin Edit User berisi nama lengkap,

username, dan password, dan gambar.

11. Tampilan admin view dan delete product

Gambar 19. Tampilan Admin View & Delete Product Category

Pada tampilan form admin Edit product catgory View & Delete
Product berisi list nama produk, keterangan, kemasan, ukuran, gambar
product, dan Action button edit & delete.

12. Tampilan admin view dan delete user

Gambar 20. Tampilan Admin View & Delete User

31
 Pada tampilan form admin Edit User View & Delete Product berisi
list nama lengkap, username, password, gambar, dan Action button edit &
delete.

13. Tampilan admin view about

Gambar 21. Tampilan Admin View About

Pada tampilan form admin View & Edit About berisi

tentang perusahaan, visi, misi, dan Action button edit.

14. Tampilan admin view delete message

Gambar 22. Tampilan Admin View & Delete Messages

32
 Pada tampilan admin view dan delete message berisi Firt name,
Last Name, email, Subject, Message dan Action Button Edit

BAB V

PENUUTUP

A. Kesimpulan
Setelah melakukan analisa dan perancangan, serta implementasi
terhadap website company profile pada Peusahaan Raden Creative, maka
dapat diambil beberapa kesimpulan sebagai berikut:
1. Company profile berbasis web yang dibuat pada saat kerja
praktik ini dapat memberikan informasi yang terbaru kepada
customer tanpa harus melalui Newton Vintage Store Surabaya,
sehingga mempercepat proses penyampaian informasi.
2. Website ini menghasilkan informasi yang akurat, seperti:
company profile perusahaan, informasi tentang produk, sejarah
perusahaan,visi,dan misi.
3. Dalam website ini customer juga dapat berkomentar dan
memberikan saran ketika informasi yang disampaikan tidak
sesuai melalui form komentar yang tersedia.

B. Saran
Dalam website company profile pada Newton Vintage Store
terdapat banyak kelemahan yang disadari penulis. Penulis memiliki saran
dalam pengembangan sistem ini kedepannya, yaitu
a. Menambahkan fitur penjualan produk pada website.
b. Menambahkan fitur berita produk terbaru.

33
 DAFTAR PUSTAKA

Betha, S. 2005. Mysql Untuk Pengguna, Administrator, dan

Pengembangan Web. Informatika. Bandung.

Echols, J. M., & Shadily, H. 2005. Kamus Besar Inggris - Indonesia.

Jakarta: Gramedia Pustaka Utama.

Greenlaw, R., & Hepp, E. 2002. Fundamentals of the Internet and the
world wide web, Second Edition. New York: McGraw-Hill.

Kadir, A. 2008. Tuntunan Praktis Belajar Database Menggunakan

MySQL.

Yogyakarta.: C.V Andi Offset.

Kendall, K., & Kendall, J. 2003. Analisis dan Perancangan Sistem.
Jakarta: Prehallindo.

Kriyantono, R. 2008. Teknik praktis riset komunikasi: disertai contoh

praktis riset. Jakarta: Kencana Prenada Media Group.

Kustiyahningsih, Y. 2011. Pemrograman Basis Data Berbasis Web

Menggunakan PHP & MySQL. Jakarta: Graha Ilmu.

Marlinda, L. 2004. Sistem Basis Data. Yogyakarta: Andi Offset.

Pressman, R. 2010. Software Engineering : a practitioner's approach.

New York: McGraw-Hill.

34
Rudianto, A. M. 2011. ara Mudah Membangun Website Interaktif
Menggunakan Content Management System Joomla Edisi Revisi.
Yogyakarta: C.V ANDI OFFSET.

Situmorang. 2010. Buku Pengantar Teknologi Informasi. Jakarta: Bumi

Aksara.

Yuhefizar, M., & Hidayat, R. 2009. ara Mudah Membangun Website

Interaktif Menggunakan Content Management System Joomla
Edisi Revisi. Jakarta: PT. Elex Media Komputindo.

35
 LAMPIRAN – LAMPIRAN

A. Daftar Gambar

1. Gambar System Flow Pengunnjung

2. Gambar System Flow Matanance Data
3. Gambar Context Diagram
4. Gambar Data Flow Diagram
5. Gambar Conceptual Data Model
6. Gambar Pysical Data Model
7. Gambar Tampilan Home
8. Gambar Tampilan About
9. Gambar Tampilan Home
10. Gambar Tampiilan About
11. Gambar Tampilan Contact
12. Gambar Tampilan Product
13. Gambar Tampilan Login Admin
14. Gambar Tampilan Admin Input Product Category
15. Gambar Tampilan Admin Edit Product
16. Gambar Tampilan Admin Edit Tentang Perusahaan
17. Gambar Tampilan Admin Input User
18. Gambar Tampilan Admin Edit User
19. Gambar Tampilan Admin View & Delete Product Category
20. Gambar Tampiplan Admin View & Delete User
21. Gambar Tampilan Admin View About

36
22. Gambar Tampilan Admin View & Delete Messages

B. Daftar Tabel

1. Tabel Spesifikasi Prangkat Keras

2. Tabel Halaman Admin
3. Tabel Visi Misi
4. Tabel Pesan
5. Tabel Contact

37
 C. Daftar Hadir PKL

DAFTAR HADIR DAN AGENDA KEGIATAN PRAKTIK KERJA

LAPANGAN

NAMA : MUHAMMAD HABIBILLAH

NIM : 194855057
Prodi : Teknik Informatika
Judul Laporan Praktik Kerja Lapangan :
“ RANCANG BANGUN WEBSITE COMPANY PROFILE PADA
PEUSAHAAN RADEN CREATIVE “
JAM
NO HARI/TANGGAL KEGIATAN JAM DATANG
PULANG

1 1 maret 2022 Bantu pekerjaan 08:00 12:00

2 2 maret 2022 Bantu pekerjaan 08:00 12:00
3 3 maret 2022 Bantu pekerjaan 08:00 12:00
4 4 maret 2022 Bantu pekerjaan 08:00 12:00
5 5 maret 2022 Bantu pekerjaan 08:00 12:00
6 6 maret 2022 Bantu pekerjaan 08:00 12:00
7 7 maret 2022 Libur - -
8 8 maret 2022 Bantu pekerjaan 08:00 12:00
9 9 maret 2022 Bantu pekerjaan 08:00 12:00
10 10 maret 2022 Bantu pekerjaan 08:00 12:00
11 11 maret 2022 Bantu pekerjaan 08:00 12:00
12 12 maret 2022 Bantu pekerjaan 08:00 12:00

38
13 13 maret 2022 Bantu pekerjaan 08:00 12:00
14 14 maret 2022 Libur - -
15 15 maret 2022 Bantu pekerjaan 08:00 12:00
16 16 maret 2022 Bantu pekerjaan 08:00 12:00
17 17 maret 2022 Bantu pekerjaan 08:00 12:00
18 18 maret 2022 Bantu pekerjaan 08:00 12:00
19 19 maret 2022 Bantu pekerjaan 08:00 12:00
20 20 maret 2022 Bantu pekerjaan 08:00 12:00
21 21 maret 2022 Libur - -
22 22 maret 2022 Bantu pekerjaan 08:00 12:00
23 23 maret 2022 Bantu pekerjaan 08:00 12:00
24 24 maret 2022 Bantu pekerjaan 08:00 12:00
25 25 maret 2022 Bantu pekerjaan 08:00 12:00
26 26 maret 2022 Bantu pekerjaan 08:00 12:00
27 27 maret 2022 Bantu pekerjaan 08:00 12:00
28 28 maret 2022 Libur - -
29 29 maret 2022 Bantu pekerjaan 08:00 12:00
30 30 maret 2022 Bantu pekerjaan 08:00 12:00
31 31 maret 2022 Bantu pekerjaan 08:00 12:00
32 1 April 2022 Bantu pekerjaan 08:00 12:00
33 2 April 2022 Bantu pekerjaan 08:00 12:00
34 3 April 2022 Bantu pekerjaan 08:00 12:00
35 4 April 2022 Libur - -
36 5 April 2022 Bantu pekerjaan 08:00 12:00
37 6 April 2022 Bantu pekerjaan 08:00 12:00
38 7 April 2022 Bantu pekerjaan 08:00 12:00
39 8 April 2022 Bantu pekerjaan 08:00 12:00
40 9 April 2022 Bantu pekerjaan 08:00 12:00

39
D. Daftar Kegiatan PKL

40
E. Kartu Bimbingan Praktik Kerja Lapangan

41