RANCANG BANGUN APLIKASI COMPANY PROFILE BERBASIS …

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).




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




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


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


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


1 Id_about bigint 20

2 Isi_about longtext

e. Data slide

Tabel 4.5 Data Slide

12


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


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


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


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


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


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


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.

RANCANG BANGUN APLIKASI COMPANY PROFILE BERBASIS …

Documents

Transcript of RANCANG BANGUN APLIKASI COMPANY PROFILE BERBASIS …