rancang bangun aplikasi company profile berbasis …
TRANSCRIPT
RANCANG BANGUN APLIKASI COMPANY PROFILE BERBASIS WEBSITE PADA CV. DENY ALUMINIUM DENGAN FRAMEWORK LARAVEL
KERJA PRAKTIK
Program Studi
S1 Sistem Informasi
Oleh:
ALDI IRWANTONO SAPUTRA
18410100179
FAKULTAS TEKNOLOGI DAN INFORMATIKA
UNIVERSITAS DINAMIKA
2021
RANCANG BANGUN APLIKASI COMPANY PROFILE BERBASIS
WEBSITE PADA CV. DENY ALUMINIUM DENGAN FRAMEWORK
LARAVEL
Diajukan sebagai salah satu syarat untuk menyelesaikan
Program Sarjana
Disusun Oleh:
Nama : ALDI IRWANTONO SAPUTRA
NIM : 18410100179
Program : S1 (Strata Satu)
Jurusan : Sistem Informasi
FAKULTAS TEKNOLOGI DAN INFORMATIKA
UNIVERSITAS DINAMIKA
2021
v
ABSTRAK
CV Deny Aluminium merupakan sebuah perusahaan swasta yang berjalan
dibidang furniture dan telah berdiri sejak tahun 1995. Perusahaan ini beralamat di
Ketabang Magersari 1 no. 28, Surabaya. CV Deny Aluminium menjual furniture
menggunakan bahan aluminium secara custom.
Penjualan furniture masih menggunakan cara mulut ke mulut dan melalui
WhatsApp. CV Deny Aluminium tidak melakukan promosi menggunakan media
lain dan hanya mempertahankan malalui mulut ke mulut. Pada saat zaman belum
modern, sempat ramai banyak orang yang gemar dengan aluminium dan harganya
masih setara dengan furniture lainnya. Berbeda dengan sekarang, furniture banyak
modifikasinya dan orang banyak yang tahu inovasi yang lebih murah dan bahan
yang mudah didapat. Hal tersebut menjadikan penjualan furniture CV Deny
Aluminium menurun dan hanya orang – orang tertentu yang ingin menggunakan
aluminium.
Dari uraian permasalahan diatas, maka kerja praktik membahas bagaimana
merancang aplikasi Company Profile berbasis website menggunakan framework
laravel yang dibangun demi memenuhi kebutuhan perusahaan CV Deny
Aluminium. Aplikasi ini mempermudah perusahaan dalam melakukan promosi
penjualan furniture. Rancang bangun ini dilatar belakangi oleh menurunnya angka
penjualan.
Dalam memperoleh data untuk kebutuhan pembangunan aplikasi,
dilakukan wawancara dan observasi. Proses perancangan dilakukan menggunakan
SDLC. Hasil dari pembangunan ini sebuah aplikasi company profile berbasis
website.
Kata kunci: aplikasi, company profile, website.
vi
KATA PENGANTAR
Puji dan syukur kepada Tuhan Yang Maha Esa atas berkah dan rahmat
serta segala karunia yang selalu diberikan sehingga penulis dapat menyelesaikan
laporan kerja praktik yang berjudul “Rancang Bangun Aplikasi Company Profile
Berbasis Website Pada CV. Deny Aluminium Dengan Framework Laravel”.
Laporan kerja praktik ini disusun berdasarkan hasil studi kerja praktik dalam
membantu membuat Website Company Profile pada CV. Deny Aluminium.
Dalam pelaksanaan dan penyelesaian laporan kerja praktik, penulis
mendapat bimbingan dan dukungan dari berbagai pihak. Pada kesempatan kali ini
penulis mengucapkan banyak terima kasih yang sebesar-besarnya kepada pihak
yang membantu dan menyukseskan penyusunan Laporan Kerja Praktik ini,
diantaranya:
1. Kedua orang tua dan keluarga penulis yang selalu memberikan doa serta
dukungan.
2. Bapak Dr. Anjik Sukmaaji, S. Kom., M. Eng. selaku ketua program S1 Sistem
Informasi Universitas Dinamika dan dosen pembimbing yang telah membantu
penulis dengan bimbingan, motivasi, arahan dan saran yang membuat penulis
selama pelaksanaan kerja praktik dan penyelesaian laporan kerja praktik.
3. Saudara Deny Indra prasetyo selaku Assistant CV. Deny Aluminium yang telah
mengijinkan penulis melaksanakan kerja praktik dan memberikan informasi
mengenai perusahaan.
4. Altamarin Adji dan Abu Hanif Rahmatullah selaku kelompok kerja praktik
yang telah memberikan dukungan dan informasi dalam pelaksanaan kerja
praktik.
5. Teman-teman saya dari Al Fatih Timur 1.3 yang telah berjuang bersama dari
awal kuliah hingga saat ini.
Semoga Tuhan Yang Maha Esa memberikan balasan dan amal kebaikan
yang berlipat kepada semua pihak yang telah memberikan bantuan dan dukungan.
vii
Penulis meminta maaf atas segala kesalahan dalam pelaksanaan kerja
praktik serta penulisan laporan kerja praktik. Penulis berharap laporan hasil kerja
praktik ini dapat memberikan banyak manfaat bagi semua pihak dan menjadi bahan
acuan bagi penelitian selanjutnya.
Surabaya, 08 Juni 2021
Penulis
viii
DAFTAR ISI
ABSTRAK ............................................................................................................... v
KATA PENGANTAR ........................................................................................... vi
DAFTAR ISI ........................................................................................................ viii
DAFTAR TABEL .................................................................................................... x
DAFTAR GAMBAR ............................................................................................. xi
DAFTAR LAMPIRAN ......................................................................................... xii
BAB I ....................................................................................................................... 1
PENDAHULUAN ................................................................................................... 1
1.1 Latar Belakang ........................................................................................... 1
1.2 Perumusan Masalah ................................................................................... 2
1.3 Pembatasan Masalah .................................................................................. 2
1.4 Tujuan Penelitian ....................................................................................... 2
1.5 Manfaat Penelitian ..................................................................................... 2
BAB II ...................................................................................................................... 3
Gambaran umum perusahaan ................................................................................... 4
2.1 Identitas Perusahaan ................................................................................... 4
2.2 Uraian Tentang Perusahaan ....................................................................... 4
BAB III .................................................................................................................... 4
LANDASAN TEORI ............................................................................................... 5
3.1 Website ...................................................................................................... 5
3.2 Company Profile ........................................................................................ 5
3.2.1 Pengertian Company Profile ................................................................ 5
3.2.2 Fungsi Company Profile ...................................................................... 5
3.3 Laravel ....................................................................................................... 6
ix
3.4 MySql ......................................................................................................... 6
3.5 Bootstrap .................................................................................................... 6
3.6 System Development Life Cycle (SDLC) Waterfall ................................. 7
BAB IV .................................................................................................................... 8
DESKRIPSI KERJA PRAKTIK .............................................................................. 9
4.1 Planing ....................................................................................................... 9
4.2 Analisis ...................................................................................................... 9
4.3 Identifikasi Pengguna ............................................................................... 10
4.4 Identifikasi Data ....................................................................................... 10
4.5 System Flow Diagram .............................................................................. 13
4.6 Desain ...................................................................................................... 19
4.7 Hasil implementasi ................................................................................... 27
BAB V .................................................................................................................... 33
KESIMPULAN DAN SARAN .............................................................................. 34
5.1 Kesimpulan .............................................................................................. 34
5.2 Saran ........................................................................................................ 34
DAFTAR PUSTAKA ............................................................................................ 34
LAMPIRAN ........................................................................................................... 36
x
DAFTAR TABEL
Tabel 4.1 Data User .............................................................................................. 10
Tabel 4.2 Data Artikel ........................................................................................... 11
Tabel 4.3 Data Portofolio ...................................................................................... 11
Tabel 4.4 Data About ............................................................................................ 11
Tabel 4.5 Data Slide .............................................................................................. 11
Tabel 4.6 Data Pesan ............................................................................................. 12
Tabel 4.7 Data Contact .......................................................................................... 12
xi
DAFTAR GAMBAR
Gambar 2. 1 Struktur Organisasi ............................................................................. 4
Gambar 3. 1 Fase SDLC ......................................................................................... 7
Gambar 4. 1 Sysflow Menu Slide ......................................................................... 13
Gambar 4. 2 Sysflow Menu About ....................................................................... 14
Gambar 4. 3 Sysflow Menu Artikel ...................................................................... 15
Gambar 4. 4 Sysflow Menu Portofolio ................................................................. 16
Gambar 4. 5 Sysflow Menu Pesan ........................................................................ 17
Gambar 4. 6 Sysflow Menu Contact ..................................................................... 18
Gambar 4. 7 Rancangan Desain Home ................................................................. 20
Gambar 4. 8 Rancangan Desain Portofolio ........................................................... 22
Gambar 4. 9 Rancangan Desain Detail Portofolio ................................................ 23
Gambar 4. 10 Rancangan Desain Artikel .............................................................. 24
Gambar 4. 11 Rancangan Desain Detail Artikel ................................................... 25
Gambar 4. 12 Rancangan Desain Login ............................................................... 26
Gambar 4. 13 Rancangan Desain Admin .............................................................. 27
Gambar 4. 14 Halaman Home ............................................................................... 28
Gambar 4. 15 Halaman Portofolio ........................................................................ 29
Gambar 4. 16 Halaman Detail Portofolio ............................................................. 29
Gambar 4. 17 Halaman Artikel ............................................................................. 30
Gambar 4. 18 Halaman Detail Artikel .................................................................. 31
Gambar 4. 19 Halaman Contact ............................................................................ 32
Gambar 4. 20 Halaman Login ............................................................................... 32
Gambar 4. 21 Halaman Admin ............................................................................. 33
xii
DAFTAR LAMPIRAN
Lampiran 1 Surat Persetujuan ............................................................................... 36
Lampiran 2 Acuan Kerja ....................................................................................... 37
Lampiran 3 Garis Besar Rencana Kerja ................................................................ 38
Lampiran 4 Log Harian ......................................................................................... 39
Lampiran 5 Kehadiran Kerja Praktik .................................................................... 41
Lampiran 6 Kartu Bimbingan Kerja Praktik ......................................................... 43
Lampiran 7 Biodata Penulis .................................................................................. 44
1
BAB I
PENDAHULUAN
1.1 Latar Belakang
Website merupakan kumpulan halaman-halaman yang digunakan untuk
menampilkan informasi teks, gambar diam atau gerak, animasi, suara,dan atau
gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang
membentuk satu rangkaian bangunan yang saling terkait, yang masing-masing
dihubungkan dengan jaringan-jaringan halaman. (Bekti, 2015).
CV Deny Aluminium merupakan sebuah perusahaan swasta yang berjalan
dibidang furniture dan telah berdiri sejak tahun 1995. Perusahaan ini beralamat di
Ketabang Magersari 1 no. 28, Surabaya. CV Deny Aluminium menjual furniture
menggunakan bahan aluminium secara custom. Proses penjualan furniture diawali
dengan pelanggan menghubungi perusahaan melalui WhatsApp. Pelanggan
memberikan informasi tentang furniture yang diinginkan, setelah pesanan diterima
oleh perusahaan maka pelanggan melakukan pembayaran DP. Kemudian,
perusahaan membuat pesanan bahan kepada supplier agar tidak menyimpan sisa
bahan yang tidak digunakan. Setelah bahan telah diterima, perusahaan membuatkan
furniture sesuai keigninan pelanggan. Ketika pesanan selesai dikerjakan, maka
pelanggan melakukan pelunasan pembayaran.
Penjualan furniture masih menggunakan cara mulut ke mulut dan melalui
WhatsApp. CV Deny Aluminium tidak melakukan promosi menggunakan media
lain dan hanya mempertahankan malalui mulut ke mulut. Pada saat zaman belum
modern, sempat ramai banyak orang yang gemar dengan aluminium dan harganya
masih setara dengan furniture lainnya. Berbeda dengan sekarang, furniture banyak
modifikasinya dan orang banyak yang tahu inovasi yang lebih murah dan bahan
yang mudah didapat. Hal tersebut menjadikan penjualan furniture CV Deny
Aluminium menurun dan hanya orang – orang tertentu yang ingin menggunakan
aluminium.
2
Kondisi ini membuat CV Deny Aluminium harus memiliki suatu media
yang dapat digunakan untuk melakukan promosi, salah satunya website company
profile. Dengan menggunakan website sebagai alat media promosi. Informasi yang
dapat ditampilkan dalam website company profile berisi tentang perusahaan,
layanan yang disediakan, portofolio, dan contact person.
Adanya website company profile sebagai media promosi, CV Deny
Aluminium dapat memperluas jangkauan pemasaran dan target pasar. Selain itu
diharapkan customer dapat lebih mengenal tentang aluminium dan layanan yang
dimiliki CV Deny Aluminium.
1.2 Perumusan Masalah
Berdasarkan masalah yang telah dipaparkan pada latar belakang diatas,
maka dapat dirumuskan masalah yang sedang terjadi. Bagaimana merancang dan
membangun website company profile CV Deny Aluminium yang dapat digunakan
sebagai media promosi dan mempermudah customer mengenal produk yang
dilayani perusahaan?
1.3 Pembatasan Masalah
Adapun batasan masalah yang ada pada perancangan website company
profile CV Deny Aluminium, yaitu:
1. Website company profile CV Deny Aluminium tidak terdapat sistem
transaksi.
2. Website company profile CV Deny Aluminium sebagai media promosi.
1.4 Tujuan Penelitian
Berdasarkan masalah diatas, maka terdapat tujuan dari kerja praktik ini
adalah merancang dan membangun website company profile CV Deny Aluminium
sebagai media promosi dan memudahkan customer mencari informasi layanan
perusahaan.
1.5 Manfaat Penelitian
Manfaat dari merancang website company profile pada CV Deny
Aluminium, sebagai berikut:
3
1. Membantu memperluas jangkauan pemasaran dan target pasar.
2. Memberikan informasi mengenai perusahaan kepada customer.
4
BAB II
GAMBARAN UMUM PERUSAHAAN
2.1 Identitas Perusahaan
Profil perusahaan
Nama : CV Deny Aluminium
Alamat : Ketabang Magersari 1 no 28, Surabaya
Telepon : 085850757026
Fax : -
Email : [email protected]
Bisnis utama : produksi furniture
2.2 Uraian Tentang Perusahaan
CV Deny Aluminium merupakan sebuah perusahaan swasta yang berjalan
dibidang furniture dan telah berdiri sejak tahun 1995. Perusahaan ini beralamat di
Ketabang Magersari 1 no. 28, Surabaya. CV Deny Aluminium menjual furniture
menggunakan bahan aluminium secara custom. Pelanggan dapat membuat request
desain furniture yang akan dibuat kepada perusahaan.
2.3 Struktur Organisasi
Gambar 2. 1 Struktur Organisasi
5
BAB III
LANDASAN TEORI
3.1 Website
Fasilitas internet yang menghubungkan dokumen dalam lingkup lokal
maupun jarak jauh. Dokumen pada website disebut dengan web page dan link dalam
website memungkinkan pengguna bisa berpindah dari satu page ke page lain (hyper
text), baik diantara page yang disimpan dalam server yang sama maupun server
diseluruh dunia. Pages diakses dan dibaca melalui browser seperti Netscape
Navigator, Internet Explorer, Mozila Firefox, Google Chrome dan aplikasi browser
lainnya (Hakim, 2004).
3.2 Company Profile
3.2.1 Pengertian Company Profile
Company Profile merupakan produk tulisan praktisi PR yang berisi
gambaran umum perusahaan. Gambaran ini tidak sepenuhnya lengkap, detail dan
mendalam. Perusahaan bisa memilih poin-poin apa saja yang ingin disampaikan
secara terbuka kepada publiknya (Krisyanto, 2008).
3.2.2 Fungsi Company Profile
Menurut (Krisyanto, 2008) fungsi company profile sebagai berikut:
1. Representasi perusahaan. Company profile merupakan gambaran
tentang perusahaan . bisa juga dianggap mewakili perusahaan
sehingga publik tidak usah bersusah payah mencari informasi
tentang perusahaan. Dapat juga digunakan sebagai alat
membangun citra agar berbagai kelompok penekan dalam
masyarakat mempunyai pemahaman yang benar tentang
perusahaan
2. Bisa digunakan untuk melengkapi komunikasi lisan demi
terciptanya mutual understanding.
3. Menghemat waktu transaksi. Pihak-pihak lain yang berkaitan
dengan bisnis perusahaan tidak perlu menanyakan secara detail
6
tentang perusahaan, produk, pasar, visi, misi, posisi keuangan, dan
lainnya. Hal itu dapat dipelajari melalui company profile, sebelum
dan sesudah pertemuan.
4. Membangun identitas dan citra korporat. Company profile yang
dikemas menarik, detail, jelas dan mewah, mencerminkan wajah
perusahaan di mata publik sebagai perusahaan yang besar dan dan
bonafit.
3.3 Laravel
Laravel adalah sebuah framework PHP yang dirilis dibawah lisensi MIT
dan dikembangkan pertama kali oleh Taylor Otwell, dibangun dengan konsep MVC
(Model View Controller). Laravel adalah pengembangan website berbasis MVP
yang ditulis dalam PHP yang dirancang untuk meningkatkan kualitas perangkat
lunak dengan mengurangi biaya pengembangan awal dan biaya pemeliharaan, dan
untuk meningkatkan (Awaludin, 2016).
3.4 MySql
MySql merupakan sebuah perangkat lunak manajemen basis data
(database management system) yang menggunakan perintah dasar SQL. MySql
memiliki 2 lisensi, yaitu Free Software (perangkat lunak bebas) dan Shareware
(perangkat lunak yang penggunanya terbatas). MySQL merupakan RDBMS (
server database ) yang dapat mengelola database dengan sangat cepat, dapat
menampung data dalam jumlah sangat besar, dapat diakses oleh banyak user
(Raharjo, 2015).
3.5 Bootstrap
Bootstrap merupakan framework untuk membangun desain web secara
responsif. Artinya, tampilan web yang dibuat oleh bootstrap akan menyesuaikan
ukuran layer dan browser yang kita gunakan baik di desktop, tablet ataupun mobile
device. Dengan bootstrap kita juga bisa membangun web dinamis ataupun statis
(Atalas, 2013).
7
3.6 System Development Life Cycle (SDLC) Waterfall
Waterfall adalah model klasik yang bersifat sistematis, berurutan dalam
membangun software. Nama model ini sebenarnya adalah “Linear Sequential
Model”. Model ini sering disebut juga dengan “classic life cycle” atau metode
waterfall. Model ini termasuk ke dalam model generic pada rekayasa perangkat
lunak dan pertama kali diperkenalkan oleh Winston Royce sekitar tahun 1970
sehingga sering dianggap kuno, tetapi merupakan model yang paling banyak
dipakai dalam Software Engineering (SE). Model ini melakukan pendekatan secara
sistematis dan berurutan. Disebut dengan waterfall karena tahap demi tahap yang
dilalui harus menunggu selesainya tahap sebelumnya dan berjalan berurutan
(Pressman, 2015).
Fase-fase dalam SDLC Waterfall menurut (Pressman, 2015):
Gambar 3. 1 Fase SDLC
a. Communication (Project Initiation & Requirements Gathering)
Sebelum memulai pekerjaan yang bersifat teknis, sangat
diperlukan adanya komunikasi dengan customer demi memahami
dan mencapai tujuan yang ingin dicapai. Hasil dari komunikasi
tersebut adalah inisialisasi proyek, seperti menganalisis
permasalahan yang dihadapi dan mengumpulkan data-data yang
diperlukan, serta membantu mendefinisikan fitur dan fungsi
software. Pengumpulan data-data tambahan bisa juga diambil dari
jurnal, artikel, dan internet.
b. Planning (Estimating, Scheduling, Tracking)
Tahap berikutnya adalah tahapan perencanaan yang menjelaskan
tentang estimasi tugas-tugas teknis yang akan dilakukan, resiko
resiko yang dapat terjadi, sumber daya yang diperlukan dalam
membuat sistem, produk kerja yang ingin dihasilkan, penjadwalan
8
kerja yang akan dilaksanakan, dan tracking proses pengerjaan
sistem.
c. Modeling (Analysis & Design)
Tahapan ini adalah tahap perancangan dan permodelan arsitektur
sistem yang berfokus pada perancangan struktur data, arsitektur
software, tampilan interface, dan algoritma program. Tujuannya
untuk lebih memahami gambaran besar dari apa yang akan
dikerjakan.
d. Construction (Code & Test)
Tahapan Construction ini merupakan proses penerjemahan bentuk
desain menjadi kode atau bentuk/bahasa yang dapat dibaca oleh
mesin. Setelah pengkodean selesai, dilakukan pengujian terhadap
sistem dan juga kode yang sudah dibuat. Tujuannya untuk
menemukan kesalahan yang mungkin terjadi untuk nantinya
diperbaiki.
e. Deployment (Delivery, Support, Feedback)
Tahapan Deployment merupakan tahapan implementasi software
ke customer, pemeliharaan software secara berkala, perbaikan
software, evaluasi software, dan pengembangan software
berdasarkan umpan balik yang diberikan agar sistem dapat tetap
berjalan dan berkembang sesuai dengan fungsinya.
9
BAB IV
DESKRIPSI KERJA PRAKTIK
Dalam membangun sebuah website menggunakan konsep SDLC
(Software Development Life Cycle) yang menggambarkan tahapan dalam
pembuatan sebuah website.
Tahapan-tahapan yang akan dilakukan dalam perancangan website
company profile CV Deny Aluminium, yaitu:
1. Planing
2. Analisis
3. Desain
4. Implementasi
4.1 Planing
Penulis melaksanakan kerja praktik di CV Deny Aluminium yang
bertempat di Ketabang Magersari 1 no 28, Surabaya. Dengan layanan yang dimiliki
oleh CV Deny Aluminium, penulis ditugaskan untuk merancang sebuah website
company profile. Langkah awal membangun website company profile CV Deny
Aluminium adalah melakukan pengenalan terhadap perusahaan dengan cara
melakukan identifikasi masalah yang terdapat pada perusahaan yang digunakan
sebagai dasar dari pembuatan website. Identifikasi masalah dilakukan dengan
melakukan wawancara kepada pemilik CV Deny Aluminium.
Setelah memperoleh data yang dibutuhkan, maka tahap selanjutnya
melakukan observasi yang dilakukan dengan mengunjungi lokasi CV Deny
Aluminium secara langsung untuk mengetahui keadaan lingkungan perusahaan saat
ini.
4.2 Analisis
Langkah selanjutnya melakukan analisis kebutuhan website company
profile. Berdasarkan hasil wawancara dan observasi tentang proses bisnis yang ada
pada CV Deny Aluminium. Pada saat ini CV Deny Aluminium melakukan proses
10
promosi menggunakan cara yang tradisional, yaitu mulut ke mulut. Cara ini tidak
efektif dikarenakan raung lingkup pemasaran produk tidak luas.
Berdasarkan permasalahan yang terjadi, CV Deny Aluminium
membutuhkan sebuah company profile berbasis website. Adanya website ini,
customer dapat mengetahui layanan yang diberikan oleh CV Deny Aluminium
dengan mudah melalui internet dan berguna untuk memperluas jangkauan
pemasaran produk. Tampilan yang akan ditampilkan pada website company profile
CV Deny Aluminium, seperti halaman beranda yang berisi informasi tentang
perusahaan dan beberapa portofolio, halaman portofolio berisi foto produk yang
telah diproduksi oleh perusahaan, halaman artikel berisi berita tentang perusahaan
dan informasi tentang bahan dan produk, dan halaman kontak yang berisi alamat
dan kontak perusahaan.
4.3 Identifikasi Pengguna
Identifikasi pengguna dilakukan dengan melihat pihak-pihak yang
berkepentingan pada perusahaan dan pihak yang membutuhkan informasi layanan
perusahaan, yaitu:
a. Admin
b. Customer
4.4 Identifikasi Data
Berdasarkan hasil dari wawancara, observasi, dan identifikasi pengguna
yang berguna untuk merancang website company profile, maka dilakukan
identifikasi data sebagai berikut:
a. Data user
Tabel 4.1 Data User
No Kolom Tipe Data Lebar
1 Id_user bigint 20
2 Name String 50
3 Email String 100
4 Password String 20
11
b. Data artikel
Tabel 4.2 Data Artikel
No Kolom Tipe Data Lebar
1 Id_artikel bigint 20
2 Judul_artikel String 100
3 Deskripsi String 255
4 Isi_artikel Longtext
5 Penulis String 50
6 Foto_artikel String 255
c. Data portofolio
Tabel 4.3 Data Portofolio
No Kolom Tipe Data Lebar
1 Id_portofolio bigint 20
2 Judul_porto String 100
3 Foto_porto String 255
4 Bahan String 50
5 Panjang int 11
6 Lebar int 11
7 Tinggi int 11
8 Harga Int 11
d. Data about
Tabel 4.4 Data About
No Kolom Tipe Data Lebar
1 Id_about bigint 20
2 Isi_about longtext
e. Data slide
Tabel 4.5 Data Slide
12
No Kolom Tipe Data Lebar
1 Id_slide bigint 20
2 Judul_slide String 100
3 Isi_slide String 255
4 Foto_slide String 255
f. Data pesan
Tabel 4.6 Data Pesan
No Kolom Tipe Data Lebar
1 Id_pesan bigint 20
2 Nama_pengirim String 50
3 Email_pengirim String 50
4 Subject String 100
5 Isi_pesan longtext
g. Data contact
Tabel 4.7 Data Contact
No Kolom Tipe Data Lebar
1 Id_contact bigint 20
2 Lokasi String 100
3 Email String 100
4 Hp String 12
13
4.6 System Flow Diagram
a. Slide
Gambar 4. 1 Sysflow Menu Slide
Pada gambar sysflow menjelaskan tentang alur pada bagian slide. Alur
dimulai dengan admin melakukan login ke dalam website admin, jika berhasil maka
admin dapat melihat daftar gambar slide, kemudian admin dapat memasukkan
gambar slide. Gambar tersebut akan tampil pada website company profile.
14
b. About
Gambar 4. 2 Sysflow Menu About
Pada gambar sysflow menjelaskan tentang alur pada bagian about. Alur
dimulai dengan admin melakukan login ke dalam website admin, jika berhasil maka
admin dapat melihat data about, kemudian admin dapat memasukkan data about.
Data tersebut akan tampil pada website company profile.
15
d. Artikel
Gambar 4. 3 Sysflow Menu Artikel
Pada gambar sysflow menjelaskan tentang alur pada bagian artikel. Alur
dimulai dengan admin melakukan login ke dalam website admin, jika berhasil maka
admin dapat melihat data artikel, kemudian admin dapat memasukkan data artikel.
Data tersebut akan tampil pada website company profile.
16
e. Portofolio
Gambar 4. 4 Sysflow Menu Portofolio
Pada gambar sysflow menjelaskan tentang alur pada bagian portofolio.
Alur dimulai dengan admin melakukan login ke dalam website admin, jika berhasil
maka admin dapat melihat data portofolio, kemudian admin dapat memasukkan
data portofolio. Data tersebut akan tampil pada website company profile.
17
f. Pesan
Gambar 4. 5 Sysflow Menu Pesan
Pada gambar sysflow menjelaskan tentang alur pada bagian pesan. Alur
dimulai dengan admin melakukan login ke dalam website admin, jika berhasil maka
admin dapat melihat data pesan. Data tersebut dimasukkan oleh customer pada
website company profile.
18
g. Contact
Gambar 4. 6 Sysflow Menu Contact
Pada gambar sysflow menjelaskan tentang alur pada bagian contact. Alur
dimulai dengan admin melakukan login ke dalam website admin, jika berhasil maka
admin dapat melihat data contact, kemudian admin dapat memasukkan data
contact. Data tersebut akan tampil pada website company profile.
19
4.7 Desain
Dari hasil analisa yang telah dilakukan, didapatkan data dan alur proses
website company CV Deny Aluminium, kemduian dapat digambarkan sebuah
rancangan desain yang digunakan untuk mengimplementasi ke dalam website
company profile.
20
a. Rancangan Desain Halaman Home
Gambar 4. 7 Rancangan Desain Home
Penjelasan :
21
1. Panel menu: berfungsi untuk menampilkan menu yang ada pada
website company profile, seperti Home, Portofolio, Blog, dan
Contact.
2. Foto slide + quote: berisi foto sampul dan sebuah quote yang
diberikan oleh perusahaan
3. About us: berisi tentang perkenalan perusahaan
4. Portofolio: berisi daftar beberapa foto hasil dari proyek perusahaan
5. Gambar: berisi gambar dari hasil proyek
6. Footer: berisi copyright dari perusahaan
22
b. Rancangan Desain Halaman Portofolio
Gambar 4. 8 Rancangan Desain Portofolio
Penjelasan:
1. Portofolio: berisi daftar hasil proyek
2. Gambar: berisi foto dari hasil proyek yang telah dikerjakan
23
c. Rancangan Desain Halaman Detail Portofolio
Gambar 4. 9 Rancangan Desain Detail Portofolio
Penjelasan:
1. Gambar: berisi foto hasil proyek yang telah dikerjakan
2. Deskripsi: menjelaskan informasi tentang portofolio yang
ditampilkan
24
d. Rancangan Desain Halaman Artikel
Gambar 4. 10 Rancangan Desain Artikel
Penjelasan:
1. Artikel: berisi daftar artikel yang telah dibuat oleh perusahaan
2. Gambar: berisi foto atau gambar yang sesuai dengan isi artikel
3. Judul: berisi judul dari sebuah artikel
4. Deskripsi: menjelaskan deskripsi singkat dari artikel
25
e. Rancangan Desain Halaman Detail Artikel
Gambar 4. 11 Rancangan Desain Detail Artikel
Penjelasan:
1. Gambar: berisi foto yang sesuai dengan isi artikel
2. Isi artikel: menjelaskan artikel sesuai dengan judul yang dipilih
3. Recent post: berisi daftar artikel lain yang telah dibuat oleh
perusahaan
26
f. Rancangan Desain Halaman Login
Gambar 4. 12 Rancangan Desain Login
Penjelasan:
Pada halaman ini terdapat textbox yang digunakan untuk admin
memasukkan email dan password sebelum memasuki website admin dan juga
terdapat tombol login untuk melakukan proses verifikasi data admin.
27
g. Rancangan Desain Halaman Admin
Gambar 4. 13 Rancangan Desain Admin
Penjelasan:
1. Logout: sebuah tombol yang berfungsi untuk keluar dari website
admin
2. Panel menu: berisi daftar menu yang ada pada website admin
3. Judul: berisi nama menu yang dipilih
4. Form input: berisi sebuah form yang digunakan untuk menambah
atau mengubah data
5. Footer: berisi tentang copyright perusahaan
4.8 Hasil implementasi
Pada tahap ini dijelaskan hasil implementasi pada website company profile
CV Deny Aluminium. Dari rancangan desain yang telah dibuat dan data-data yang
telah diperoleh, maka dilakukan implementasi pada website company profile.
28
a. Page Home
Gambar 4. 14 Halaman Home
Pada Gambar Menampilkan halaman utama pada website company profile
CV Deny Aluminium. Halaman ini biasa disebut dengan Home yang setiap kali
user mengunjungi website, halaman yang pertama kali dituju adalah halaman
Home.
29
b. Page Portofolio
Gambar 4. 15 Halaman Portofolio
Pada Gambar Menampilkan halaman portofolio. Halaman ini
menampilkan hasil pekerjaan yang telah dihasilkan oleh CV Deny Aluminium. Jika
customer ingin melihat pekerjaan dari perusahaan, maka dapat membuka halaman
portofolio.
c. Page Detail Portofolio
Gambar 4. 16 Halaman Detail Portofolio
30
Pada Gambar Menampilkan halaman detail portofolio. Halaman ini berisi
informasi dari portofolio yang telah dipilih. Ketika user menekan salah satu gambar
pada halaman portofolio, maka akan muncul halaman detail portofolio.
d. Page Artikel
Gambar 4. 17 Halaman Artikel
Pada Gambar menampilkan halaman artikel. Halaman ini menampilkan
daftar artikel yang diunggah oleh CV Denny Aluminium. Artikel yang diunggah
berisi pengetahuan seputar aluminium, sehingga customer dapat memiliki
pengetahuan tentang aluminium.
31
e. Page Detail Artikel
Gambar 4. 18 Halaman Detail Artikel
Pada Gambar menampilkan halaman detail artikel. Halaman ini berisikan
informasi lengkap dari artikel yang telah dipilih oleh user dan juga menampilkan
artikel lainnya. Ketika user menekan salah satu artikel pada halaman artikel, maka
akan dilempar ke halaman detail artikel.
32
f. Page Contact
Gambar 4. 19 Halaman Contact
Pada Gambar menampilkan halaman contact. Halaman ini berisikan
alamat, email, dan nomor telepon dari CV Denny Aluminium. User juga dapat
mengirim pesan kepada perusahaan pada halaman contact.
g. Page Login
Gambar 4. 20 Halaman Login
Pada Gambar menampilkan halaman login. Halaman ini digunakan untuk
melakukan verifikasi data ketika akan memasuki halaman admin. Untuk memasuki
halaman admin harus memasukkan email dan password yang benar.
33
h. Page Admin
Gambar 4. 21 Halaman Admin
Pada Gambar menampilkan halaman admin. Halaman ini berfungsi untuk
mengelola website company profile CV Denny Aluminium. Pada halaman ini
admin dapat menambah, mengubah, atau menghapus data yang akan ditampilkan
pada website company profile.
34
BAB V
KESIMPULAN DAN SARAN
5.1 Kesimpulan
Dari hasil kerja praktik yang telah dilakukan di CV Denny Aluminium,
dapat dihasilkan beberapa kesimpulan pada website company profile sebagai
berikut:
1. Dengan adanya website company profile pada CV Denny Aluminium,
perusahaan dapat memperluas jangkauan pemasaran dan memperkenalkan
profil perusahaan secara luas.
2. Dengan adanya website company profile, dapat membantu customer untuk
mengenalkan produk yang telah dihasilkan oleh perusahaan dan membantu
mengedukasi customer dalam memperkenalkan bahan aluminium.
5.2 Saran
Website company profile terdapat banyak fitur yang dapat dikembangkan
. Penulis memiliki saran dalam pengembangan website kedepannya sebagai berikut:
1. Pembuatan fitur transaksi untuk pembelian furniture. Fitur ini berguna
untuk memudahkan customer dalam membeli produk dari CV Denny
Aluminium.
35
DAFTAR PUSTAKA
Atalas, H. (2013). Responsive Web Design dengan PHP & Bootstrap. Yogyakarta:
Lokomedia.
Awaludin, R. (2016). Menyelami Framework Laravel.
Bekti, H. B. (2015). Mahir Membuat Website Dengan Adobe Dreamweaver CS6,
CSS, Dan Jquery. Yogyakarta: ANDI.
Hakim, L. (2004). Cara Mudah Memadukan Web Design dan Web Programming.
Jakarta: PT. Elex Media Komputindo Kelompok Gramedia.
Krisyanto, R. (2008). Teknik Praktis Riset Komunikasi. Jakarta: Kencana Prenada
Media Group.
Pressman, R. (2015). Rekayasa Perangkat Lunak: Pendekatan Praktisi Buku I.
Yogyakarta: Andi.
Raharjo, B. (2015). Belajar Otodidak MySql. Bandung: Informatika.