website company profile kantor advokat h. …library.palcomtech.com/pdf/6755.pdf · ii kementerian...

i

KEMENTERIAN RISET, TEKNOLOGI DAN PENDIDIKAN TINGGI

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

PALCOMTECH

PRAKTIK KERJA LAPANGAN

WEBSITE COMPANY PROFILE KANTOR ADVOKAT

H. ARDIANSYAH S.H., M.H

Diajukan oleh :

SATRIA GUSTI PERMANA

021150058

Diajukan Sebagai Syarat Menyelesaikan Mata Kuliah Praktik Kerja

Lapangan dan Syarat Penyusunan Skripsi

PALEMBANG

2019

ii



PALCOMTECH

HALAMAN PENGESAHAN PEMBIMBING PKL

NAMA : SATRIA GUSTI PERMANA

NOMOR POKOK : 021150058

PROGRAM STUDI : SISTEM INFORMASI

JENJANG PENDIDIKAN : STRATA SATU (SI)

KONSENTRASI : PEMROGRAMAN DAN DESAIN

JUDUL PKL : WEBSITE COMPANY PROFILE

KANTOR ADVOKAT

H. ARDIANSYAH, S.H., M.H

Tanggal : 21 Januari 2019 Mengetahui,

Pembimbing, Ketua,

Febria Sri Handayani, S.Kom., M.Kom. Benedictus Effendi, S.T., M.T.

NIDN : 0207028501 NIP : 09.PCT.13

iii



PALCOMTECH

HALAMAN PENGESAHAN PENGUJI PKL

NAMA : SATRIA GUSTI PERMANA

NOMOR POKOK : 021150058

PROGRAM STUDI : SISTEM INFORMASI

JENJANG PENDIDIKAN : STRATA SATU (SI)

KONSENTRASI : PEMROGRAMAN DAN DESAIN

JUDUL PKL : WEBSITE COMPANY PROFILE

KANTOR ADVOKAT

H. ARDIANSYAH, S.H., M.H

Tanggal : 21 Januari 2019 Tanggal : 21 Januari 2019

Penguji 1, Penguji 2,

Herlinda Kusmiati, S.Kom., M.Kom. Yayuk Ike Meilani, S.Kom., M.Kom.

NIDN : 0204098901 NIDN :0224059102

Menyetujui,

Ketua,

Benedictus Effendi, S.T., M.T.

NIP : 09.PCT.13

iv

MOTTO :

Barang siapa Beriman kepada allah dan hari

akhir,

Maka hendaklah ia berkata baik atau diam.

Kupersembahkan kepada :

- Ayahanda dan Ibunda Tercinta

- Saudara-saudaraku tersayang

- Para dosen yang kuhormati

- Sahabat – sahabat terkasih

v

KATA PENGANTAR

Kemajuan teknologi informasi berkembang sedemikian cepatnya sehingga

memberikan kemudahan untuk mencari berbagai informasi dari segala bidang.

Maka dari itu hampir seluruh perusahaan/perorangan mempromosikan usahanya

melalui teknologi informasi ini. Salah satu yang digunakan untuk mempromosikan

usaha yaitu menggunakan media website. Perkembangan website masa kini sangat

signifikan dalam segi tampilan maupun contentnya yang modern dan simpel. Untuk

mengikuti perkembangan zaman dalam teknologi informasi khususnya media

website maka dari itu website yang masih menggunakan tampilan yang biasa harus

mengikuti perkembangan zaman dengan membuat websitenya menjadi modern,

simpel dan responsif agar mudah untuk diakses dari smartphone. Kenyataan

tersebut merupakan salah satu faktor yang mendorong Penulis untuk membuat dan

mengangkat judul WEBSITE COMPANY PROFILE KANTOR ADVOKAT

H. ARDIANSYAH S.H., M.H.

Adapun selama penulisan dan penyusunan laporan PKL ini, Penulis

mendapatkan banyak bimbingan, bantuan dan dukungan dari berbagai pihak. Oleh

karena itu, sudah menjadi kewajiban bagi Penulis untuk mengucapkan terima kasih

kepada berbagai pihak tersebut, yaitu kepada Ketua STMIK PalComTech, Bapak

Benedictus Effendi, S.T., M.T., kepada Ketua Program Studi Sistem Informasi

Bapak Andri Saputra, S.Kom., M.Kom., kepada Dosen Pembimbing Laporan PKL

Ibu Febria Sri Handayani, S.Kom, M.Kom., kepada kedua orang tua pihak yang

telah banyak membantu dan memberi dukungan.

vi

Demikian kata pengantar dari Penulis, dengan harapan semoga laporan

praktik kerja lapangan ini dapat bermanfaat dan berguna bagi para pembaca,

dengan kesadaran Penulis bahwa dalam penulisan masih mempunyai banyak

kekurangan dan kelemahan sehingga membutuhkan banyak saran dan kritik yang

membangun untuk menghasilkan sesuatu yang lebih baik. Terima kasih.

Palembang, Januari 2019

Penulis

vii

DAFTAR ISI

Halaman

HALAMAN JUDUL ……………………………………………………………….. i

HALAMAN PENGESAHAN PEMBIMBING …………………………………… ii

HALAMAN PENGESAHAN PENGUJI …………………………………………. iii

HALAMAN MOTTO DAN PERSEMBAHAN .…………………………………. iv

KATA PENGANTAR ……………………………………………………………… v

DAFTAR ISI ………………………………………………………………………... vii

DAFTAR GAMBAR/BAGAN …………………………………………………….. x

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

DAFTAR LAMPIRAN …………………………………………………………….. xiv

BAB I PENDAHULUAN

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

1.2 Ruang Lingkup PKL ............................................................................ 3

1.3 Tujuan Dan Manfaat Praktik Kerja Lapangan .................................... 3

1.3.1 Tujuan ........................................................................................ 3

1.3.2 Manfaat ...................................................................................... 3

1.4 Tempat dan Waktu Pelaksanaan PKL ................................................ 4

1.4.1 Tempat PKL ............................................................................... 4

1.4.2 Waktu Pelaksanaan PKL ............................................................ 4

1.5 Teknik Pengumpulan Data .................................................................. 5

1.5.1 Wawancara ................................................................................ 5

viii

1.5.2 Observasi ................................................................................... 5

1.5.3 Studi Pustaka ............................................................................. 6

BAB II TINJAUAN PUSTAKA

2.1 Landasan Teori ................................................................................... 7

2.1.1 Website ...................................................................................... 7

2.1.2 Basis Data .................................................................................. 8

2.1.3 Bagan Alir .................................................................................. 8

2.1.4 Data Flow Diagram (DFD) ....................................................... 10

2.1.5 Entity Relationship Diagram (ERD) .......................................... 12

2.2 Gambaran Umum Perusahaan ............................................................. 13

2.2.1 Sejarah Perusahaan .................................................................... 13

2.2.2 Visi dan Misi Perusahaan .......................................................... 13

2.2.3 Struktur Organisasi Perusahaan ................................................. 14

2.2.4 Tugas dan Wewenang ................................................................ 14

2.2.5 Uraian Kegiatan …............................................................. 17

BAB III PEMBAHASAN

3.1 Hasil Pengamatan ............................................................................... 18

3.2 Analisis Kebutuhan ............................................................................ 18

3.2.1 Prosedur yang berjalan ............................................................... 19

3.3 Pembahasan ........................................................................................ 21

3.3.1 Pembahasan ................................................................................ 21

ix

3.3.2.1 Diagram Alir Data ............................................................... 24

3.3.2.2 ERD .................................................................................... 28

3.3.2.3 Struktur Tabel ..................................................................... 29

3.3.2.4 Interface .............................................................................. 31

3.4 Hasil Rancangan …............................................................................ 36

BAB IV KESIMPULAN DAN SARAN

4.1 Kesimpulan ......................................................................................... 42

4.2 Saran ................................................................................................... 42

DAFTAR PUSTAKA ................................................................................................ Xiii

HALAMAN LAMPIRAN ........................................................................................ Xiv

x

DAFTAR GAMBAR

Gambar 2.1 Struktur Organisasi Kantor Advokat H. Ardiansyah S.H.,

M.H.…….........................................................................................

14

Gambar 3.1 Flowchart yang sedang berjalan .......................................... 19

Gambar 3.2 Flowchart Sistem yang diusulkan klien ................................ 21

Gambar 3.3 Flowchart Sistem yang diusulkan admin............................... 23

Gambar 3.4 Diagram Konteks .................................................................. 24

Gambar 3.5 Diagram Level 0 ................................................................... 26

Gambar 3.6 Entity Relationship Diagram (ERD) ..................................... 28

Gambar 3.7 Desain Halaman Website ...................................................... 32

Gambar 3.8 Desain Tampilan Header dan Menu Website ....................... 33

Gambar 3.9 Desain Tampilan kasus terdahulu ........................................ 34

Gambar 3.10 Desain Tampilan Pendaftaran ............................................ 35

Gambar 3.11 Tampilan Halaman Login Admin ....................................... 36

Gambar 3.12 Tampilan Halaman Dashboard Admin ............................... 37

Gambar 3.13 Tampilan Halaman profil ................................................... 37

Gambar 3.14 Tampilan Halaman Kasus Terdahulu Admin .................... 38

Gambar 3.15 Tampilan Halaman Data Pendaftaran Admin ...................... 38

Gambar 3.16 Tampilan Halaman Visi Misi .............................................. 39

Gambar 3.17 Tampilan Halaman Sejarah Perusahaan ................................. 39

Gambar 3.18 Tampilan Halaman Kasus Terdahulu klien ....................... 40

xi

DAFTAR TABEL

Tabel 2.1 Simbol-simbol flowchart....................................................................... 9

Tabel 2.2 Simbol-simbol Data Flow Diagram ...................................................... 11

Gambar 3.19 Tampilan Halaman Pendaftaran ......................................... 41

xii

Tabel 2.3 Simbol-simbol Entity Relationship Diagram ........................................ 12

Tabel 3.2 Desain Tabel admin .............................................................................. 29

Tabel 3.2 Desain Tabel profil ............................................................................... 28

Tabel 3.3 Desain Tabel Pendaftaran ..................................................................... 29

Tabel 3.4 Desain Tabel Kasus .............................................................................. 30

Tabel 3.4 Desain Tabel data_registrasi ................................................................. 30

DAFTAR LAMPIRAN

1. Lampiran 1. Form Topik dan Judul (Fotocopy)

xiii

2. Lampiran 2. Surat Balasan dari Perusahaan (Fotocopy)

3. Lampiran 3. Form Konsultasi (Fotocopy)

4. Lampiran 4. Surat Pernyataan (Fotocopy)

5. Lampiran 5. Form Nilai dari Perusahaan (Fotocopy)

6. Lampiran 6. Form Absensi dari Perusahaan (Fotocopy)

7. Lampiran 7. Form Kegiatan Harian PKL (Fotocopy)

8. Lampiran 8. Form Revisi (Asli)

i

DAFTAR ISI

Halaman

HALAMAN JUDUL ……………………………………………………………….. i

HALAMAN PENGESAHAN PEMBIMBING …………………………………… ii

HALAMAN PENGESAHAN PENGUJI …………………………………………. iii

HALAMAN MOTTO DAN PERSEMBAHAN .…………………………………. iv

KATA PENGANTAR ……………………………………………………………… v

DAFTAR ISI ………………………………………………………………………... vii

DAFTAR GAMBAR/BAGAN …………………………………………………….. x

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

DAFTAR LAMPIRAN …………………………………………………………….. xiv

BAB I PENDAHULUAN

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

1.2 Ruang Lingkup PKL .......................................................................... 3

1.3 Tujuan Dan Manfaat Praktik Kerja Lapangan .................................... 3

1.3.1 Tujuan ....................................................................................... 3

1.3.2 Manfaat ...................................................................................... 3

1.4 Tempat dan Waktu Pelaksanaan PKL ............................................... 4

1.4.1 Tempat PKL .............................................................................. 4

1.4.2 Waktu Pelaksanaan PKL .......................................................... 4

1.5 Teknik Pengumpulan Data .................................................................. 5

1.5.1 Wawancara ............................................................................ 5

ii

1.5.2 Observasi .............................................................................. 5

1.5.3 Studi Pustaka ......................................................................... 6

BAB II TINJAUAN PUSTAKA

2.1 Landasan Teori .................................................................................. 8

2.1.1 Website .................................................................................... 8

2.1.2 Basis Data ................................................................................ 9

2.1.3 Bagan Alir ................................................................................ 9

2.1.4 Data Flow Diagram (DFD) ..................................................... 11

2.1.5 Entity Relationship Diagram (ERD) ........................................ 13

2.2 Gambaran Umum Perusahaan ............................................................. 14

2.2.1 Sejarah Perusahaan .................................................................. 14

2.2.2 Visi dan Misi Perusahaan ........................................................ 15

2.2.3 Struktur Organisasi Perusahaan ............................................... 15

2.2.4 Tugas dan Wewenang .............................................................. 16

2.2.5 Uraian Kegiatan …............................................................. 19

BAB III PEMBAHASAN

3.1 Hasil Pengamatan .............................................................................. 21

3.1.1 Prosedur yang berjalan .............................................................. 21

3.2 Evaluasi dan Pembahasan ................................................................. 24

3.2.1 Evaluasi ..................................................................................... 24

3.2.2 Pembahasan .............................................................................. 24

3.2.2.1 Diagram Alir Data ............................................................. 27

iii

3.2.2.2 ERD ................................................................................... 34

3.2.2.3 Struktur Tabel .................................................................... 34

3.2.2.4 Interface ............................................................................. 40

3.3 Hasil Rancangan ….............................................................................. 46

BAB IV KESIMPULAN DAN SARAN

4.1 Kesimpulan ........................................................................................ 59

4.2 Saran .................................................................................................. 59

DAFTAR PUSTAKA ................................................................................................ xiii

HALAMAN LAMPIRAN ...................................................................................... xiv

iv

DAFTAR GAMBAR

1 Gambar Struktur Organisasi Kantor Advokat H. Ardiansyah S.H.,

M.H.……...................................................................................................

14

2 Gambar 3.1 Flowchart yang sedang berjalan ................................... 19

3 Gambar 3.2 Flowchart Sistem yang diusulkan ......................................... 21

4 Gambar 3.3 Diagram Konteks .................................................................. 23

5 Gambar 3.4 Diagram Level 0 ................................................................... 25

6 Gambar 3.5 Entity Relationship Diagram (ERD) ..................................... 27

7 Gambar 3.6 Desain Halaman Website ..................................................... 31

8 Gambar 3.7 Desain Tampilan Header dan Menu Website ...................... 32

9 Gambar 3.8 Desain Tampilan kasus terdahulu ........................................ 33

10 Gambar 3.9 Desain Tampilan Pendaftaran ............................................. 34

11 Gambar 3.10 Tampilan Halaman Login Admin ...................................... 35

12 Gambar 3.11 Tampilan Halaman Dashboard Admin ............................... 36

13 Gambar 3.12 Tampilan Halaman Kasus Terdahulu Admin .................... 37

14 Gambar 3.13 Tampilan Halaman Data Pendaftaran Admin ..................... 37

15 Gambar 3.14 Tampilan Halaman Visi Misi ............................................. 38

16 Gambar 3.15 Tampilan Halaman Sejarah Perusahaan ............................ 38

17 Gambar 3.16 Tampilan Halaman Kasus Terdahulu klien ........................... 39

18 Gambar 3.17 Tampilan Halaman Pendaftaran .......................................... 40

19 Gambar 3.18 Tampilan Chat Online di interface pengunjung ................ 41

v

20 Gambar 3.19 Tampilan Halaman Pesan masuk di chat online .................. 41

21 Gambar 3.20 Tampilan Daftar pesan masuk saat offline .......................... 42

vi

DAFTAR TABEL

Halaman

1. Tabel 2.1 Simbol-simbol flowchart .................................................................. 10

2. Tabel 2.2 Simbol-simbol Data Flow Diagram ................................................. 12

3. Tabel 2.3 Simbol-simbol Entity Relationship Diagram ................................... 13

4. Tabel 3.2 Desain Tabel tb_admin ..................................................................... 35

5. Tabel 3.3 Desain Tabel tb_blog ........................................................................ 35

6. Tabel 3.4 Desain Tabel tb_galeri ...................................................................... 36

7. Tabel 3.5 Desain Tabel tb_hasil ....................................................................... 37

8. Tabel 3.6 Desain Tabel tb_kategori .................................................................. 37

9. Tabel 3.7 Desain Tabel tb_kontak .................................................................... 38

10. Tabel 3.8 Desain Tabel tb_pertanyaan ........................................................... 38

11. Tabel 3.9 Desain Tabel tb_produk .................................................................. 39

12. Tabel 3.10 Desain Tabel tb_web .................................................................... 40

DAFTAR LAMPIRAN

vii

1. Lampiran 1. Form Topik dan Judul

2. Lampiran 2. Surat Balasan dari Perusahaan

3. Lampiran 3. Form Konsultasi

4. Lampiran 4. Surat Pernyataan

5. Lampiran 5. Form Nilai dari Perusahaan

6. Lampiran 6. Form Absensi dari Perusahaan

7. Lampiran 7. Form Kegiatan Harian PKL

8. Lampiran 8. Form Revisi

41

BAB I

PENDAHULUAN

1.1. Latar Belakang

Teknologi Informasi berkembang dengan pesat diseluruh dunia

termasuk di Indonesia. Perkembangan internet ini membuat teknologi

informasi berkembang dengan pesat. Banyak orang mencari informasi lewat

internet sehingga banyak yang membuat media informasi online. Banyak

orang mencari informasi seperti berita, penyedia jasa, company profile, dan

lain lain. Menurut Supriyanto (2008:20), teknologi informasi adalah adanya

‘database’ atau basis data menggunakan komputer dalam perpustakaan

digital (digital library baik online maupun offline). sebagian teknologi yang

digunakan untuk memperkenalkan sebuah usaha atau jasa ialah company

profile.

Company profile adalah sebuah sarana untuk memperkenalkan suatu

bidang usaha lewat berbagai media informasi yang ada di internet, hal yang

diperkenalkan oleh suatu perusahaan dapat berupa jasa, produk, seputar

informasi perusahaan. Dengan adanya company profile diharapkan dapat

memberikan informasi atau gambaran dari suatu badan usaha yang terkait

sehingga masyarakat mengetahui tentang badan usaha tersebut. Company

profile dibuat dalam bentuk website yang dapat di akses melalui internet.

Menurut Yuhefizar (2013:2), Website adalah keseluruhan halaman-halaman

web yang terdapat dari sebuah domain yang mengandung informasi. Dengan

adanya media website ini, memudahkan bagi suatu perusahaan atau individu

2

untuk memberikan informasi ataupun mempromosikan suatu usahanya guna

meningkatkan jumlah customer. Company profile banyak dipakai untuk

memperkenalkan dan memberikan informasi kepada masyarakat tentang

bidang usaha yang dijalani, seperti company profile dari sebuah badan usaha

jasa.

Company profile dalam bentuk jasa biasanya dipakai oleh badan

usaha yang baru saja berdiri atau berkembang, ini bertujuan untuk

mengenalkan usaha jasa dari badan usaha yang baru didirikan kepada

masyarakat luas. Company profile pada kantor advokat umumnya

memberikan informasi tentang pelayanan jasa hukum baik hukum perdata

maupun hukum pidana, serta memberikan informasi terkait kasus yang telah

ditangani dari kantor advokat tersebut. Dengan website company profile

tersebut diharapkan masyarakat yang belum mengenal dan tidak mengetahui

prosedur dari penyewaan jasa hukum atau untuk sekedar berkonsultasi dapat

melalui website company profile ini sehingga akan mempermudah

masyarakat dalam penggunaannya dan memberikan informasi mengenai

tujuan dari kantor advokat tersebut..

Berdasarkan latar belakang diatas, penulis tertarik untuk mengambil

judul Laporan Praktik Kerja Lapangan dengan judul “Website Company

Profile Kantor Advokat H. Ardiansyah, S.H., M.H.

3

1.2. Ruang Lingkup PKL

Dalam pengerjaan Website Company Profile Kantor Advokat H.

Ardiansyah, S.H., M.H., sudah ditetapkan ruang lingkup yang akan dikaji dan

dilaksanakan, yaitu sebagai berikut :

a. Memiliki profil perusahaan, form pembuatan bantuan hukum dan fitur

chat online.

b. Website dibuat menggunakan bahasa pemrogaman PHP, mysql,

PhpMyAdmin, dan web server menggunakan Xampp.

1.3. Tujuan dan Manfaat PKL

1.3.1. Tujuan PKL

Adapun tujuan yang ingin dicapai dari Praktik Kerja Lapangan

ini adalah menghasilkan sebuah website company profile kantor

advokat H. Ardiansyah, S.H., M.H yang diharapkan dapat

mempermudah masyarakat yang memiliki masalah hukum untuk

berkonsultasi lewat webs ite tersebut. Selain itu website ini juga dapat

digunakan sebagai sarana promosi bagi kantor advokat H. Ardiansya,

S.H., M.H.

1.3.2. Manfaat PKL

1.3.2.1. Manfaat Bagi Mahasiswa

1. Sebagai penerapan dan pengembangan ilmu yang telah

di dapat selama kuliah khususnya dalam bidang

pemrograman.

4

2. Menambah pengalaman serta melatih diri untuk

menghadapi permasalahan-permasalahan baru dalam

bidang pemrograman.

1.3.2.2. Manfaat Bagi Tempat Penelitian

Website ini diharapkan dapat memudahkan pegawai

pada kantor advokat untuk melayani masyarakat yang

membutuhkan bantuan hukum, baik secara konsultasi ataupun

penyewaan jasa hukum.

1.3.2.3. Manfaat Bagi Akademik

Sebagai bahan pedoman dan referensi bagi penulis lain

untuk dijadikan perbandingan dalam menyusun laporan

Praktik Kerja Lapangan yang selanjutnya.

1.4. Tempat dan Waktu Pelaksanaan PKL

1.4.1. Tempat PKL

Adapun lokasi tempat penulis melakukan Praktik Kerja Lapangan

adalah di Kantor Advokat H. Ardiansyah, S.H., M.H. yang beralamat

di Jln. Torpedo 9 No. 4-5 Kelurahan 20 Ilir Palembang.

1.4.2. Waktu Pelaksanaan PKL

Adapun waktu pelaksanaan Praktik Kerja Lapangan yaitu selama

satu bulan, sejak tanggal 1 September 2018 sampai dengan tanggal 30

5

September 2018. Praktik kerja lapangan sendiri dilaksanakan hari

senin-jum’at dari pukul 09.00-15.00 WIB.

1.5. Teknik Pengumpulan Data

Menurut Muharto dan Ambarita (2016:85), Teknik pengumpulan

data yang digunakan dalam penelitian kualitatif adalah teknik yang

memungkinkan diperoleh data detail dengan waktu yang relatif lama.

1.5.1 Wawancara

Menurut Muharto dan Ambarita (2016:85) dijelaskan bahwa

wawancara merupakan proses tanya jawab antara peneliti dengan

subyek atau informasi penelitian secara lisan untuk memperoleh data

yang dibutuhkan oleh peneliti.

Pada metode ini penulis melakukan wawancara secara langsung

kepada Bapak H. Ardiansyah, S.H., M.H. untuk memperoleh data dan

informasi yang dibutuhkan meliputi prosedur bagi masyarakat yang

ingin berkonsultasi hukum atau penyewaan pengacara untuk masalah

hukum.

1.5.2 Observasi

Menurut Muharto dan Ambarita (2016:83), Observasi atau

pengamatan diartikan sebagai proses keterlibatan peneliti dan

menangkap makna secara sistematik terhadap gejala yang tampak

pada obyek penelitian.

6

Pada metode ini penulis melakukan observasi secara langsung ke

Kantor Advokat H. Ardiansyah, S.H., M.H untuk mengamati dan

menganalisa prosedur pelayanan yang ada pada kantor advokat

tersebut.

1.5.3 Studi Pustaka

Menurut Irwansyah (2013:195), studi kepustakaan merupakan

tahap pengumpulan bahan-bahan yang berkaitan dengan topik yang

dibuat sebagai dasar pelaksanaan dan perancangan sistem, studi ini

mengumpulkan teori-teori dasar dalam perancangan sistem yang

dibuat.

Pada metode ini penulis melakukan studi pustaka dengan cara

memperoleh data dari buku, jurnal dan website untuk dapat

mendukung laporan praktik kerja lapangan.

41

BAB II

TINJAUAN PUSTAKA

2.1. Landasan Teori

2.1.1. Website

Menurut Hidayat (2010:2), website atau situs dapat diartikan

sebagai 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 membentu satu rangkaian bangunan yang terkait, yang

masing-masing dihubungkan dengan jaringan-jaringan halaman.

Seiring dengan perkembangan teknologi informasi yang

begitu cepat, website juga mengalami perkembangan yang sangat

berarti. Dalam pengelompokkan jenis web, lebih diarahkan

berdasarkan kepada fungsi, sifat atau style dan bahasa pemrograman

yang digunakan.

Jenis-Jenis web berdasarkan sifatnya adalah :

1. Website dinamis merupakan sebuah website yang menyediakan

content atau isi yang selalu berubah-ubah setiap saat.

2. Website statis merupakan website yang content-nya sangat jarang

diubah.

8

Berdasarkan pada fungsinya, website terbagi atas :

1. Personal website, website yang berisi informasi pribadi

seseorang.

2. Commercial website, website yang dimiliki oleh sebuah

perusahaan yang bersifat bisnis

3. Government website, website yang dimiliki oleh instansi

pemerintahan, pendidikan yang bertujuan memberikan pelayanan

kepada pengguna.

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

bersifat non-profit atau tidak bersifat bisnis.

2.1.2. Basis Data ( Database )

Menurut Arifin (2017:127), database merupakan alat untuk

menyimpan, mengorganisasikan dan memperoleh kembali informasi.

Menurut Aryanto (2016:17), database secara umum dapat

diartikan sebagai kumpulan dari berbagai macam data. Data tersebut

berupa text, suara, video dan berbagai multimedia lainnya.

2.1.3. Bagan Alir (Flowchart)

Menurut Sitorus (2015:14), Flowchart merupakan langkah-

langkah penyelesaian masalah yang dituliskan dalam simbol-simbol

tertentu.

Adapun simbol-simbol Flowchart yang digunakan dapat

dilihat pada tabel 2.1 :

9

Tabel 2.1 Desain Flowchart

No Simbol Nama Fungsi

1

Terminal Menyatakan

permulaan atau akhir

suatu program

2

Input / Output Menyatakan proses

input atau output tanpa

tergantung jenis

peralatannya

3

Process

Menyatakan suatu

tindakan (proses) yang

dilakukan oleh

komputer

4

Decision

Menunjukkan suatu

kondisi tertentu yang

akan menghasilkan

dua kemungkinan

jawaban : ya / tidak

5

Connector

Menyatakan

sambungan dari proses

ke proses lainnya

dalam halaman yang

sama

6

Offline

Connector

Menyatakan

sambungan dari proses

ke proses lainnya

dalam halaman yang

berbeda

7

Predefined

Process

Menyatakan

penyediaan tempat

penyimpanan suatu

pengolahan untuk

memberi harga awal

8

Punched Card Menyatakan input

berasal dari kartu atau

output ditulis ke kartu

9

Punch Tape Menggambarkan

fungsi input/output

media tertentu

10

No Simbol Nama Fungsi

10

Document Mencetak keluaran

dalam bentuk

dokumen (melalui

printer)

11

Flow Menyatakan jalannya

arus suatu proses

12

Manual

Operation

Menunjukkan

pengolahan yang tidak

dilakukan oleh

komputer

13

Disk and On-

line Storage

Menyatakan input

yang berasal dari disk

atau disimpan ke disk

14

Offline-storage

Menunjukkan bahwa

data dalam simbol ini

akan disimpan ke

suatu media tertentu

Sumber : Drs. Lamhot Sitorus, M.Kom (2015:14)

2.1.4. DFD (Data Flow Diagram)

Menurut Maryani (2014:1043), Data Flow Diagram (DFD)

adalah suatu diagram yang menggunakan notasi-notasi untuk

menggambarkan arus dari data sistem yang penggunaannya sangat

membantu untuk memahami sistem secara logika, terstruktur dan

jelas. DFD adalah alat pembuatan model yang memungkinkan

profesional untuk menggambarkan sistem sebagai suatu jaringan

proses fungsional yang dihubungkan satu sama lain dengan alur data,

baik secara manual maupun komputerisasi.

Adapun simbol-simbol DFD yang digunakan dapat dilihat

pada tabel 2.2 :

11

Tabel 2.2 Desain Data Flow Diagram (DFD)

Sumber : Maryani (2014:1043)

Simbol Keterangan

Simbol

External entity, merupakan

kesatuan di lingkungan luar

sistem yang bisa berupa orang,

organisasi atau sistem lain.

Keterangan

Process, merupakan proses

sperti perhitungan aritmatik

penulisan suatu formula atau

pembuatan laporan

Data Store (Simpan Data),

dapat berupa suatu file atau

database pada sistem computer

atau catatan manual

Data Flow (arus data), arus

data ini mengalir diantara

proses, simpan data dan

kesatuan luar

12

2.1.5. Entity Relationship Diagram (ERD)

Menurut Sutanta (2011:91) “Entity Relationship Diagram

(ERD) merupakan suatu model data yang dikembangkan berdasarkan

objek.” Entity Relationship Diagram (ERD) digunakan untuk

menjelaskan hubungan antar data dalam basis data kepada pengguna

secara logis.

Adapun simbol-simbol yang digunakan pada ERD dapat

dilihat pada tabel 2.3 :

Tabel 2.3 Desain Entity Relationship Diagram (ERD)

Simbol Keterangan

Entity

Atribut dan entity

Atribut dan entity dengan Key

(Kunci)

Relasi atau aktifitas antar entity

Hubungan satu dan pasti

Hubungan banyak dan pasti

Hubungan satu tapi tidak pasti

Hubungan banyak tapi tidak pasti

Sumber : Yuhendra dkk (2015 :70)

13

2.2. Gambaran Umum Perusahaan

2.2.1. Sejarah Perusahaan

Kantor Advokat H. Ardiansyah. S.H., M.H. berdiri pada

tahun 2000 dan didedikasikan untuk melayani semua kebutuhan dari

para klien yang membutuhkan jasa hukum baik secara litigasi maupun

non litigasi. Kantor advokat yang beralamat di jalan Torpedo 90 No

4-5 Sekip ini telah menyelesaikan berbagai perkara yang mereka

terima dari para klien, penyelesaian perkara dilakukan derngan cara

M.O.U dengan para klien.

2.2.2. Visi dan Misi Kantor Advokat H. Ardiansyah S.H., M.H.

Visi :

Menjadi kantor hukum yang berperan dalam menegakkan

keadilan, memiliki daya saing global dalam pelayanan hukum yang

berlandaskan pada professional.

Misi :

Memberikan pelayanan hukum terbaik kepada para klien

dan memberikan solusi atas setiap perkara dan tetap mengedepankan

penegakan undang-undang, kode etik profesi, norma dan moral.

14

Adapun struktur organisasi kantor advokat dapat dilihat

pada gambar 2.1:

2.2.3. Struktur Organisasi Kantor Advokat H. Ardiansyah S.H., M.H.

DIREKTUR

MANAGER KEUANGAN

KONSULTAN HUKUM,

PENASIHAT HUKUM

SUPERVISOR

ADMINISTRASI DAN UMUM

MANAGER MARKETING

MANAGER NON LETIGASI

ADVOKAT,

PENGACARA,

PENASIHAT HUKUM

MANAGER LETIGASI

Gambar 2.1 Struktur Organisasi Kantor Advokat H. Ardiansyah S.H., M.H

2.2.4. Tugas dan Wewenang

1. Direktur

a. Tugas dan Wewenang

Mewakili dalam perkara pengadilan atau hukum di

lingkungan lembaga perusahaan pemerintah, swasta, atau

lembaga pendidikan Politeknik baik dalam skala Nasional

maupun skala Internasional.

15

2. Manager letigasi


Memiliki fungsi dan tugas sebagai mediator dalam

proses penyelesaian sengketa dan agen dalam proses

beracara, Menerima dan mempelajari kasus yang di terima

dari masyarakat guna mencari solusi terbaik berdasarkan

prosedur yang terdapat dalam peraturan perundang-

undangan yang berlaku dengan tidak lupa mengedepankan

asas keadilan dan penegakan hukum.

3. Manager Non Letigasi


Memiliki tugas dan fungsi sebagai pelayan masyarakat

dalam proses administrasi dan prosedural pendaftaran dan

proses pembentukan Badan Hukum, Hak Kekayaan

Intelektual, Pendaftaran Pengalihan Hak atas Tanah dan

Bangunan, Legal Opinion, Legal Audit, Legal

Memorandum.

4. Advokat Penasihat Hukum


Membantu klien dalam menghadapi persidangan serta

memberikan pengetahuan mengenai proses persidangan di

Pengadilan yang akan ia lakukan, atau mewakili secara

keseluruhan dalam persidangan.

16

5. Konsultan Hukum


Memberikan nasehat- nasehat dan pendapat hukum

terhadap suatu tindakan / perbuatan hukum yang akan dan

yang telah dilakukan oleh kliennya. Tindakan dan perbuatan

hukum yang dimaksudkan adalah diluar pengadilan (non

litigation)

6. Manager Marketing


Melakukan koreksi terhadap harga CN Kontrak apabila

terjadi kesalahan, berwenang untuk menolak permintaan

order dari konsumen.

7. Manager Keuangan


Bertanggung jawab untuk membantu perencanaan dan

pengambilan keputusan dengan memberi nasihat keuangan

yang sesuai.

8. Supervisor Administrasi


Bertanggung jawab bahwa pekerjaan yang berapa di

lingkupnya bisa berjalan dengan aman, dan tidak

mengganggu keselamatan karyawan

17

2.2.5. Uraian Kegiatan

Uraian kegiatan yang dilakukan pada Kantor Advokat H.

Ardiansyah S.H., M.H. melaksanakan pekerjaan sesuai dengan job

description masing-masing jabatan dalam menjalankan tugas,

melaksanakan SOP (Standard Operating Procedure) untuk semua

aktivitas perusahaan.

41

BAB III

PEMBAHASAN

3.1. Hasil Pengamatan

Setelah melakukan praktek kerja lapangan di Kantor Advokat

H.Ardiansyah S.H., M.H. berdasarkan pengamatan yang telah penulis

lakukan didapatkan bahwa perusahaan belum memiliki website company

profile dan masih menggunakan penerapan manual, dan juga dengan belum

adanya sebuah website sebagai media promosi, membuat kantor advokat ini

belum dikenal luas.

Dengan menganalisis permasalahan di atas maka penulis

mengusulkan untuk membuat sebuah website company profile yang bertujuan

sebagai media promosi dari kantor advokat tersebut, dan juga membuat

sebuah fitur live chat untuk mempermudah klien yang ingin berkonsultasi.

3.2. Analisis Kebutuhan

Pada tahap ini, Penulis menentukan informasi-informasi apasaja

yang dibutuhkan dalam pembuatan aplikasi yang akan dibuat.

Untuk menghasilkan sistem aplikasi tersebut maka dapat dijabarkan

beberapa rencana kebutuhan yaitu:

1. kebutuhan informasi

a. Informasi sejarah perusahaan

b. Informasi Visi dan Misi Perusahaan

c. Informasi data kasus terdahulu perusahaan

19

d. Informasi nama beberapa rekan sejawat perusahaan

Adapun data dan informasi yang saya dapat dari hasil pengamatan dapat

dilihat pada gambar 3.1. yang menjelaskan tentang prosedur sistem yang

berjalan selama ini di kantor advokat H.Ardiansyah S.H., M.H. tersebut:

3.2.1. Prosedur yang berjalan

Berikut adalah prosedur yang berjalan pada Kantor Advokat

H.Ardiansyah S.H., M.H dapat dilihat pada gambar 3.1 :

Sistem yang berjalan kantor Advokat H.Ardiansyah S.H,.M.H

sekretarisKlien pengacara

Phas

e

Mulai

Membuat janji

Mengisi buku tamu

sengketa

melayani

Kasus hukumSewa jasa

Mengisi form kesepakatan

Keluar

Selesai

Tanda bukti kesepakatan

konsultasi

Gambar 3.1 Flowchart yang sedang berjalan

20

Berdasarkan Gambar 3.1 prosedur yang berjalan, yaitu sebagai

berikut :

1) Klien membuat perjanjian

2) Selanjutnya Sekretaris akan mengisi buku tamu

3) Setelah mengisi buku tamu sekretaris akan memberikan laporan

kepada pengacara

4) Selanjutnya klien konsultasi kepada advokat masalah apa yang akan

diselesaikan

5) Setelah konsultasi jika tidak, makan klien akan akan keluar proses

6) jika iya, klien akan menyewa jasa pengacara

7) Selanjutnya klien akan mengisi form kesepakatan

8) Dan terakhir klien akan mengambil tanda bukti kesepakatan tersebut

21

3.3. Pembahasan

3.3.1. Pembahasan

Prosedur yang diusulkan oleh penulis diharapkan akan menunjang

sistem website perusahaan untuk memudahkan klien atau masyarakat

dalam mendapatkan informasi perusahaan dan konsultasi hukum serta

menjadi kontribusi bagi perusahaan untuk meningkatkan jumlah klien.

Prosedur sistem klien website yang diusulkan pada Kantor Advokat


Flowchart yang diusulkan (klien)

klien website database

Mulai

Membuka

website

Halaman

utama

Profil

perusahaa

n

Kasus

terdahulu

pendaftar

an

profil

kasus

pendaftar

an

Input

data

pendaft

aran

selesai

Lihat profil

perusahaan

Lihat kasus

terdahulu

daftar

Isi form

pendartaran

2

1

3

Gambar 3.2 Flowchart sistem yang diusulkan klien

22

Berdasarkan gambar 3.2 sistem flowchart yang diusulkan pada

Kantor Advokat H.Ardiansyah S.H., M.H, yaitu :

a. Pertama klien akan melakukan untuk membuka website .

b. Kedua admin akan membuat data admin login .

c. Ketiga admin akan masuk ke halaman login dan melakukan

3proses login, jika username atau password nya benar admin

akan masuk interface.

d. keempat klien website akan menerima informasi profil

perusahaan, kasus terdahulu dan live chat di website tersebut.

e. Kelima klien akan melakukan kunsultasi kasus kepada admin

dan admin akan menjawab keluhan klien.

f. Lalu klien akan memakai jasa, jika iya klien akan masuk ke

halaman pendaftaran dan jika tidak klien akan kembali ke

halaman utama website.

g. Setelah klien menyatakan iya, maka klien akan menginput data

di halaman pendaftaran.

h. Terakhir klien akan mendapatkan form verifikasi data.

23

Prosedur sistem klien website yang diusulkan pada Kantor Advokat


Flowchart yang diusulkan (admin)

admin website database

Mulai

Login Cek user admin

Dashboard

admin

Y

Profil

Kasus

terdahulu

pendaftaran

T

update

update

1

2

3

Update

profil

Update kasus

terdahulu

logout

Selesai

24

Gambar 3.3 Flowchart sistem yang diusulkan Admin

3.3.2.1. Diagram Alir Data

A. Data Flow Diagram (DFD)

Data flow diagram merupakan alat bantu yang dapat

menggambarkan arus data di dalam sistem dengan

terstruktur dan jelas. Berdasarkan hasil analisa penelitian,

peneliti memberikan gambaran arus data terhadap sistem

yang akan direncanakan sebagai berikut :

1. Diagram Konteks

Diagram konteks adalah diagram yang

menggambarkan bagian besar dari aliran arus data

Sistem Website Kantor Advokat H.Ardiansyah S.H.,

M.H. Berdasarkan flowchart yang diusulkan maka

peneliti memberikan gambaran arus data terhadap

sistem yang dilihat pada gambar 3.4 :

Admin KlienSistem website kantor advokat H.ardiansyah

S.H., M.H

-informasi profil perusahaan-kasus terdahulu

-data registrasi-data konsultasi

-informasi data registrasi-informasi konsultasi

-data kasus terdahulu-data profil-data admin

25

Gambar 3.4 Diagram Konteks

Berdasarkan gambar diagram konteks diatas dapat

dijelaskan yaitu Sistem Website Kantor Advokat

H.Ardiansyah S.H., M.H. memiliki 2 (Dua) terminator

yaitu admin dan klien. Data bersumber dari admin login

data admin, sedangkan data yang diterima oleh admin

berupa informasi data pendaftaran dan menerima keluhan

dari klien. Data yang diterima oleh klien berupa data

informasi profil perusahaan, kasus terdahulu, pendaftaran

dan live chat, sedangkan data yang bersumber dari klien

berupa data pendaftaran dan keluhan di live chat.

2. Diagram Level 0

Diagram Level 0 adalah diagram yang

menunjukkan semua proses utama yang menyusun

keseluruhan sistem, diagram ini dapat dilihat pada gambar

3.5 :

26

Admin1.0.PLogin

4.0.Pkonsultasi

Klien

Input data konsultasiRecord Data konsultasi

pendaftaran

admin

5.0.PRegistrasi

3.0.PKasus

terdahulu

2.0.PProfil

perusahaan

Data Admin

profil

Record Data profil

kasus

Record Data kasus

Informasi profil perusahaan

Info kasus terdahulu

Record data admin

Data profil perusahaan

Informasi data konsultasi

Input Data registrasi

Informasi Data registrasiData_registrasi

Record data registrasi

Data kasus terdahulu

Gambar 3.5 Diagram Level 0

27

Gambar diagram level 0 ini menunjukkan arus data

level 0 dari lanjutan diagram konteks.

1) Proses 1.0.P adalah proses login dimana bersumber

dari entitas admin untuk memulai mengelola

website.

2) Proses 2.0.P adalah proses dimana klien Input data

pendaftaran di form pendaftaran.

3) Proses 3.0.P adalah proses dimana klien akan

konsultasi di fitur live chat dan admin akan

melayani konsultasi klien.

4) Proses 4.0.P adalah proses dimana tabel pendaftaran

memberikan informasi kepada admin seputar data

klien yang telah masuk.

28

3.3.2.2.ERD (Entity Relationship Diagram)

Berikut ini adalah gambar Entity Relationship Diagram

(ERD) yang berbasis komponen-komponen himpunan entitas

dan himpunan relasi yang masing-masing dilengkapi dengan

atribut-atribut.

admin kasus

Pendaftaran

username password

* id_kasus

Nama_kasus

Keterangan

kasusNama

alamat hp

pekerjaan* No._ktp

profil

Nama_profil

* Id_profil keterangan

Data_registrasi

username

nama

email

password

Gambar 3.6 Entity Relationship Diagram (ERD)

29

3.3.2.3.Struktur tabel

Struktur tabel yang digunakan untuk menentukan struktur

dari tabel-tabel yang akan di buat berisikan nama-nama field,

type field dan ukurannya, dimana tabel-tabel tersebut digunakan

untuk menampung data. Adapun struktur tabel yang sesuai

dengan ERD diatas adalah sebagai berikut :

1) Tabel tb_admin

Tabel tb_admin digunakan untuk menampung data admin

Kantor Advokat H.Ardiansyah S.H., M.H.

Nama file : tb_admin

Primary Key : id_admin

Tabel 3.2 Desain Tabel tb_admin

No Field Name Type Witdh Keterangan

1 id_admin int 11 ID Admin

Auto_Increment

2 nm_admin varchar 50 Nama admin

3 username varchar 50

Username yang

digunakan

admin

4 password varchar 50

Password yang

digunakan

admin

5 jenis

Enum

(‘full’,

’view’)

Digunakan

untuk hak akses

2) Tabel profil

Tabel profil digunakan untuk menampung data profil

Kantor Advokat H.Ardiansyah S.H., M.H.

30

Nama file : profil

Primary Key : id_profil

Tabel 3.4 Desain Tabel kasus


1 id_kasus varchar 11 ID kasus

Auto_Increment

2 Nama_kasus varchar 11 Nama kasus

3 keterangan varchar 1000 Isi kasus

3) Tabel pendaftaran

Tabel pendaftaran digunakan untuk menampung data

pendaftar Website Kantor Advokat H.Ardiansyah S.H.,

M.H.

Nama file : pendaftaran

Primary Key : nama

Tabel 3.3 Desain Tabel pendaftaran


1 nama varchar 11

Nama

pendaftaran

Auto_Increment

2 alamat varchar 11 Alamat

3 hp varchar 100 Nomor hp

4 pekerjaan varchar 100 Pekerjaan

5 kasus longtext Isi kasus

4) Tabel kasus

Tabel kasus digunakan untuk menampung data kasus

terdahulu Website Kantor Advokat H.Ardiansyah S.H.,

M.H.

Nama file : kasus

31

Primary Key : id_kasus

Tabel 3.4 Desain Tabel kasus


1 id_kasus varchar 11 ID kasus

Auto_Increment

2 Nama_kasus varchar 11 Nama kasus

3 keterangan varchar 1000 Isi kasus

5) Tabel kasus

Tabel kasus digunakan untuk menampung data kasus

terdahulu Website Kantor Advokat H.Ardiansyah S.H.,

M.H.

Nama file : Data_registrasi

Primary Key : username

Tabel 3.5 Desain Tabel data_registrasi


1 username varchar 11 username

Auto_Increment

2 nama varchar 11 Nama lengkap

3 email varchar 1000 Isi email

4 password varchar 100 Password

3.3.2.4. Interface

1. Desain Halaman Website

A. Desain Tampilan Utama dan Profil

Desain tampilan utama website yang ingin di

rancang dengan bentuk Website statis . Website statis

merupakan website yang content-nya sangat jarang

32

diubah, untuk melihat dan mencari informasi mengenai

perusahaan dapat menggunakan scroll dari atas kebawah

atau dari bawah keatas tanpa menuju kehalaman/page

yang lain. di lihat seperti pada gambar 3.6 :

logo Profil perusahaan Kasus terdahulu pendaftaran LOGIN

VISI MISI Contact telpon

GAMBAR

GAMBAR SEJARAH PERUSAHAAN

Beberapa rekan sejawat

GAMBAR GAMBAR GAMBAR

Chat onlineNavigasi Contact Information Jadwal Buka

© 2018 H.ardiansyah S.H., M.H.

Gambar 3.7 Desain Halaman website

33

B. Desain Tampilan Header

Desain tampilan header dan menu merupakan

desain paling atas pada website yang berisikan menu-

menu dan Nama Kantor Advokat dari website untuk

memudahkan klien dalam mencari apa yang mereka

butuhkan pada website tersebut. Tampilan header dan

menu ini dapat dilihat seperti pada gambar 3.8 :

Gambar 3.8 Desain tampilan

header dan menu website

C. Desain Tampilan kasus terdahulu

Desain tampilan kasus terdahulu merupakan

tampilan yang memberikan informasi mengenai kasus

yang telah di selesaikan oleh advokat. Tampilan kasus

terdahulu ini dapat dilihat seperti pada gambar 3.9 :

34

Nama kantor Profil perusahaan Kasus terdahulu pendaftaran LOGIN

GAMBAR

KASUS 1

KASUS 4 KASUS 5 KASUS 6

KASUS 2 KASUS 3

Navigasi Contact Information Jadwal Buka


CHAT ONLINE

Gambar 3.9 Desain tampilan kasus terdahulu

D. Desain Tampilan Pendaftaran

Desain tampilan Pendaftaran merupakan tampilan

halaman input form pengajuan konsultasi hukum untuk

klien kantor Advokat H.Ardiansyah S.H., M.H.

Tampilan Pendaftaran ini dapat dilihat seperti pada

gambar 3.10 :

35

Nama kantor Profil perusahaan Kasus terdahulu pendaftaran LOGIN

GAMBAR

Navigasi Contact Information Jadwal Buka


CHAT ONLINE

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

99999999999999999999999999999999999


99999999999999999999999999999999999

Form pengajuan konsultasi hukum

nama

alamat

No. hp

pekerjaan

kasus

submit


No. KTP

Gambar 3.10 Desain tampilan pendaftaran

36

3.3 Hasil Rancangan

Hasil penulisan yang dilakukan, maka didapatlah sebuah sistem yang

dirancang untuk sistem website Kantor Advokat H.ardianysah S.H., M.H

sebagai media promosi :

A. Halaman Login Admin

Halaman login admin merupakan halaman awal user admin untuk

memulai input data informasi bagi website. Adapun tampilan Halaman

login admin seperti gambar 3.11.

Gambar 3.11 Tampilan halaman login admin

37

B. Halaman Dashboard

Halaman dashboard merupakan halaman tampilan yang diinput

oleh konsumen dan akan tampil ke interface admin. Adapun tampilan

dashboard seperti gambar 3.12 :

Gambar 3.12 Tampilan halaman dashboard

C. Halaman Profil

Halaman Profil merupakan halaman untuk input data profil

berupa visi misi dan sejarah perusahaan.

Adapun tampilan halaman profil seperti gambar 3.13.

Gambar 3.13 Tampilan halaman Profil

38

D. Halaman kasus terdahulu

Halaman kasus terdahulu merupakan halaman untuk input data

kasus terdahulu berupa kasus yang telah di selesaikan oleh advokat.

Adapun tampilan Halaman kasus terdahulu seperti gambar 3.14.

Gambar 3.14 Tampilan Halaman kasus terdahulu

E. Halaman Data pendaftaran

Halaman Data Pendaftaran merupakan halaman untuk

menyimpan data pendaftaran. Adapun tampilan Halaman Data

Pendaftaran seperti gambar 3.15.

39

Gambar 3.15 Tampilan Halaman Data Pendaftaran

F. Halaman Visi Misi

Halaman Visi Misi merupakan halaman untuk melihat informasi

berupa Visi Misi perusahaan dan kontak nomor telepon Kantor Advokat

H.Ardiansyah S.H., M.H. Adapun tampilan Visi Misi seperti gambar

3.16.

Gambar 3.16 Tampilan Visi Misi

G. Halaman Sejarah Perusahaan

Halaman Sejarah Perusahaan merupakan halaman untuk

menampilkan foto dan sejarah perusahaan Kantor Advokat

40

H.Ardiansyah S.H., M.H . Adapun tampilan Halaman Sejarah

Perusahaan seperti gambar 3.17.

Gambar 3.17 Tampilan Halaman Sejarah Perusahaan

H. Halaman Kasus Terdahulu

Halaman Kasus Terdahulu merupakan halaman untuk melihat

data kasus yang telah di selesaikan oleh kantor Advokat H.Ardiansyah

S.H., M.H. Adapun tampilan Halaman Kasus Terdahulu seperti gambar

3.18.

Gambar 3.18 Tampilan Halaman Kasus Terdahulu

41

I. Halaman Pendaftaran

Halaman Pendaftaran merupakan halaman input form pengajuan

konsultasi hukum untuk klien kantor Advokat H.Ardiansyah S.H., M.H.

Adapun tampilan Halaman Pendaftaran seperti gambar 3.19:

Gambar 3.19 Tampilan Halaman Pendaftaran

42

BAB IV

KESIMPULAN DAN SARAN

4.1. Kesimpulan

Berdasarkan pembahasan pada bab-bab sebelumnya terhadap sistem

website pada Kantor Advokat H.Ardiansyah S.H., M.H. Penulis dapat

mengambil kesimpulan di antaranya :

1) Dengan adanya sistem website yang responsif ini akan lebih mempermudah

klien atau pengunjung website untuk melakukan konsultasi .

2) Dengan adanya sistem website maka dapat membantu pihak Kantor

Advokat mempromosikan jasanya dan mempermudah klien untuk

konsultasi hukum.

4.2. Saran

Berdasarkan permasalahan yang terjadi maka penulis memberikan

saran agar dapat bermanfaat pada sistem website Kantor Advokat

H.Ardiansyah S.H., M.H., antara lain sebagai berikut :

1) Diharapkan untuk fitur Live Chat diintegrasikan pada halaman admin.

2) Diharapkan agar peneliti lain yang ingin membahas hal yang sama untuk

dapat menyempurnakan kekurangan dalam penelitian ini dan

mengembangkan website ini untuk optimalisasi penggunaannya untuk user.

3) Penulis menyadari beberapa kekurangan dalam penelitian ini, diantaranya

- Kurangnya fitur yang ada di halaman kasus terdahulu

- Kurangnya pada desain halaman website

website company profile kantor advokat h. …library.palcomtech.com/pdf/6755.pdf · ii kementerian...

Documents