rancang bangun website company profile pada...

71
RANCANG BANGUN WEBSITE COMPANY PROFILE PADA PERUSAHAAN DAERAH AIR MINUM TIRTA SEGAH KABUPATEN BERAU KERJA PRAKTIK Program Studi S1 Sistem Informasi Oleh : ADITYA DARMAWAN 16410100105 FAKULTAS TEKNOLOGI DAN INFORMATIKA INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA 2019

Upload: others

Post on 14-Nov-2020

20 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

RANCANG BANGUN WEBSITE COMPANY PROFILE PADA

PERUSAHAAN DAERAH AIR MINUM TIRTA SEGAH

KABUPATEN BERAU

KERJA PRAKTIK

Program Studi

S1 Sistem Informasi

Oleh :

ADITYA DARMAWAN

16410100105

FAKULTAS TEKNOLOGI DAN INFORMATIKA

INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA

2019

Page 2: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

LAPORAN KERJA PRAKTIK

RANCANG BANGUN WEBSITE COMPANY PROFILE PADA

PERUSAHAAN DAERAH AIR MINUM TIRTA SEGAH

KABUPATEN BERAU

Diajukan sebagai salah satu syarat untuk menyelesaikan

Program Sarjana

Disusun Oleh :

Nama : ADITYA DARMAWAN

NIM : 16410100105

Program : S1 (Strata Satu)

Jurusan : Sistem Informasi

FAKULTAS TEKNOLOGI DAN INFORMATIKA

INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA

2019

Page 3: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan
Page 4: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

Ku persembahkan kepada

Keluarga ku yang tercinta dan ku sayangi.

Beserta semua sahabat dan teman-teman ku yang selalu

Mendukungku.

Page 5: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan
Page 6: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

vii

ABSTRAK

PDAM Tirta Segah adalah sebuah perusahaan milik daerah yang diberi

wewenang untuk menyelenggarakan pelayanan air bersih di Kabupaten Berau. Saat

ini PDAM Tirta Segah belum mempunyai media informasi yang efektif dan efisien

dalam menyampaikan informasi mengenai perusahaan. Tujuan penulisan laporan

kerja praktik ini adalah untuk mengetahui hasil rancangan penulis dalam merancang

sistem informasi profil perusahaan berbasis web pada PDAM Tirta Segah yang

telah dirancang penulis untuk membantu perusahaan dalam meningkatkan

pelayanan dan memberikan informasi kepada pelanggan terkait PDAM Tirta Segah

secara efektif dan efisien.

Metode penelitian yang dilakukan dalam membangun website company

profile pada PDAM Tirta Segah disusun dengan menggunakan metode System

Development Life Cycle (SDLC) Waterfall yang meliputi Communication yaitu

melakukan komunikasi dengan end user untuk memahami permasalahan dan

merencakan tujuan yang ingin dicapai, Planning yaitu merencakan estimasi atau

penjadwalan dalam proses perancangan sistem, Modeling yaitu tahap perancangan

sistem yang meliputi perancangan struktur data, tampilan interface dan algoritma

program, Construction yaitu melakukan pengujian sistem yang telah dibuat dan

memperbaiki kesalahan code program, Deployment yaitu tahap implementasi

sistem dan pengembangan sistem yang sudah dibuat.

Dari analisa dan komunikasi yang dilakukan dengan end user dapat

disimpulkan bahwa website company profile pada PDAM Tirta Segah Kabupaten

Berau dapat menjadi salah satu alternatif yang efektif dan efisien dalam

meningkatkan pelayanan kepada pelanggan.

Kata Kunci: Company Profile, PDAM Tirta Segah, Pelanggan.

Page 7: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

viii

KATA PENGANTAR

Puji Syukur kehadirat Allah Subhanahu Wa Ta’ala atas segala anugerah

rahmat serta inayah-Nya, Penulis dapat menyelesaikan aktifitas Kerja Praktik (KP)

dan menyusun sebuah Laporan KP dengan judul “Rancang Bangun Website

Company Profile Pada Perusahaan Daerah Air Minum Tirta Segah Kabupaten

Berau”. Laporan Kerja Praktik ini disusun dalam rangka penulisan laporan untuk

menempuh mata kuliah Kerja Praktik pada Program Studi S1 Sistem Informasi

Institut Bisnis dan Informatika Stikom Surabaya.

Dalam pelaksanaan kerja praktik maupun penyusunan laporan ini, penulis

banyak mendapatkan dukungan dan dorongan dari berbagai pihak secara langsung

maupun tidak langsung. Sehingga pada kesempatan ini, penulis menyampaikan

ucapan terima kasih sebesar-besarnya kepada semua pihak yang telah membantu

dalam menyelesaikan Laporan Kerja Praktik ini, terutama kepada:

1. Allah SWT yang telah memberikan petunjuk, kekuatan serta kesehatan

kepada penulis dalam melaksanakan Kerja Praktik hingga penyusunan

laporan ini.

2. Papah, mama dan kakak yang menjadi bagian kehidupan yang selalu

memberikan dukungan, nasihat dan do’a kepada penulis.

3. Kakek dan nenek yang selalu memberikan nasihat dan do’a kepada penulis.

4. Ibu Tri Sagirani, S.Kom., M.MT. selaku dosen pembimbing

5. Bapak Syahril, M.Si. selaku Kepala Bagian Keuangan & Administrasi

Umum yang sudah memberikan izin untuk melakukan kerja praktik di

PDAM Tirta Segah Kabupaten Berau.

6. Bapak Saipul Rahman, S.Hut., M.Envn.Man, SC selaku Direktur PDAM

Tirta Segah Kabupaten Berau.

7. Teman-teman seperjuangan kerja praktik yang bersama-sama membantu,

memberikan dukungan dan saran dari awal proses kerja praktik hingga

pembuatan laporan ini.

Page 8: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

ix

Semoga Allah SWT memberikan balasan yang sebesar-besarnya kepada

semua pihak yang telah memberikan bantuan dan nasihat dalam Kerja Praktik

hingga penyusunan laporan ini.

Penulis menyadari bahwa adanya kekurangan baik dalam pengerjaan

website maupun dalam penyusunan laporan ini. Sehingga saran dan kritik yang

membangun sangat diharapkan agar website dapat dikembangkan menjadi lebih

baik dikemudian hari. Semoga laporan ini dapat memberikan manfaat bagi semua

pihak.

Surabaya, 23 Mei 2019

Penulis

Page 9: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

x

DAFTAR ISI

Halaman

ABSTRAK ............................................................................................................ vii

KATA PENGANTAR ......................................................................................... viii

DAFTAR ISI ........................................................................................................... x

DAFTAR TABEL ................................................................................................. xii

DAFTAR GAMBAR ........................................................................................... xiii

DAFTAR LAMPIRAN ......................................................................................... xv

BAB I PENDAHULUAN ....................................................................................... 1

1.1 Latar Belakang.......................................................................................... 1

1.2 Rumusan Masalah .................................................................................... 2

1.3 Batasan Masalah ....................................................................................... 2

1.4 Tujuan ....................................................................................................... 2

1.5 Manfaat ..................................................................................................... 2

1.6 Sistematis Penulisan ................................................................................. 3

BAB II GAMBARAN UMUM PERUSAHAAN ................................................... 4

2.1 Sejarah Perusahaan ................................................................................... 4

2.2 Lokasi Perusahaan .................................................................................... 6

2.3 Visi dan Misi Perusahaan ......................................................................... 7

2.4 Struktur Organisasi ................................................................................... 7

BAB III LANDASAN TEORI .............................................................................. 10

3.1 Company Profile ..................................................................................... 10

3.2 Fungsi Company Profile ......................................................................... 10

3.3 Content Company Profile ....................................................................... 10

3.4 Website ................................................................................................... 11

3.5 PHP ......................................................................................................... 11

Page 10: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

xi

Halaman

3.6 MySQL ................................................................................................... 12

3.7 System Development Life Cycle (SDLC) ................................................ 12

3.8 System Development Life Cycle (SDLC) Waterfall ................................ 12

BAB IV DESKRIPSI PEKERJAAN .................................................................... 15

4.1 Observasi ................................................................................................ 15

4.2 Wawancara ............................................................................................. 15

4.3 Analisis Sistem ....................................................................................... 15

4.4 Perancangan Sistem ................................................................................ 15

4.4.1 System Flow .................................................................................... 16

4.4.2 Context Diagram ............................................................................. 18

4.4.3 Data Flow Diagram ........................................................................ 19

4.4.4 Entity Relationship Diagram........................................................... 25

4.5 Implementasi Desain Input dan Output .................................................. 28

4.5.1 Halaman Website Front End ........................................................... 28

4.5.2 Halaman Website Back End ............................................................ 38

BAB V PENUTUP ................................................................................................ 55

5.1 Kesimpulan ............................................................................................. 55

5.2 Saran ....................................................................................................... 55

DAFTAR PUSTAKA ........................................................................................... 57

LAMPIRAN ........................................................... Error! Bookmark not defined.

Page 11: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

xii

DAFTAR TABEL

Halaman

Tabel 2.1 Sejarah PDAM Tirta Segah..................................................................... 5

Page 12: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

xiii

DAFTAR GAMBAR

Halaman

Gambar 2.1 PDAM Tirta Segah Kabupaten Berau ................................................. 4

Gambar 2.2 Lokasi Maps Perusahaan ..................................................................... 6

Gambar 2.3 Struktur Organisasi PDAM Tirta Segah.............................................. 8

Gambar 3.1 Waterfall (Pressman, 2015 : 42) ........................................................ 13

Gambar 4.1 System Flow Pengunjung Website .................................................... 16

Gambar 4.2 System Flow Maintenace Data .......................................................... 17

Gambar 4.3 Context Diagram Website PDAM Tirta Segah ................................. 18

Gambar 4.4 Data Flow Diagram (DFD) Level 0 .................................................. 19

Gambar 4.5 Data Flow Diagram (DFD) Level 1 Login ........................................ 20

Gambar 4.6 Data Flow Diagram (DFD) Level 1 Pengelolaan Data ..................... 21

Gambar 4.7 Data Flow Diagram (DFD) Level 1 Output Pengunjung .................. 22

Gambar 4.8 Data Flow Diagram (DFD) Level 1 Sambungan Baru ...................... 23

Gambar 4.9 Data Flow Diagram (DFD) Level 1 Pengaduan ................................ 23

Gambar 4.10 Data Flow Diagram (DFD) Level 1 Kata Pelanggan ...................... 24

Gambar 4.11 Data Flow Diagram (DFD) Level 1 Output Administrator ............. 25

Gambar 4.12 Conceptual Data Model ................................................................... 26

Gambar 4.13 Physical Data Model ....................................................................... 27

Gambar 4.14 Halaman Login ................................................................................ 28

Gambar 4.15 Halaman Beranda – Slider............................................................... 29

Gambar 4.16 Halaman Beranda – Berita .............................................................. 29

Gambar 4.17 Halaman Beranda - Kata Pelanggan ................................................ 30

Gambar 4.18 Halaman Beranda - Kantor Kami .................................................... 30

Gambar 4.19 Halaman Beranda – Mitra ............................................................... 31

Gambar 4.20 Halaman Beranda – Footer .............................................................. 31

Gambar 4.21 Halaman Sejarah ............................................................................. 32

Gambar 4.22 Halaman Visi & Misi 1 ................................................................... 32

Gambar 4.23 Halaman Visi & Misi 2 ................................................................... 33

Gambar 4.24 Halaman Struktur Organisasi .......................................................... 33

Gambar 4.25 Halaman Sistem Penyediaan Air Minum ........................................ 34

Page 13: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

xiv

Halaman

Gambar 4.26 Halaman Sambungan Baru 1 ........................................................... 35

Gambar 4.27 Halaman Sambungan Baru 2 ........................................................... 35

Gambar 4.28 Halaman Pengaduan ........................................................................ 36

Gambar 4.29 Halaman Berita ................................................................................ 36

Gambar 4.30 Halaman Detail Berita ..................................................................... 37

Gambar 4.31 Halaman Download ......................................................................... 37

Gambar 4.32 Halaman Dashboard ........................................................................ 38

Gambar 4.33 Halaman Statistik Pengunjung ........................................................ 39

Gambar 4.34 Halaman Tabel Data Modul Users .................................................. 39

Gambar 4.35 Halaman Form Edit Modul Users ................................................... 40

Gambar 4.36 Halaman Form Modul Identitas ...................................................... 41

Gambar 4.37 Halaman Tabel Data Modul Banner Slider ..................................... 41

Gambar 4.38 Halaman Form Edit Modul Banner Slider ...................................... 42

Gambar 4.39 Halaman Tabel Data Modul Berita ................................................. 43

Gambar 4.40 Halalam Form Edit Modul Berita.................................................... 43

Gambar 4.41 Halaman Tabel Data Modul Kata Pelanggan .................................. 44

Gambar 4.42 Halaman Form Baca Modul Kata Pelanggan .................................. 45

Gambar 4.43 Halaman Tabel Data Modul Sejarah ............................................... 45

Gambar 4.44 Halaman Form Edit Modul Sejarah ................................................ 46

Gambar 4.45 Halaman Form Edit Modul Struktur Organisasi ............................. 47

Gambar 4.46 Halaman Form Edit Modul Sistem Penyediaan Air Minum ........... 47

Gambar 4.47 Halaman Tabel Data Modul Sambungan Baru ............................... 48

Gambar 4.48 Halaman Form Edit Modul Sambungan Baru 1 .............................. 48

Gambar 4.49 Halaman Form Edit Modul Sambungan Baru 2 .............................. 49

Gambar 4.50 Halaman Tabel Data Modul Pengaduan.......................................... 50

Gambar 4.51 Halaman Form Baca Modul Pengaduan.......................................... 50

Gambar 4.52 Halaman Tabel Data Modul Download .......................................... 51

Gambar 4.53 Halaman Form Edit Modul Download ............................................ 52

Gambar 4.54 Halaman Tabel Data Modul Mitra .................................................. 52

Gambar 4.55 Halaman Form Edit Modul Mitra ................................................... 53

Gambar 4.56 Halaman Tabel Data Modul Kantor Kami ...................................... 54

Page 14: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

xv

DAFTAR LAMPIRAN

Halaman

Lampiran 1. Peran dan Tanggung Jawab ............... Error! Bookmark not defined.

Lampiran 2. Surat Balasan Perusahaan .................. Error! Bookmark not defined.

Lampiran 3. Form KP-5 ......................................... Error! Bookmark not defined.

Lampiran 4. Form KP-6 ......................................... Error! Bookmark not defined.

Lampiran 5. Form KP-7 ......................................... Error! Bookmark not defined.

Lampiran 6. Kartu Bimbingan Kerja Praktik ......... Error! Bookmark not defined.

Lampiran 7. Biodata Penulis .................................. Error! Bookmark not defined.

Page 15: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

1

BAB I

PENDAHULUAN

1.1 Latar Belakang

Perusahaan Daerah Air Minum (PDAM) merupakan Badan Usaha Milik

Daerah (BUMD) yang terdapat disetiap provinsi, kabupaten, dan kotamadya

diseluruh Indonesia. PDAM merupakan perusahaan yang bergerak dalam distribusi

air bersih bagi masyarakat umum yang diawasi dan dimonitor oleh aparat-aparat

eksekutif maupun legislatif daerah. PDAM sebagai perusahaan daerah diberi

tanggung jawab dalam mengelola sistem penyediaan air bersih untuk melayani

masyarakat dengan harga terjangkau.

PDAM Tirta Segah yang berlokasi di Jalan Raja Alam I KM.5 Kelurahan

Sei/Sungai Bedungun Kecamatan Tanjung Redeb Kabupaten Berau Kalimantan

Timur. PDAM Tirta Segah telah berdiri sejak tahun 1980. Hingga saat ini PDAM

Tirta Segah memiliki kapastitas 200 L/detik dengan mengambil air baku dari sungai

segah. Pada proses memberikan informasi dan layanan publik, PDAM Tirta Segah

ingin mempunyai sebuah media yang dapat membantu untuk meningkatkan

pelayanan nya kepada pelanggan. Selama ini, PDAM Tirta Segah hanya

menggunakan surat kabar harian untuk memberikan informasi kepada masyarakat

umum khususnya pelanggan PDAM Tirta Segah.

Permasalahan yang sering terjadi yaitu masih banyaknya pelanggan komplain

terhadap pelayanan yang diberikan dikarenakan tidak mengetahui informasi

mengenai kegiatan yang dilakukan pihak PDAM Tirta Segah dalam melakukan

perawatan kualitas air atau perbaikan pipa bocor yang mengakibatkan putusnya

aliran air yang diberikan kepada pelanggan serta tidak ada media pengaduan untuk

mengumpulkan informasi dari masyarakat.

Berdasarkan permasalahan tersebut, maka solusi yang dapat diberikan untuk

PDAM Tirta Segah adalah dengan membangun sebuah Website Company Profile

pada PDAM Tirta Segah Kabupaten Berau. Sistem ini diharapkan dapat membantu

perusahaan untuk meningkatkan pelayanan dalam menyampaian berita atau

Page 16: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

2

pengumuman, pengaduan pelanggan terkait layanan yang diberikan perusahaan dan

informasi umum tentang perusahaan.

1.2 Rumusan Masalah

Berdasarkan latar belakang di atas, maka dapat dirumuskan suatu rumusan

masalah yaitu dengan merancang bangun website profile perusahaan pada PDAM

Tirta Segah Kabupaten Berau.

1.3 Batasan Masalah

Berdasarkan rumusan masalah diatas, maka batasan masalah dalam

merancang sistem ini adalah sebagai berikut:

1. Sistem yang dibuat hanya untuk menjadi media infomasi dan pelayanan

publik PDAM Tirta Segah.

2. Sistem yang dibuat tidak menangani kegiatan transaksi maupun

akuntansi perusahaan.

3. Sistem tidak membahas keamanan jaringan dan data.

4. Sistem yang dibangun berbasis web dengan menggunakan bahasa

pemrograman PHP serta dengan menggunakan basis data MySQL.

1.4 Tujuan

Tujuan penelitian ini adalah membuat sebuah sistem profil perusahaan

berbasis web pada PDAM Tirta Segah Kabupaten Berau.

1.5 Manfaat

Manfaat yang diperoleh dari sistem untuk PDAM Tirta Segah Kabupaten

Berau adalah sebagai berikut:

1. Membantu proses pelayanan yang efektif.

2. Memberikan informasi lebih kepada pelanggan

3. Mendapatkan informasi yang diinginkan oleh pelanggan kepada

perusahaan.

Page 17: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

3

1.6 Sistematis Penulisan

Dalam penulisan laporan ini secara sistematis penulisan dibagi menjadi

beberapa bab yaitu:

BAB I : PENDAHULUAN

Bab ini menjelaskan hal-hal yang menjadi latar belakang, rumusan

dan batasan masalah, tujuan serta manfaat yang dihasilkan dari

penulisan laporan kerja praktik ini.

BAB II : GAMBARAN UMUM PERUSAHAAN

Bab ini mendeskripsikan segala sesuatu yang berkaitan dengan

PDAM Tirta Segah Kabupaten Berau yaitu identitas, sejarah, lokasi,

visi, misi dan struktur organisasi perusahaan

BAB III : LANDASAN TEORI

Bab ini membahas tentang berbagai teori yang menjadi landasan

dalam perancangan sistem dan laporan kerja praktik.

BAB IV : DESKRIPSI PEKERJAAN

Bab ini berisi mengenai penjelasan kegiatan yang dilakukan pada

saat kerja praktik berlangsung yang berupa perancangan sistem

informasi profil perusahaan berbasis website dengan

implementasinya.

BAB V : PENUTUP

Bab ini membahas tentang kesimpulan yang diperoleh dari

pembuatan sistem yang telah dibuat serta menjelaskan saran yang

bertujuan untuk pengembangan maupun perbaikan sistem informasi

profil perusahaan PDAM Tirta Segah Kabupaten Berau diwaktu

mendatang.

Page 18: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

4

BAB II

GAMBARAN UMUM PERUSAHAAN

2.1 Sejarah Perusahaan

PDAM Tirta Segah Kabupaten Berau merupakan salah satu Badan Usaha

Milik Pemerintah Daerah dalam bidang pelayanan air minum di Kabupaten Berau

yang bertugas untuk mengusahakan dan menyelenggarakan pengelolaan air minum

guna memenuhi kebutuhan masyarakat. PDAM Tirta Segah berdiri sejak tahun

1980.

Gambar 2.1 PDAM Tirta Segah Kabupaten Berau

Pada Gambar 2.1, merupakan foto bangunan PDAM Tirta Segah Kabupaten

Berau dari tampak depan yang dibangun sejak 2006. Berikut adalah sejarah singkat

berdirinya PDAM Tirta Segah Kabupaten Berau.

Page 19: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

5

Tabel 2.1 Sejarah PDAM Tirta Segah

Tahun Deskripsi Sejarah

1980 Dengan pentingnya kebutuhan air bersih dalam kehidupan kita Pemerintah Kabupaten Berau telah membangun Instalasi Pengolahan Air sejak Tahun 1980 dengan kapasitas 10 L/detik, lengkap dengan jaringan perpipaan, Mekanikal/Electrikal serta sambungan Rumah senyak 200 Unit dengan dana APBN dan untuk sistem Pengelolaannya ditangani oleh Proyek Peningkatan Sarana Air Bersih Kalimantan Timur ( PPSAB-KT) dan untuk pelaksanaan pembangunan oleh kontraktor PT. Wijaya Kesuma Emindo (WKE).

1986 Diadakan pengembangan kapasitas instalasi dengan ditambahnya Instalasi pengolahan Air ( IPA ) paket baja 10 L/detik, bantuan dari PPSAB Kal – Tim. Bekas ( ex ) IPA Dari Balikpapan Produk Sumber Cipta Jaya ( STD ) dengan sumber dan APBN lengkap dengan Pipa Transmisi Intake,Pompa intake dan pompa kimia

1995 Dibangun lagi Instalasi paket baja kapasitas 10 L/detik lengkap pompa Intake dan pompa Kimia dengan sumber dana APBD II Kabupaten produk PT. Ruhaak Phala Industri dan dikelola oleh PDAM Berau.

1999/2000 Diadakan pengembangan kapasitas Instalasi 20 L/detik ( konvensional ) dengan sumber dana APBN dan dikelola oleh Dinas PU Daerah dengan desain oleh PDAM Berau.

2002 Kapasitas dioptimalkan menjadi 40 L/detik dengan menambah pompa intake dan tube setler pada bak sedimentasi serta menambah pompa blower untuk pencucian filter IPA.

2006 Mengalami optimalisasi menjadi 60 L/detik dengan menambah pompa intake.

Page 20: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

6

2007 PDAM Tirta Segah mengalami pengembangan (Sarana Air Bersih Perkotaan) dengan membangun Instalasi Air Bersih (IPA) type Kedasih konstruksi beton bertulang (konvensional) dengan kapasitas terpasang 200 L/detik. Yang beralamatkan di Jalan Raja Alam I,KM5, Kel Sei Bedungun. Kec. Tanjung Redeb.

IPA ini dalam proses pengolahan airnya menggunakan sistem kontrol yang bekerja secara otomatis dengan komputer (Scada) baik untuk kualitas air yang diolah maupun pencucian filternya dan debit air yang diproduksi dapat dimonitor dengan tepat dan cepat serta hasilnya dapat di print out. Dan sistem yang di manfaatkan dengan baik sampai dengan saat ini.

2.2 Lokasi Perusahaan

PDAM Tirta Segah berlokasi di Kecamatan Teluk Bayur, Kabupaten Berau,

Provinsi Kalimantan Timur, Indonesia. Adapun peta lokasi perusahaan dapat dilihat

pada Gambar 3.2.

Gambar 2.2 Lokasi Maps Perusahaan

Pada Gambar 2.2, merupakan titik lokasi PDAM Tirta Segah yang dipetakan

melalui google maps. Adapun informasi yang didapat sebagai berikut:

Page 21: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

7

Alamat : Jalan Raja Alam I KM. 5 Teluk Bayur – Kab.

Berau, Kalimantan Timur 77313

No. Telepon : (0554) 21054

Jam Buka/Tutup : 08.00 – 16.00 WITA

2.3 Visi dan Misi Perusahaan

Visi

Mewujudkan Perusahaan Yang Sehat Dan Profesional Serta Berdaya Saing

Misi

1. Meningkatkan Kualitas, Kuantitas dan Kontinuitas Serta Pelayanan Prima

Kepada Pelanggan.

2. Meningkatkan Cakupan Pelayanan Menjadi 70 Persen.

3. Meningkatkan Efektifitas Penagihan dan Efisiensi Biaya Serta

Optimalisasi Pendapatan.

4. Meningkatkan Profesionalisme dan Kesejahteraan Karyawan.

2.4 Struktur Organisasi

PDAM Tirta Segah Kabupaten Berau memiliki struktur organisasi sebagai

berikut:

Page 22: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

8

Gambar 2.3 Struktur Organisasi PDAM Tirta Segah

Pada Gambar 2.3, menggambarkan struktur organisasi yang terdapat pada

PDAM Tirta Segah. Tiap-tiap bagian memiliki tugas dan tanggung jawab yang

berbeda-beda, penjelasan terkait tugas dan tanggung jawab sesuai dengan peraturan

bupati berau nomor 2 tahun 2013 tentang rincian tugas pokok, fungsi dan tata kerja

PDAM Tirta Segah Kabupaten Berau dijelaskan pada Lampiran 1.

Page 23: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

9

BAB III

LANDASAN TEORI

3.1 Company Profile

Company profile adalah produk tulisan praktisi Public Relations yang berisi

gambaran umum perusahaan (Rachmat Kriyantono, 2008). Gambaran ini tidak

sepenuhnya lengkap, detail dan mendalam. Perusahaan bisa memilih poin-poin apa

saja yang ingin disampaikan secara terbuka kepada publiknya. Bahkan ada

perusahaan yang memilih membuat company profile berdasarkan kepentingan

publik sasaran. Ada company profile yang dibuat khusus untuk konsumen

(pelanggan), bank, pemerintah, pemasok dan sebagainya. Biasanya hal ini

dilakukan oleh perusahaan besar yang mempunyai bidang usaha luas dan publik

yang berbeda-beda.

3.2 Fungsi Company Profile

Menurut Rachmat Kriyantono (2008), fungsi Company Profile yaitu sebagai

berikut:

1. Representasi perusahaan. Company profile adalah 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. Dapat 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 tentang

perusahaan, produk, pasar, visi, misi, posisi keuangan dan lain lain. Hal

itu dapat dipelajari melalui company profile, sebelum dan sesudah

pertemuan.

Page 24: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

10

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

3.3 Content Company Profile

Menurut Rachmat Kriyantono (2008) banyak hal yang bisa ditulis dalam

company profile. Tetapi, secara umum isi company profile mencakup:

1. Sejarah perusahaan, mencakup antara lain pendiri perusahaan, jajaran

direksi, asal muasal, proses perkembangan, dan lain lain.

2. Filosofis perusahaan, bisa disebut pandangan atau ideologi dasar-dasar

perusahaan.

3. Budaya perusahaan, adalah nilai-nilai kunci dan konsep bersama yang

membentuk citra anggota organisasi terhadap organisasinya. Misalnya, etos

kerja tinggi, maju untuk semua, makan tidak makan yang penting kumpul.

4. Sambutan dari pimpinan (direktur utama dan komisaris utama) tentang

segala hal yang sangat berpengaruh pada aktivitas perusahaan dan rencana

jangka panjang.

5. Identitas perusahaan, termasuk disini logo, uniform, interior gedung dan

kantor, kualitas cetakan atau kualitas audiovisualnya

6. Visi, misi strategi perusahaan, termasuk komitmen perusahaan untuk

meraih kemajuan. Ini menunujukan bahwa oprasional perusahaan dilakukan

tidak sembarangan, tetapi melalui perencanaan yang mtang dan

berkeseimbangan. Sebagai jaminan masa depan bisnis yang berkelanjutan.

Pada akhirnya menciptakan kepercayaan publik, bahwa masa depan

perusahaan terjamin.

7. Alamat cabang-cabang. Semakin banyak cabang perusahaan dibeberapa

wilayah menujukan jalur distribusi yang merata. Pada akhirnya

mencerminkan kebersamaan dan prestise perusahaan

8. Gambaran tentang SDM, ceritakan orang-orang dibalik operasional

perusahaan, siapa saja figur pengendali dijajaran manajemen termasuk

tokoh berpengaruh di masyarakat yang berkaitan dengan perusahaan.

Page 25: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

11

3.4 Website

Website menurut Hidayat (2010), diartikan sebagai kumpulan halaman-

halaman yang digunakan untuk menampilkan teks, gambar diam atau bergerak,

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. Hubungan antara

satu halaman web dengan halaman web yang lainnya disebut Hyperlink, sedangkan

teks yang dijadikan media penghubung disebut Hypertext.

Website memiliki jenis web yang dikelompokkan berdasarkan kepada fungsi

dan sifat yang digunakan. Jenis web berdasarkan sifatnya dibagi menjadi 2, yaitu:

1. Website statis, merupakan sebuah website yang content-nya sangat jarang

berubah.

2. Website dinamis, merupakan sebuah website yang menyediakan content

atau isi yang selalu berubah-ubah setiap saat.

Sedangkan jenis web berdasarkan fungsinya terbagi atas:

1. Personal website, yang berisi informasi pribadi seseorang.

2. Commercial website, yang dimiliki oleh sebuah perusahaan yang bersifat

bisnis.

3. Government website, yang dimiliki oleh instansi pemerintahan,

pendidikan yang bertujuan memberikan pelayanan kepada pengguna.

4. Non-Profit Organization website, yang dimiliki oleh organisasi yang

bersifat non-profit atau tidak bersifat bisnis.

3.5 PHP

Menurut Agus Saputra (2013), PHP atau yang memiliki kepanjangan PHP

Hypertext Preprocessor, merupakan suatu bahasa pemrograman yang difungsikan

untuk membangun suatu website dinamis. PHP menyatu dengan kode HTML.

HTML digunakan sebagai pembangun atau pondasi dari kerangka layout web,

sedangkan PHP difungsikan sebagai proses-prosesnya untuk mempermudah

maintenance situs web.

Page 26: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

12

Menurut Betha Sidik (2017), kemampuan PHP yang paling diandalkan dan

signifikan adalah dukungan kepada banyak database seperti MySQL, MSQL,

Oracle, SQLite dan lain lain. Sehingga membuat halaman web yang menggunakan

data dari database dengan sangat mudah dapat dilakukan.

3.6 MySQL

Menurut Firrar (2002), MySQL adalah database server relasional yang gratis

di bawah lisensi General Public License (GNU). Dengan sifatnya yang open

source, memungkinkan juga pengguna untuk melakukan modifikasi pada source

codenya untuk memenuhi kebutuhan spesifik mereka sendiri. MySQL merupakan

database server multi-user dan multi-threaded yang tangguh (robust) yang

memungkinkan backend yang berbeda, sejumlah program client dan library yang

berbeda, tool administratif, dan beberapa antarmuka pemrograman. MySQL juga

tersedia sebagai library yang bisa digabungkan ke aplikasi.

Kehandalan suatu sistem basis data dapat di ketahui dari cara kerja

pengoptimasiannya dalam melakukan proses perintah – perintah SQL yang dibuat

pengguna maupun program – program aplikasi yang memanfaatkannya. Sebagai

sistem basis data MySQL mendukung operasi basis data transaksional maupun

operasi basis data non-transaksional.

3.7 System Development Life Cycle (SDLC)

System development life cycle (SDLC) adalah proses untuk memahami

bagaimana sebuah sistem informasi dapat mendukung kebutuhan bisnis dengan

merancang suatu sistem, membangun sistem tersebut dan menyampaikan kepada

pengguna (Tegarden, Dennis, Wixon, 2013). SDLC memiliki empat fase dasar

yaitu planning, analysis, design dan implementation. Setiap fase itu sendiri terdiri

dari serangkaian langkah yang menggunakan cara tertentu dalam menghasilkan

goal yang dicapai.

3.8 System Development Life Cycle (SDLC) Waterfall

Menurut Pressman (2015:42), model waterfall adalah model klasik yang

bersifat sistematis, berurutan dalam membangun software. Nama model ini

Page 27: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

13

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. Fase-fase dalam Waterfall Model menurut

referensi Pressman :

Gambar 3.1 Waterfall (Pressman, 2015 : 42)

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 kerja yang akan

dilaksanakan, dan tracking proses pengerjaan sistem.

c. Modeling (Analysis & Design)

Page 28: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

14

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. (Pressman, 2015:17)

Page 29: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

15

BAB IV

DESKRIPSI PEKERJAAN

4.1 Observasi

Observasi dilakukan dengan mengamati proses bisnis yang dilakukan

perusahaan, penyampaian informasi dan pelayanan yang diberikan kepada

masyarakat pada PDAM Tirta Segah saat ini. Hasil observasi yang diperoleh yaitu

penyampaian informasi melalui individu ke individu dan melalui media cetak surat

kabar harian.

4.2 Wawancara

Wawancara dilakukan dengan tujuan untuk mengetahui permasalahan dan

mengetahui secara langsung proses bisnis yang terjadi di PDAM Tirta Segah dan

mengetahui keinginan perusahaan, dengan memberikan solusi penggunaan

teknologi informasi dalam proses bisnisnya. Dengan adanya wawancara ini, maka

dapat disimpulkan kebutuhan teknologi yang sesuai dengan keinginan PDAM Tirta

Segah.

4.3 Analisis Sistem

Berdasarkan hasil observasi dan wawancara yang dilakukan pada saat kerja

praktik di PDAM Tirta Segah, maka dapat diketahui sistem apa yang akan

dibutuhkan oleh PDAM Tirta Segah Kabupaten Berau untuk mengatasi

permasalahan yang ada. Analisis kebutuhan sistem diambil berdasarkan data yang

diperoleh pada saat wawancara kepada kepala bagian hubungan langganan.

4.4 Perancangan Sistem

Dalam perancangan sistem ini menggunakan pemodelan sistem antara lain

System Flow, Context Diagram, Data Flow Diagram , dan Entity Relationship

Diagram sesuai dengan analisa kebutuhan dan rancangan sistem.

Page 30: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

16

4.4.1 System Flow

System Flow merupakan gambaran aliran data dan prosedur proses informasi

yang diperlukan dalam sebuah sistem. Hal ini dilakukan dengan berbagai simbol

yang dihubungkan dengan panah-panah untuk menunjukkan kelanjutan aktivitas

proses informasi. System Flow yang mengenai proses yang terdapat pada sebuah

website company profile dapat dijelaskan sebagai berikut.

a. System Flow Visitor

Gambar 4.1 System Flow Pengunjung Website

Pada Gambar 4.1, menjelaskan bahwa pengunjung website masuk kedalam

halaman website perusahaan. Pertama pengunjung memasukkan kata kunci

pencarian atau memasukkan URL website di pencarian browser. Setelah itu sistem

Page 31: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

17

akan menampilkan beranda website perusahaan yang didalam nya terdapat berbagai

menu profil, layanan online, berita, download dan lain lain.

b. System Flow Administrator

Gambar 4.2 System Flow Maintenace Data

Page 32: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

18

Pada Gambar 4.2, menjelaskan bahwa admin melakukan pengelolaan data

di halaman administrator. Pertama admin harus melakukan login dengan validasi

username dan password jika data nya tersedia didalam basis data website maka

akan masuk kedalam halaman administrator. Didalam halaman administrator

terdapat berbagai menu modul untuk melakukan pengelolaan data tiap modul pada

halaman website pengunjung. Kemudian didalam tiap menu modul admin dapat

melihat, menambah, mengubah dan menghapus data modul.

4.4.2 Context Diagram

Context Diagram menggambarkan ruang lingkup sistem secara umum.

Berikut ini adalah context diagram dari website profil perusahaan pada PDAM Tirta

Segah dapat dilihat pada Gambar 4.3.

Gambar 4.3 Context Diagram Website PDAM Tirta Segah

Page 33: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

19

Pada Gambar 4.3, menggambarkan proses dan ruang lingkup sistem website

secara umum, context diagram di atas memiliki 2 entitas yaitu Administrator dan

Pengunjung. Detail dari context diagram dapat dilihat pada data flow diagram.

4.4.3 Data Flow Diagram

a. Level 0

Data Flow Diagram (DFD) Level 0 merupakan hasil decompose dari

context diagram. Berikut ini adalah DFD Level 0 dari website profil

perusahaan pada PDAM Tirta Segah dilihat pada Gambar 4.4.

Gambar 4.4 Data Flow Diagram (DFD) Level 0

Page 34: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

20

Pada Gambar 4.4, menggambarkan detail proses dan ruang lingkup dari

context diagram. Pada DFD Level 0 memiliki dua entitas eksternal yaitu

administrator dan pengunjung. Kemudian memiliki tujuh proses yaitu login,

pengelolaan data, output pengunjung, sambungan baru, pengaduan, kata

pelanggan dan output admin. Serta memiliki tiga belas data storage yaitu

berita, download, identitas, kantor kami, mitra, sejarah, slider, spam, struktur

organisasi, users, sambungan baru, pengaduan dan kata pelanggan. Pada DFD

Level 0 ini tiap proses akan di decompose menjadi DFD Level 1 untuk

menggambarkan proses secara detail.

b. Level 1 Proses 1

Berikut ini adalah DFD Level 1 Proses 1 dari website profil perusahaan

yaitu proses login.

Gambar 4.5 Data Flow Diagram (DFD) Level 1 Login

Page 35: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

21

Pada Gambar 4.5, memiliki satu entitas administrator. Kemudian

memiliki satu proses yaitu pengecekan data users. Dan memiliki satu data

storage yaitu users.

c. Level 1 Proses 2

Berikut ini adalah DFD Level 1 Proses 2 dari website profil perusahaan

yaitu proses pengelolaan data.

Gambar 4.6 Data Flow Diagram (DFD) Level 1 Pengelolaan Data

Pada Gambar 4.6, memiliki satu entitas administrator. Kemudian

memiliki sepuluh proses yaitu input, update, delete dan read pada tiap proses

berita, download, identitas, kantor kami, mitra, sejarah, slider, spam, struktur

organisasi dan users. Dan memiliki sepuluh data storage yaitu berita,

download, identitas, kantor kami, mitra, sejarah, slider, spam, struktur

organisasi dan users.

Page 36: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

22

d. Level 1 Proses 3

Berikut ini adalah DFD Level 1 Proses 3 dari website profil perusahaan

yaitu proses output pengunjung.

Gambar 4.7 Data Flow Diagram (DFD) Level 1 Output Pengunjung

Pada Gambar 4.7, memiliki satu entitas pengunjung. Kemudian memiliki

sembilan proses yaitu output pada tiap proses berita, download, identitas,

kantor kami, mitra, sejarah, slider, spam, struktur organisasi dan users. Dan

memiliki sepuluh data storage yaitu berita, download, identitas, kantor kami,

mitra, sejarah, slider, spam dan struktur organisasi.

e. Level 1 Proses 4

Berikut ini adalah DFD Level 1 Proses 4 dari website profil perusahaan

yaitu proses sambungan baru.

Page 37: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

23

Gambar 4.8 Data Flow Diagram (DFD) Level 1 Sambungan Baru

Pada Gambar 4.8, memiliki satu entitas pengunjung. Kemudian memiliki

satu proses yaitu input sambungan baru. Dan memiliki satu data storage yaitu

sambungan baru.

f. Level 1 Proses 5

Berikut ini adalah DFD Level 1 Proses 5 dari website profil perusahaan

yaitu proses pengaduan.

Gambar 4.9 Data Flow Diagram (DFD) Level 1 Pengaduan

Page 38: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

24

Pada Gambar 4.9, memiliki satu entitas pengunjung. Kemudian memiliki

satu proses yaitu input pengaduan. Dan memiliki satu data storage yaitu

pengaduan.

g. Level 1 Proses 6

Berikut ini adalah DFD Level 1 Proses 6 dari website profil perusahaan

yaitu proses kata pelanggan.

Gambar 4.10 Data Flow Diagram (DFD) Level 1 Kata Pelanggan

Pada Gambar 4.10, memiliki satu entitas pengunjung. Kemudian

memiliki satu proses yaitu input kata pelanggan. Dan memiliki satu data

storage yaitu kata pelanggan.

h. Level 1 Proses 7

Berikut ini adalah DFD Level 1 Proses 7 dari website profil perusahaan

yaitu proses output administrator.

Page 39: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

25

Gambar 4.11 Data Flow Diagram (DFD) Level 1 Output Administrator

Pada Gambar 4.11, memiliki satu entitas administrator. Kemudian

memiliki tiga proses yaitu update delete read sambungan baru, delete read

pengaduan dan delete read kata pelanggan. Dan memiliki tiga data storage

yaitu sambungan baru, pengaduan dan kata pelanggan.

4.4.4 Entity Relationship Diagram

Entity Relationship Diagram (ERD) adalah menggambarkan entitas yang

berelasi antar entitas pada sebuah basis data. ERD dibagi menjadi dua bentuk yaitu

Conceptual Data Model (CDM) dan Physical Data Model (PDM) berikut adalah

gambarannya.

Page 40: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

26

a. Conceptual Data Model (CDM)

Gambar 4.12 Conceptual Data Model

Page 41: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

27

b. Physical Data Model (PDM)

Gambar 4.13 Physical Data Model

Page 42: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

28

4.5 Implementasi Desain Input dan Output

Desain input dan output menjelaskan gambaran dalam menggunakan sistem

ini dan cara interaksi sistem dengan penggunanya. Berikut ini merupakan

implementasi desain input dan output dari website profil perusahaan pada PDAM

Tirta Segah Kabupaten Berau.

4.5.1 Halaman Website Front End

Halaman website front end merupakan halaman profil perusahaan yang

dikunjungi oleh pengunjung website yang menyajikan informasi dan layanan online

kepada publik/pengunjung website.

a. Login

Halaman ini merupakan tahap pertama administrator sebelum mengakses

halaman back end. Administrator harus memasukkan NIK dan Password

untuk divalidasi oleh sistem, dilihat pada Gambar 4.14. Setelah sistem

melakukan validasi sistem akan menampilkan halaman administrator seperti

pada Gambar 4.32.

Gambar 4.14 Halaman Login

Page 43: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

29

b. Beranda

Halaman ini merupakan halaman awal yang ditampilkan ketika mengakses

website company profile pada PDAM Tirta Segah, dapat dilihat pada Gambar 4.15.

Gambar 4.15 Halaman Beranda – Slider

Pada Gambar 4.15, merupakan gambaran halaman beranda yang

menunjukkan konten slide gambar yang berisi informasi atau sambutan direktur

perusahaan.

Gambar 4.16 Halaman Beranda – Berita

Pada Gambar 4.16, merupakan gambaran halaman beranda yang

menunjukkan konten berita terbaru yang berisi berita headline yang ditampilkan

dari PDAM Tirta Segah.

Page 44: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

30

Gambar 4.17 Halaman Beranda - Kata Pelanggan

Pada Gambar 4.17, merupakan gambaran halaman beranda yang

menunjukkan konten kata pelanggan yang berisi ulasan pelanggan yang ingin

memberikan pengalaman nya kepada publik terkait pelayanan yang diberikan oleh

perusahaan.

Gambar 4.18 Halaman Beranda - Kantor Kami

Pada Gambar 4.18, merupakan gambaran halaman beranda yang

menunjukkan konten kantor kami yang berisi informasi alamat dan kontak kantor

pusat dan kantor cabang perusahaan.

Page 45: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

31

Gambar 4.19 Halaman Beranda – Mitra

Pada Gambar 4.19, merupakan gambaran halaman beranda yang

menunjukkan konten mitra kami yang berisi logo mitra perusahaan yang telah

bekerja sama dengan PDAM Tirta Segah.

Gambar 4.20 Halaman Beranda – Footer

Pada Gambar 4.20, merupakan gambaran halaman beranda yang

menunjukkan footer pada website yang berisi konten newsletter, alamat dan kontak

perusahaan.

c. Profil – Sejarah

Halaman ini merupakan halaman yang berisi informasi sejarah berdiri nya

perusahaan dari awal hingga saat ini, dapat dilihat pada Gambar 4.21.

Page 46: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

32

Gambar 4.21 Halaman Sejarah

d. Profil – Visi & Misi

Halaman ini merupakan halaman yang berisi menjelaskan visi dan misi

perusahaan dalam mencapai tujuan utama atau cita-cita perusahaan di masa

mendatang, dapat dilihat pada Gambar 4.22 dan Gambar 4.23.

Gambar 4.22 Halaman Visi & Misi 1

Page 47: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

33

Gambar 4.23 Halaman Visi & Misi 2

e. Profil – Struktur Organisasi

Halaman ini merupakan halaman yang berisi susunan dan hubungan antara

tiap bagian serta posisi yang ada pada perusahaan dalam menjalankan kegiatan

operasional, dapat dilihat pada Gambar 4.24.

Gambar 4.24 Halaman Struktur Organisasi

Page 48: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

34

f. Profil – Sistem Penyediaan Air Minum

Halaman ini merupakan halaman yang berisi informasi perusahaan dalam

melakukan penyediaan air minum dari awal pembuatan hingga sampai ke rumah-

rumah pelanggan serta informasi cakupan wilayah yang disuplai air oleh

perusahaan, dapat dilihat pada Gambar 4.25.

Gambar 4.25 Halaman Sistem Penyediaan Air Minum

g. Layanan Online – Sambungan Baru

Halaman ini merupakan halaman yang berisi layanan untuk mendaftar

menjadi pelanggan perusahaan dengan mengisi form sambungan baru, dapat dilihat

pada Gambar 4.26 dan Gambar 4.27.

Page 49: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

35

Gambar 4.26 Halaman Sambungan Baru 1

Pada Gambar 4.26, merupakan form data pribadi yang harus diisi oleh calon

pelanggan, setelah semua form terisi kemudian calon pelanggan harus menandai

lokasi rumah nya dengan menggeser tanda merah pada google maps terlihat pada

Gambar 4.27.

Gambar 4.27 Halaman Sambungan Baru 2

Page 50: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

36

h. Layanan Online – Pengaduan

Halaman ini merupakan halaman yang berisi layanan pelanggan untuk

melakukan pengaduan kepada perusahaan terkait pelayanan yang diberikan oleh

perusahaan.

Gambar 4.28 Halaman Pengaduan

i. Berita

Halaman ini merupakan halaman yang berisi berita terkait kegiatan

perusahaan atau pengumuman yang ingin disampaikan oleh perusahaan, dapat

dilihat pada Gambar 4.29.

Gambar 4.29 Halaman Berita

Page 51: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

37

Pada Gambar 4.29, merupakan halaman yang menampilkan beberapa berita

atau pengumuman yang disampaikan perusahaan, ketika salah satu judul berita

diklik maka sistem akan menampilkan halaman detail berita yang dipilih untuk

melihat secara lengkap isi berita terlihat pada Gambar 4.30.

Gambar 4.30 Halaman Detail Berita

j. Download

Halaman ini merupakan halaman yang berisi dokumen – dokumen yang dapat

diunduh diposting ke dalam website, dapat dilihat pada Gambar 4.31.

Gambar 4.31 Halaman Download

Page 52: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

38

4.5.2 Halaman Website Back End

Halaman website back end merupakan halaman administrator yang didalam

halaman tersebut memiliki berbagai fitur untuk mengelola data tiap modul,

kemudian dari data tersebut menjadi informasi akan ditampilkan pada halaman

website pengunjung.

a. Dashboard

Halaman ini merupakan halaman awal setelah administrator melakukan login,

didalam halaman ini berisi fitur-fitur untuk melakukan pengelolaan data pada

modul website, dapat dilihat pada Gambar 4.32.

Gambar 4.32 Halaman Dashboard

b. Statistik

Halaman ini merupakan halaman yang berisi layanan monitoring statistik

pengunjung website, didalam nya terdapat pengunjung website berdasarkan waktu

kemaren, hari ini, bulan ini dan tahun ini serta berdasarkan pengunjung online dan

hits pengunjung, dapat dilihat pada Gambar 4.33.

Page 53: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

39

Gambar 4.33 Halaman Statistik Pengunjung

c. Users

Halaman ini merupakan halaman yang menampilkan seluruh data didalam

tabel dari modul users yang didalamnya terdapat fitur pencarian data, sorting data,

filter data, ubah data dan hapus data, dapat dilihat pada Gambar 4.34.

Gambar 4.34 Halaman Tabel Data Modul Users

Page 54: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

40

Didalam tabel data modul users memiliki dua aksi yaitu edit dan hapus.

Ketika administrator memilih aksi hapus pada salah satu data yang dipilih maka

sistem langsung akan menghapus data tersebut dari tabel data, atau administrator

memilih aksi edit data pada salah data yang ingin diubah sistem akan menampilkan

halaman ubah data terlihat pada Gambar 4.35.

Gambar 4.35 Halaman Form Edit Modul Users

Pada Gambar 4.35, merupakan gambaran halaman form ubah data dari modul

users, ketika administrator memilih ubah data pada salah data yang ingin diubah.

d. Identitas

Halaman ini merupakan halaman form edit data dari modul identitas yang

berisi nama website, logo perusahaan, alamat perusahaan, kontak perusahaan dan

visi dan misi perusahaan, dapat dilihat pada Gambar 4.36.

Page 55: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

41

Gambar 4.36 Halaman Form Modul Identitas

e. Banner Slider

Halaman ini merupakan halaman yang menampilkan seluruh data didalam

tabel dari modul banner slider yang didalamnya terdapat fitur pencarian data,

sorting data, filter data, ubah data dan hapus data, dapat dilihat pada Gambar 4.37.

Gambar 4.37 Halaman Tabel Data Modul Banner Slider

Page 56: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

42

Didalam tabel data modul banner slider memiliki dua aksi yaitu edit dan

hapus. Ketika administrator memilih aksi hapus pada salah satu data yang dipilih

maka sistem langsung akan menghapus data tersebut dari tabel data, atau

administrator memilih aksi edit data pada salah data yang ingin diubah sistem akan

menampilkan halaman ubah data terlihat pada Gambar 4.38.

Gambar 4.38 Halaman Form Edit Modul Banner Slider

Pada Gambar 4.38, merupakan gambaran halaman form ubah data dari modul

banner slider, ketika administrator memilih ubah data pada salah data yang ingin

diubah.

f. Berita

Halaman ini merupakan halaman yang menampilkan seluruh data didalam

tabel dari modul berita yang didalamnya terdapat fitur pencarian data, sorting data,

filter data, ubah data dan hapus data, dapat dilihat pada Gambar 4.39.

Page 57: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

43

Gambar 4.39 Halaman Tabel Data Modul Berita

Didalam tabel data modul berita memiliki dua aksi yaitu edit dan hapus.

Ketika administrator memilih aksi hapus pada salah satu data yang dipilih maka

sistem langsung akan menghapus data tersebut dari tabel data, atau administrator

memilih aksi edit data pada salah data yang ingin diubah sistem akan menampilkan

halaman ubah data terlihat pada Gambar 4.40.

Gambar 4.40 Halalam Form Edit Modul Berita

Page 58: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

44

Pada Gambar 4.40, merupakan gambaran halaman form ubah data dari modul

berita, ketika administrator memilih ubah data pada salah data yang ingin diubah.

g. Kata Pelanggan

Halaman ini merupakan halaman yang menampilkan seluruh data didalam

tabel dari modul kata pelanggan yang didalamnya terdapat fitur pencarian data,

sorting data, filter data, memasukkan data, baca data dan hapus data, dapat dilihat

pada Gambar 4.41.

Gambar 4.41 Halaman Tabel Data Modul Kata Pelanggan

Didalam tabel data modul kata pelanggan memiliki dua aksi yaitu edit dan

hapus. Ketika administrator memilih aksi hapus pada salah satu data yang dipilih

maka sistem langsung akan menghapus data tersebut dari tabel data, atau

administrator memilih aksi baca data pada salah data yang ingin dibaca sistem akan

menampilkan halaman baca data terlihat pada Gambar 4.42.

Page 59: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

45

Gambar 4.42 Halaman Form Baca Modul Kata Pelanggan

Pada Gambar 4.42, merupakan gambaran halaman form baca data dari modul

kata pelanggan, ketika administrator memilih baca data pada salah data.

h. Sejarah

Halaman ini merupakan halaman yang menampilkan seluruh data didalam

tabel dari modul sejarah yang didalamnya terdapat fitur pencarian data, sorting data,

filter data, memasukkan data, ubah data dan hapus data, dapat dilihat pada Gambar

4.43.

Gambar 4.43 Halaman Tabel Data Modul Sejarah

Page 60: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

46

Didalam tabel data modul sejarah memiliki dua aksi yaitu edit dan hapus.

Ketika administrator memilih aksi hapus pada salah satu data yang dipilih maka

sistem langsung akan menghapus data tersebut dari tabel data, atau administrator

memilih aksi edit data pada salah data yang ingin diubah sistem akan menampilkan

halaman ubah data terlihat pada Gambar 4.44.

Gambar 4.44 Halaman Form Edit Modul Sejarah

Pada Gambar 4.44, merupakan gambaran halaman form ubah data dari modul

berita, ketika administrator memilih ubah data pada salah data yang ingin diubah.

i. Struktur Organisasi

Halaman ini merupakan halaman yang menampilkan seluruh data didalam

tabel dari modul struktur organisasi yang didalamnya terdapat fitur ubah data, dapat

dilihat pada Gambar 4.45.

Page 61: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

47

Gambar 4.45 Halaman Form Edit Modul Struktur Organisasi

j. Sistem Penyediaan Air Minum

Halaman ini merupakan halaman yang menampilkan seluruh data didalam

tabel dari modul struktur organisasi yang didalamnya terdapat fitur ubah data, dapat

dilihat pada Gambar 4.46.

Gambar 4.46 Halaman Form Edit Modul Sistem Penyediaan Air Minum

Page 62: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

48

k. Sambungan Baru

Halaman ini merupakan halaman yang menampilkan seluruh data didalam

tabel dari modul sejarah yang didalamnya terdapat fitur pencarian data, sorting data,

filter data, memasukkan data, ubah data dan hapus data, dapat dilihat pada Gambar

4.47.

Gambar 4.47 Halaman Tabel Data Modul Sambungan Baru

Pada Gambar 4.48, merupakan gambaran halaman form ubah data dari modul

sambungan baru, ketika administrator memilih ubah data pada salah data yang ingin

diubah.

Gambar 4.48 Halaman Form Edit Modul Sambungan Baru 1

Page 63: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

49

Pada Gambar 4.48, merupakan gambaran halaman form ubah data dari modul

sambungan baru, ketika administrator memilih ubah data pada salah data yang ingin

diubah.

Gambar 4.49 Halaman Form Edit Modul Sambungan Baru 2

Pada Gambar 4.49, merupakan gambaran fitur google maps yang terdapat di

modul sambungan baru, fitur ini digunakan untuk mengetahui lokasi detail rumah

calon pelanggan.

l. Pengaduan

Halaman ini merupakan halaman yang menampilkan seluruh data didalam

tabel dari modul pengaduan yang didalamnya terdapat fitur pencarian data, sorting

data, filter data, memasukkan data, ubah data dan hapus data, dapat dilihat pada

Gambar 4.50.

Page 64: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

50

Gambar 4.50 Halaman Tabel Data Modul Pengaduan

Didalam tabel data modul pengaduan memiliki dua aksi yaitu baca dan hapus.

Ketika administrator memilih aksi hapus pada salah satu data yang dipilih maka

sistem langsung akan menghapus data tersebut dari tabel data, atau administrator

memilih aksi baca data pada salah data yang ingin dibaca sistem akan menampilkan

halaman baca data, dapat dilihat pada Gambar 4.51.

Gambar 4.51 Halaman Form Baca Modul Pengaduan

Page 65: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

51

Pada Gambar 4.51, merupakan gambaran halaman form baca data dari modul

pengaduan, ketika administrator memilih baca data pada salah data yang ingin

dibaca, form ini digunakan untuk membaca informasi yang diberikan oleh

pelanggan kepada perusahaan.

m. Download

Halaman ini merupakan halaman yang menampilkan seluruh data didalam

tabel dari modul download yang didalamnya terdapat fitur pencarian data, sorting

data, filter data, memasukkan data, ubah data dan hapus data, dapat dilihat pada

Gambar 4.52.

Gambar 4.52 Halaman Tabel Data Modul Download

Didalam tabel data modul download memiliki dua aksi yaitu edit dan hapus.

Ketika administrator memilih aksi hapus pada salah satu data yang dipilih maka

sistem langsung akan menghapus data tersebut dari tabel data, atau administrator

memilih aksi edit data pada salah data yang ingin diubah sistem akan menampilkan

halaman ubah data terlihat pada Gambar 4.53.

Page 66: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

52

Gambar 4.53 Halaman Form Edit Modul Download

Pada Gambar 4.53, merupakan gambaran halaman form ubah data dari modul

download, ketika administrator memilih ubah data pada salah data yang ingin

diubah, form ini digunakan untuk mengubah nama dokumen atau file dokumen

yang ingin disimpan ke dalam penyimpanan lokal website.

n. Mitra

Halaman ini merupakan halaman yang menampilkan seluruh data didalam

tabel dari modul mitra yang didalamnya terdapat fitur pencarian data, sorting data,

filter data, memasukkan data, ubah data dan hapus data, dapat dilihat pada Gambar

4.54.

Gambar 4.54 Halaman Tabel Data Modul Mitra

Page 67: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

53

Didalam tabel data modul mitra memiliki dua aksi yaitu baca dan hapus.

Ketika administrator memilih aksi hapus pada salah satu data yang dipilih maka

sistem langsung akan menghapus data tersebut dari tabel data, atau administrator

memilih aksi edit data pada salah data yang ingin diedit sistem akan menampilkan

halaman edit data, dapat dilihat pada Gambar 4.55.

Gambar 4.55 Halaman Form Edit Modul Mitra

Pada Gambar 4.55, merupakan gambaran halaman form ubah data dari modul

download, ketika administrator memilih ubah data pada salah data yang ingin

diubah, form ini digunakan untuk mengubah logo mitra perusahaan atau URL

website mitra perusahaan.

o. Kantor Kami

Halaman ini merupakan halaman yang menampilkan seluruh data didalam

tabel dari modul kantor kami yang didalamnya terdapat fitur pencarian data, sorting

data, filter data, memasukkan data, ubah data dan hapus data, dapat dilihat pada

Gambar 4.56.

Page 68: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

54

Gambar 4.56 Halaman Tabel Data Modul Kantor Kami

Page 69: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

55

BAB V

PENUTUP

5.1 Kesimpulan

Berdasarkan dari hasil pembuatan dan implementasi website company profile

pada PDAM Tirta Segah Kabupaten Berau maka dapat dibuat kesimpulan sebagai

berikut:

1. Website company profile pada PDAM Tirta Segah Kabupaten Berau dapat

membantu memperkenalkan perusahaan kepada pelanggan.

2. Dengan adanya fitur sambungan baru dapat mempermudah proses

administrasi dan membantu perusahaan dalam mengaudit wilayah yang

terhubung dengan pipa dari rumah calon pelanggan.

3. Dengan adanya fitur berita dapat memberikan informasi terbaru terkait

kegiatan-kegiatan yang dilakukan oleh PDAM Tirta Segah.

4. Pengunjung website dapat memberikan ulasan terkait pelayanan yang

diberikan PDAM Tirta Segah.

5. Pengunjung webiste dapat memberikan pesan aduan secara langsung

kepada PDAM Tirta Segah.

6. Website Backend pada PDAM Tirta Segah Kabupaten Berau dapat

mempermudah pihak perusahaan untuk mengelola website kapan pun dan

dimanapun.

5.2 Saran

Dalam website company profile pada PDAM Tirta Segah ini tentunya

memiliki beberapa kekurangan. Oleh sebab itu, untuk pengembangan website ini

agar menjadi lebih baik kedepannya, maka diberikan saran sebagai berikut:

1. Pada website company profile harus berisi informasi yang lengkap, menarik

dan akurat agar perusahaan dapat mudah ditemukan dan dipercaya oleh

pengunjung.

Page 70: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

56

2. Diharapkan kedepannya website company profile dilakukan pengembangan

secara berkala agar layanan dan informasi yang diberikan website ini lebih

menarik sehingga dapat meningkatkan jumlah pelanggan perusahaan.

Page 71: RANCANG BANGUN WEBSITE COMPANY PROFILE PADA …repository.dinamika.ac.id/id/eprint/4013/1/16410100105... · 2020. 3. 10. · rancang bangun website company profile pada perusahaan

DAFTAR PUSTAKA

Hidayat, R. (2010). Cara Praktis Membangun Website Gratis. Jakarta: Elex Media

Komputindo.

Kriyantono, R. (2008). Public Relations Writing: Teknik Produksi Media Public

Relations dan Publisitas Korporat. Jakarta: Prenada Media Group.

Pressman, R. S. (2015). Rekayasa Perangkat Lunak: Pendekatan Praktisi Buku 1.

Yogyakarta: Andi.

Saputra, A. (2013). Smarty PHP : OOP Engine for PHP Template. Jakarta: Elex

Media Komputindo.

Sidik, B. (2017). Pemrograman Web dengan PHP7. Bandung: Informatika

Bandung.

Tegarden, D., Dennis, A., & Wixom, B. H. (2013). System Analysis and Design

with UML (4th ed.). Singapore: John Wiley & Sons.

Utdirartatmo, F. (2002). Mengelola Database Server MySQL di Linux dan

Windows. Yogyakarta: Andi.