brand awarness di klinik utama rawat inap dan …

91
PEMBUATAN WEBSITE RUMAH SAKIT UNTUK MENINGKATKAN BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN BERSALIN SITI AISYAH SURABAYA LAPORAN KERJA PRAKTIK Program Studi S1 Sistem Informasi Oleh: Alvansyah A.G.H 18410100120 FAKULTAS TEKNOLOGI DAN INFORMATIKA UNIVERSITAS DINAMIKA 2021

Upload: others

Post on 06-Nov-2021

12 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

PEMBUATAN WEBSITE RUMAH SAKIT UNTUK MENINGKATKAN

BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN BERSALIN

SITI AISYAH SURABAYA

LAPORAN KERJA PRAKTIK

Program Studi

S1 Sistem Informasi

Oleh:

Alvansyah A.G.H

18410100120

FAKULTAS TEKNOLOGI DAN INFORMATIKA

UNIVERSITAS DINAMIKA

2021

Page 2: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

PEMBUATAN WEBSITE RUMAH SAKIT UNTUK MENINGKATKAN

BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN BERSALIN

SITI AISYAH SURABAYA

LAPORAN KERJA PRAKTIK

Diajukan sebagai salah satu syarat untuk menyelesaikan

Program Sarjana Komputer

Oleh:

Nama : Alvansyah Achmad Givari Herman

NIM : 18410100120

Program : S1 (Srata Satu)

Jurusan : Sistem Informasi

FAKULTAS TEKNOLOGI DAN INFORMATIKA

UNIVERSITAS DINAMIKA

2021

Page 3: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

LEMBAR MOTTO

“Nikmatilah sebuah proses, sebab hasil

membutuhkan sebuah proses.”

Page 4: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

LEMBAR PERSEMBAHAN

Kupersembahkan kepada

Keluargaku yang ku sayangi dan ku cintai.

Beserta semua teman yang selalu mendukungku.

Terima Kasih

Page 5: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

v

Lembar Pengesahan

Page 6: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

vi

Surat Pernyataan

Page 7: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

vii

ABSTRAK

Klinik Utama Rawat Inap dan Bersalin Siti Aisyah Surabaya merupakan

salah satu pelayanan kesehatan yang dilengkapi fasilitas pemeriksaan ibu dan anak,

pelayanan rawat jalan, dan pelayanan rawat inap. Pada saat ini Klinik Utama Rawat

Inap dan Bersalin Siti Aisyah Surabaya tidak memiliki website dalam melakukan

pemasaran secara luas tentang profil perusahaan. Ketika menjalankan tugasnya

klinik tersebut mengalami masalah yaitu pasien masih kesulitan dalam

mendapatkan informasi. Beberapa kendala informasi yang diberikan kepada

masyarakat tentang Klinik Utama Rawat Inap dan Bersalin Siti Aisyah Surabaya

kurang detail dan kurang tersebar luas, serta masih menggunakan cara manual

dengan cara menyebarkan brosur. Hal ini menuntut Klinik Utama Rawat Inap dan

Bersalin Siti Aisyah Surabaya dalam melakukan pelayanan harus optimal dan

mudah diakses.

Solusi untuk permasalahan tersebut yakni perlunya dilakukan pembuatan

website company profile Klinik Utama Rawat Inap dan Bersalin Siti Aisyah

Surabaya. Pembuatan website bertujuan untuk meningkatkan brand awareness dan

membagikan informasi Klinik Utama Rawat Inap dan Bersalin Siti Aisyah

Surabaya secara luas dengan jaringan internet yang ada.

Berdasarkan hasil uji coba yang telah dilakukan bersama karyawan,

penanggung jawab umum, dan direktur rumah sakit bahwa aplikasi website

company profile yang telah dibuat oleh penulis sudah efektif dalam

memublikasikan informasi tentang perusahaan karena terdapat fitur backend admin

yang dapat mengubah tampilan frontend dengan mudah. Dan aplikasi website

company profile dapat diterima oleh Klinik Utama Rawat Inap dan Bersalin Siti

Aisyah.

Kata Kunci: Website, company profile, internet.

Page 8: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

viii

KATA PENGANTAR

Puji syukur kepada Allah subhanahu wa ta’ala atas segala nikmat yang

sudah diberikan, sehingga penulis dapat menyelesaikan Kerja Praktik serta

menyelesaikan laporan Kerja Praktik ini. Laporan Kerja Praktik ini berjudul

“Pembuatan Website Rumah Sakit Untuk Meningkatkan Brand Awarness di Klinik

Utama Rawat Inap dan Bersalin Siti Aisyah Surabaya”. Laporan ini disusun

berdasarkan Kerja Praktik selama 1 (satu) bulan pada Klinik Utama Rawat Inap dan

Bersalin Siti Aisyah Surabaya.

Dalam menyelesaikan laporan Kerja Praktik penulis tidak terlepas

mendapat bantuan dari berbagai pihak yang telah memberikan masukan dan usulan.

Oleh karena itu penulis mengucapkan banyak terima kasih kepada:

1. Papa dan mama tercinta dan serta keluarga besar yang telah mendoakan

dan selalu memberi dukungan selama melakukan Kerja Praktik dan

penyusunan laporan Kerja Praktik.

2. Bapak Dr. Anjik Sukmaaji, S.Kom., M.Eng. selaku ketua program studi

sistem informasi yang telah memberikan izin kepada penulis untuk

melakukan Kerja Praktik.

3. Bapak Ir. Henry Bambang Setyawan, M.M. selaku dosen pembimbing

yang telah bersedia memberi masukan dan usulan selama proses

penyusunan laporan Kerja Praktik

4. Bapak dr. Herman Sudjarwo selaku penyelia Klinik Utama Rawat Inap dan

Bersalin Siti Aisyah Surabaya yang telah memberikan tempat dalam

melakukan Kerja Praktik kepada penulis.

Page 9: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

ix

5. Teman – teman yang telah memberikan bantuan dan dukungannya dalam

penyusunan laporan ini.

6. Pihak lainnya yang tidak dapat disebut satu-persatu yang telah

memberikan bantuan serta usulan kepada penulis.

Penulis menyadari bahwa dalam melakukan penyusunan laporan Kerja

Praktik masih banyak kekurangan, sehingga kritik yang dapat membangun dan

saran dari semua pihak sangat membantu dalam penyusunan laporan Kerja Praktik.

Semoga laporan Kerja Praktik ini dapat diterima dan bermanfaat bagi penulis serta

semua pihak.

Surabaya, 03 Juli 2021

Penulis

Page 10: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

ix

DAFTAR ISI

Halaman

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

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

DAFTAR ISI .......................................................................................................... ix

DAFTAR GAMBAR ............................................................................................. xi

DAFTAR TABEL ................................................................................................ xiii

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

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

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

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

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

1.4 Tujuan ....................................................................................................... 3

1.5 Manfaat ..................................................................................................... 3

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

2.1 Profil Perusahaan ...................................................................................... 4

2.2 Sejarah Perusahaan ................................................................................... 4

2.3 Visi dan Misi Perusahaan ......................................................................... 5

2.4 Logo Perusahaan ...................................................................................... 5

2.5 Lokasi Perusahaan .................................................................................... 6

2.6 Struktur Organisasi Perusahaan ................................................................ 7

Page 11: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

x

2.6.1 Kepala Unit Bisnis ............................................................................ 8

2.6.2 Penanggung Jawab Medis ................................................................. 8

2.6.3 Kabid Umum ..................................................................................... 8

2.6.4 Penanggung Jawab Layanan RAJAL & RANAP ............................. 9

2.6.5 Penanggung Jawab Keuangan ........................................................... 9

2.6.6 Penanggung Jawab Umum ................................................................ 9

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

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

3.1.1 Fungsi Company Profile ................................................................. 10

3.1.2 Unsur – unsur Company Profile ...................................................... 11

3.2 PHP ......................................................................................................... 12

3.2.1 Fungsi PHP ..................................................................................... 12

3.2.2 Syntax PHP ..................................................................................... 13

3.3 HTML ..................................................................................................... 13

3.3.1. Fungsi HTML ................................................................................. 13

3.4 Database ................................................................................................. 14

3.5 MySQL ................................................................................................... 15

BAB IV DESKRIPSI PEKERJAAN .................................................................... 17

4.1 Wawancara ............................................................................................. 17

4.2 Observasi ................................................................................................ 17

4.3 Peranan Kerja Praktik Pada Perusahaan ................................................. 17

Page 12: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

xi

4.4 Sistem Pelaksanaan Kerja Praktik .......................................................... 18

4.5 Analisis Proses Bisnis Saat ini ............................................................... 18

4.6 Analisis Kebutuhan Pengguna ................................................................ 19

4.7 Analisis Kebutuhan Sistem..................................................................... 20

4.7.1 Kebutuhan Fungsional .................................................................... 20

4.7.2 Kebutuhan Nonfungsional .............................................................. 34

4.7.3 Input Process Output (Diagram IPO) ............................................. 35

4.8 Perancangan Website Company Profile .................................................. 41

4.8.1 Sysflow Diagram ............................................................................. 41

4.8.2 Data Flow Diagram ........................................................................ 56

4.8.3 Struktur Tabel.................................................................................. 59

4.9 Desain Website Company Profile ........................................................... 61

4.9.1 Tampilan Frontend Beranda ........................................................... 61

4.9.2 Tampilan Frontend Tentang Perusahaan ........................................ 62

4.9.3 Tampilan Frontend Unit Penunjang................................................ 62

4.9.4 Tampilan Frontend Berita ............................................................... 63

4.9.5 Tampilan Frontend Profil ............................................................... 64

4.9.6 Tampilan Frontend Pelayanan ........................................................ 65

4.9.7 Tampilan Frontend Dokter ............................................................. 66

4.9.8 Tampilan Frontend Contact ............................................................ 67

4.9.9 Tampilan Frontend FAQ ................................................................. 67

Page 13: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

xii

4.9.10 Tampilan Frontend Login ............................................................... 68

4.9.11 Tampilan Backend Home ................................................................ 69

4.9.12 Tampilan Backend Dokter............................................................... 69

4.9.13 Tampilan Backend Berita ................................................................ 70

4.9.14 Tampilan Backend Jadwal Praktik .................................................. 70

4.9.15 Tampilan Backend Tanya Jawab ..................................................... 71

BAB V PENUTUP ................................................................................................ 72

5.1. Kesimpulan ............................................................................................. 72

5.2. Saran ....................................................................................................... 72

DAFTAR PUSTAKA ........................................................................................... 73

LAMPIRAN .......................................................................................................... 75

Page 14: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

xi

DAFTAR GAMBAR

Halaman

Gambar 2. 1 Halaman Perusahaan. ......................................................................... 4

Gambar 2. 2 Logo Perusahaan ................................................................................ 5

Gambar 2. 3 Lokasi Perusahaan. ............................................................................. 6

Gambar 2. 4 Struktur Organisasi Perusahaan. ........................................................ 7

Gambar 3. 1 Jenjang Data ..................................................................................... 15

Gambar 4. 1 Diagram Input Proses Output Perusahaan ....................................... 36

Gambar 4. 2 Sysflow Login ................................................................................... 42

Gambar 4. 3 Sysflow Pengelolaan Daftar Dokter .................................................. 43

Gambar 4. 4 Sysflow Pengelolaan Daftar Dokter Lanjutan................................... 44

Gambar 4. 5 Sysflow Pengelolaan Daftar Berita ................................................... 46

Gambar 4. 6 Sysflow Pengelolaan Daftar Berita Lanjutan .................................... 47

Gambar 4. 7 Sysflow Pengelolaan Daftar Jadwal Praktik ..................................... 49

Gambar 4. 8 Sysflow Pengelolaan Jadwal Praktik Lanjutan ................................. 50

Gambar 4. 9 Sysflow Pengelolaan Daftar Tanya Jawab ........................................ 52

Gambar 4. 10 Sysflow Pengelolaan Daftar Tanya Jawab Lanjutan ...................... 53

Gambar 4. 11 Sysflow Pembuatan Website Company Profile .............................. 55

Gambar 4. 12 Diagram Context website Perusahaan. ........................................... 56

Gambar 4. 13 Diagram Jenjang ............................................................................. 57

Gambar 4. 14 Data Flow Diagram Level 0 Website Perusahaan .......................... 57

Gambar 4. 15 Data Flow Diagram Level 1 Pengelolaan Master .......................... 58

Gambar 4. 16 Data Flow Diagram Level 1 Pembuatan Website .......................... 58

Page 15: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

xii

Gambar 4. 17 Tampilan Frontend Beranda. ......................................................... 61

Gambar 4. 18 Tampilan Frontend Tentang Perusahaan ....................................... 62

Gambar 4. 19 Tampilan Frontend Unit Penunjang. .............................................. 62

Gambar 4. 20 Tampilan Frontend Berita Perusahaan. .......................................... 63

Gambar 4. 21 Tampilan Frontend Profil Tentang Visi Perusahaan...................... 64

Gambar 4. 22 Tampilan Frontend Tentang Misi Perusahaan. .............................. 64

Gambar 4. 23 Tampilan Frontend Tentang Budaya & Layanan Islam. ................ 65

Gambar 4. 24 Tampilan Frontend Pelayanan Rawat Inap. ................................... 65

Gambar 4. 25 Tampilan Frontend Pelayanan Rawat Jalan. .................................. 66

Gambar 4. 26 Tampilan Frontend Daftar Dokter. ................................................ 66

Gambar 4. 27 Tampilan Frontend Contact. .......................................................... 67

Gambar 4. 28 Tampilan Frontend FAQ. ............................................................... 67

Gambar 4. 29 Tampilan Login Website................................................................. 68

Gambar 4. 30 Tampilan Backend Home. .............................................................. 69

Gambar 4. 31 Tampilan Backend Dokter. ............................................................. 69

Gambar 4. 32 Tampilan Backend Berita. .............................................................. 70

Gambar 4. 33 Tampilan Backend Jadwal Praktik. ................................................ 70

Gambar 4. 34 Tampilan Backend Tanya Jawab. ................................................... 71

Page 16: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

xiii

DAFTAR TABEL

Halaman

Tabel 4. 1 Analisis Kebutuhan Pengguna ............................................................. 19

Tabel 4. 2 Kebutuhan Fungsional Login. .............................................................. 21

Tabel 4. 3 Kebutuhan Fungsional Input Data Dokter. .......................................... 21

Tabel 4. 4 Kebutuhan Fungsional Update Data Dokter. ....................................... 22

Tabel 4. 5 Kebutuhan Fungsional Delete Data Dokter. ........................................ 23

Tabel 4. 6 Kebutuhan Fungsional Input Data Berita. ............................................ 24

Tabel 4. 7 Kebutuhan Fungsional Update Data Berita. ........................................ 25

Tabel 4. 8 Kebutuhan Fungsional Delete Data Berita. .......................................... 26

Tabel 4. 9 Kebutuhan Fungsional Input Jadwal Praktik. ...................................... 27

Tabel 4. 10 Kebutuhan Fungsional Update Jadwal praktik. ................................. 28

Tabel 4. 11 Kebutuhan Fungsional Delete Jadwal Praktik. .................................. 29

Tabel 4. 12 Kebutuhan Fungsional Input Data Tanya Jawab. .............................. 31

Tabel 4. 13 Kebutuhan Fungsional Update Data Tanya Jawab. ........................... 31

Tabel 4. 14 Kebutuhan Fungsional Delete Data Tanya Jawab. ............................ 32

Tabel 4. 15 Kebutuhan Fungsional Pembuatan Website. ..................................... 34

Tabel 4. 16 Struktur Tabel Berita. ......................................................................... 59

Tabel 4. 17 Struktur Tabel Dokter. ....................................................................... 59

Tabel 4. 18 Struktur Tabel Login. ......................................................................... 60

Tabel 4. 19 Struktur Tabel Jadwal Praktik. ........................................................... 60

Tabel 4. 20 Struktur Tabel Tanya Jawab. ............................................................. 61

Page 17: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

xiv

DAFTAR LAMPIRAN

Halaman

Lampiran 1. Surat Balasan Kerja Praktik Perusahaan .......................................... 75

Lampiran 2. Form KP-4 ........................................................................................ 76

Lampiran 3 Form KP-5 (Halaman 1) .................................................................... 77

Lampiran 4. Form KP-5 (Halaman 2) ................................................................... 78

Lampiran 5. Form KP-6 (Halaman 1) ................................................................... 79

Lampiran 6. Form KP-6 (Halaman 2) ................................................................... 80

Lampiran 7. Form KP-7 ........................................................................................ 81

Lampiran 8. Form Bimbingan Dosen.................................................................... 82

Lampiran 9. Biodata Penulis ................................................................................. 83

Page 18: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

1

BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

Pada perkembangan teknologi saat ini sistem informasi berbasis komputer

banyak digunakan instansi untuk menyebarkan informasi dan profiling perusahaan

kepada masyarakat, salah satu sistem informasi berbasis komputer yaitu website.

Website adalah kumpulan beberapa halaman yang berada pada 1 (satu) domain yang

berisi tentang semua informasi instansi tersebut, serta informasinya dapat dibaca

oleh pengguna internet dan memberikan informasi yang penting. Website didesain

semenarik mungkin dan sesuai dengan profile perusahaan agar customer tertarik

pada pelayanan yang ditawarkan oleh perusahaan.

Di tengah populer perkembangan teknologi informasi perusahaan harus

memikirkan strategi dalam memasarkan pelayanan yang secara luas, dalam

melakukan pemasaran profile perusahaan memiliki banyak cara. Salah satu cara

pemasaran yang efektif saat ini dengan menggunakan website, maka dari itu website

sangat diperlukan dalam meningkatkan suatu bisnis pada perusahaan.

Klinik Utama Rawat Inap dan Bersalin Siti Aisyah Surabaya merupakan

salah satu pelayanan kesehatan yang dilengkapi fasilitas pemeriksaan ibu dan anak,

pelayanan rawat jalan, dan pelayanan rawat inap. Pada saat ini Klinik Utama Rawat

Inap dan Bersalin Siti Aisyah Surabaya tidak memiliki website dalam melakukan

pemasaran secara luas tentang profil perusahaan. Ketika menjalankan tugasnya

klinik tersebut mengalami masalah yaitu pasien masih kesulitan dalam

mendapatkan informasi. Beberapa kendala informasi yang diberikan kepada

masyarakat tentang Klinik Utama Rawat Inap dan Bersalin Siti Aisyah Surabaya

Page 19: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

2

kurang detail dan kurang tersebar luas, serta masih menggunakan cara manual

dengan cara menyebarkan brosur. Hal ini menuntut Klinik Utama Rawat Inap dan

Bersalin Siti Aisyah Surabaya dalam melakukan pelayanan harus optimal dan

mudah diakses.

Untuk meningkatkan pelayanan, memberi informasi dan dapat melakukan

pengenalan (brand awareness) pada Klinik Utama Rawat Inap dan Bersalin Siti

Aisyah Surabaya. Solusi yang dihasilkan dari masalah tersebut adalah membuat

website profiling perusahaan yang dapat meningkatkan brand awareness dan

membagikan informasi secara luas dengan jaringan internet yang ada.

1.2 Rumusan Masalah

Berdasarkan latar belakang yang telah dijabarkan oleh penulis, maka

timbul masalah yang ada pada Klinik Utama Rawat Inap dan Bersalin Siti Aisyah

Surabaya yaitu klinik tersebut membutuhkan website company profile yang dapat

meningkatkan brand awareness dan informasi tentang perusahaan.

1.3 Batasan Masalah

Berdasarkan penjelasan pada latar belakang maka penulis membuat

batasan masalah, agar pembahasan tidak luas. Adapun batasan masalah sebagai

berikut:

1. Profiling perusahaan meliputi tentang perusahan, berita atau info terkini,

fasilitas pelayanan, profil perusahaan, jadwal dokter, contact, FAQ atau

tanya jawab.

2. Pembuatan website Klinik Utama Rawat Inap dan Bersalin Siti Aisyah

Surabaya menggunakan pemrograman native.

Page 20: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

3

3. Pembuatan website Klinik Utama Rawat Inap dan Bersalin Siti Aisyah

Surabaya hanya tentang profiling perusahaan.

4. Dinamis website meliputi dokter, berita, jadwal praktik, dan tanya jawab.

1.4 Tujuan

Berdasarkan latar belakang dan rumusan masalah yang telah dijabarkan

oleh penulis maka tujuan dari Kerja Praktik ini sebagai berikut:

1. Menghasilkan website profiling perusahaan yang dapat meningkatkan

brand awareness.

2. Memperluas jangkauan informasi tentang perusahaan kepada masyarakat.

1.5 Manfaat

Manfaat yang diharapkan dari Kerja Praktik ini adalah:

1. Bagi penulis, Kerja Praktik ini bermanfaat untuk melihat kemampuan

penulis dalam menggunakan bahasa pemrograman dan kemampuan dalam

membuat website.

2. Bagi Klinik Utama Rawat Inap dan Bersalin Siti Aisyah Surabaya,

memperluas jangkauan tentang profiling perusahaan ke masyarakat dan

sebagai media promosi yang dapat menarik customer.

Page 21: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

4

BAB II

GAMBARAN UMUM PERUSAHAAN

2.1 Profil Perusahaan

Tempat : Klinik Utama Rawat Inap dan Bersalin Siti Aisyah

Surabaya

Alamat : Jl. Pacar Keling No.15 A

Telpon : 0315019146

Email : [email protected]

2.2 Sejarah Perusahaan

Gambar 2. 1 Halaman Perusahaan.

Klinik Utama Rawat Inap dan Bersalin Siti Aisyah Surabaya merupakan

klinik yang berdiri sejak tahun 1964. Klinik tersebut berada pada jalan Pacar Keling

No. 15 A Surabaya. Untuk saat ini Klinik Utama Rawat Inap dan Bersalin Siti

Aisyah Surabaya lebih mengedepankan professional kerja dengan didukung alat

medis yang modern dan untuk lingkungan sekitar klinik tersebut sangat nyaman.

Page 22: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

5

2.3 Visi dan Misi Perusahaan

Visi

Menjadi klinik umum dan bersalin pilihan masyarakat di Surabaya dan

sekitarnya dengan layanan unggulan persalinan ibu, perawatan bayi dan anak yang

bermutu serta islami.

Misi

1. Menyelenggarakan operasional klinik sesuai dengan standar mutu yang

ditetapkan oleh pemerintah.

2. Berkomitmen kepada pasien untuk menyediakan layanan kesehatan yang

bermutu dan islami, berkomitmen kepada karyawan untuk memberikan

iklim kerja yang aman, nyaman dan menghargai kontribusi.

3. Berkomitmen kepada persyarikatan muhammadiyah untuk menjadi amal

usaha yang terus tumbuh dan menjadi media gerakan dakwah

Muhammadiyah

2.4 Logo Perusahaan

Gambar 2. 2 Logo Perusahaan

Page 23: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

6

2.5 Lokasi Perusahaan

Gambar 2. 3 Lokasi Perusahaan.

Page 24: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

7

2.6 Struktur Organisasi Perusahaan

Gambar 2. 4 Struktur Organisasi Perusahaan.

Pada Gambar 2.4 di atas merupakan struktur organisasi Klinik Utama

Rawat Inap dan Bersalin Siti Aisyah Surabaya. Kerja Praktik yang penulis lakukan

berada pada bagian penanggung jawab umum khususnya pada bagian layanan

marketing, tugas dari layanan marketing yaitu divisi atau bagian tersebut

memikirkan bagaimana cara perusahaan menyampaikan pelayanan atau fasilitas

dan informasi terbaru kepada masyarakat. Penulis menyampaikan idenya berupa

pembuatan website agar dalam melakukan layanan marketing bisa lebih luas

daripada menggunakan cara sebelumnya. Adapun penjelasan lebih detail dari

masing – masing bagian sebagai berikut:

Page 25: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

8

2.6.1 Kepala Unit Bisnis

Kepala unit bisnis merupakan bagian yang berada dibawah rektor

Universitas Muhammadiyah. Tugas kepala unit bisnis yaitu membawahi unit bisnis

yang berada pada kampus Universitas Muhammadiyah Surabaya, adapun unit

bisnis yang ada pada Universitas Muhammadiyah sebagai berikut:

1. Klinik Utama Rawat Inap dan Bersalin Siti Aisyah Surabaya.

2. Klinik Pusura Raharja di jalan Rungkut.

3. Air minum Suli (air minum siap saji).

4. Penginapan guest house berada pada jalan Dharmawangsa.

5. Central Apotek pada kampus Universitas Muhammadiyah Surabaya.

6. Minimarket Surya yang berada pada sekitar kampus.

2.6.2 Penanggung Jawab Medis

Penanggung jawab medis merupakan bagian yang berada di bawah kepala

unit bisnis. Tugas penanggung jawab medis yaitu meliputi semua tanggung jawab

permasalahan yang ada. Mulai dari tentang per-izinan, melakukan evaluasi

perusahaan, melakukan rapat rutin pada perusahaan, menyusun strategi yang akan

digunakan pada perusahaan, dan lainnya yang ada pada rumah sakit.

2.6.3 Kabid Umum

Kabid umum merupakan bagian yang berada di bawah penanggung jawab

medis. Tugas kabid umum adalah membawahi masalah teknis yang ada di rumah

sakit. Seperti permasalahan sarana dan pra-sarana, alat kesehatan, dan keperluan

obat untuk kamar obat.

Page 26: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

9

2.6.4 Penanggung Jawab Layanan RAJAL & RANAP

Penanggung jawab layanan rajal & ranap merupakan bagian yang berada

dibawah penanggung jawab medis. Tugas penanggung jawab layanan rajal & ranap

adalah mengawasi dan tanggung jawab pada ruang bersalin, mengecek dan

mengawasi kamar obat, dan mengawasi serta tanggung jawab pada ruang operasi.

2.6.5 Penanggung Jawab Keuangan

Penanggung jawab keuangan merupakan bagian yang berada di bawah

penanggung jawab medis. Tugas penanggung jawab keuangan adalah bertanggung

jawab pada kasir dan accounting perusahaan.

2.6.6 Penanggung Jawab Umum

Penanggung jawab umum merupakan bagian yang berada di bawah

penanggung jawab medis. Tugas penanggung jawab umum adalah bertanggung

jawab pada administrasi & kepegawaian, layanan marketing, kerumahtanggaan

seperti laundry, kebersihan dan keamanan. Dan yang terakhir bertanggung jawab

terhadap TPA (Tempat Pembuangan Akhir).

Page 27: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

10

BAB III

LANDASAN TEORI

Untuk mendukung pembuatan laporan ini penulis perlu menyampaikan

hal-hal yang berkaitan dengan permasalahan dan ruang lingkup pembahasan

sebagai landasan dalam pembuatan laporan ini.

3.1 Company Profile

Company profile adalah sebuah gambaran tentang perusahaan yang

bertujuan untuk memberi informasi kepada masyarakat tentang profil perusahaan,

visi misi perusahaan, fasilitas perusahaan, dan layanan yang ditawarkan oleh

perusahaan. Informasi terbaru tentang perusahaan dan company profile dapat

meningkatkan awareness atau menarik perhatian pelanggan (Adieb, 2021).

Company profile harus dirancang dengan baik sehingga dapat membantu

perusahaan dalam persaingan bisnis.

3.1.1 Fungsi Company Profile

Berikut adalah fungsi dari company profile yang dapat digunakan dalam

membuat company profile:

a) Memberi ide tentang bisnis perusahaan kepada masyarakat atau target

audiensi agar mereka tahu apa yang ditawarkan oleh perusahaan.

b) Membantu mempromosikan layanan perusahaan kepada masyarakat.

c) Mengkomunikasi keunikan karakter perusahaan agar menarik investor

atau client untuk bekerja sama dengan perusahaan.

Page 28: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

11

3.1.2 Unsur – unsur Company Profile

Berikut adalah unsur-unsur company profile yang dapat digunakan dalam

membuat company profile:

1. Detail perusahaan.

Pada detail perusahaan berisi tentang informasi-informasi detail untuk

dimasukkan ke dalam profil perusahaan. Berikut detail perusahaan yang

dapat dimasukkan dalam profil perusahaan:

a) Nama perusahaan

b) Tanggal didirikan perusahaan

c) Alamat perusahaan

d) Alamat email

2. Informasi dasar perusahaan.

Dalam pembuatan company profile informasi dasar perusahaan

sebenarnya tidak harus ditampilkan dalam company profile. Berikut ini

informasi – informasi dasar perusahaan yang dapat dimasukkan ke dalam

company profile:

a) Visi dan Misi

b) Produk dan layanan

c) Sejarah

3. Pencapaian perusahaan.

Pada perusahaan beberapa ada pencapaian yang dapat dimasukkan ke

dalam company profile. Berikut pencapaian yang dapat ditulis dalam

company profile:

a) Penghargaan.

b) Sertifikasi.

Page 29: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

12

c) Program dan proyek khusus.

d) Pengakuan dari media atau berita.

4. Informasi tambahan.

Pada informasi tambahan bersifat opsional sehingga tidak diharuskan

untuk mencatumkannya. Berikut informasi tambahan yang dapat ditulis

dalam company profile:

a) Mitra.

b) Foto – foto.

3.2 PHP

PHP (Hypertext Preprocessor) adalah sebuah bahasa pemrograman yang

digunakan dalam pembuatan atau pengembangan website yang bersifat statis atau

dinamis (Intermedia, 2019). PHP merupakan bahasa pemrograman scripting yang

terpasang pada HTML, yang artinya dapat digunakan dalam kombinasi dengan

berbagai sistem template website, sistem manajemen konten website, dan kerangka

kerja website serta PHP bersifat server – side HTML yang artinya adalah sintaks

dan semua perintah yang telah dibuat akan diproses oleh server (Kuryanti &

Indriani, 2018) .

3.2.1 Fungsi PHP

Fungsi PHP adalah membuat atau mengembangkan sebuah website yang

bersifat statis atau dinamis, serta PHP dapat digunakan untuk menyimpan data ke

dalam database, membuat halaman yang dinamis sesuai dengan input dari user, dan

memproses form.

Page 30: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

13

3.2.2 Syntax PHP

Pada penulisan sintaks PHP mempunyai aturan penulisan agar mampu

dimengerti pada saat membaca bahasa pemrograman. Aturan penulisan PHP, pada

saat penulisan yang benar dapat diawali dengan “<?PHP” dan diakhiri dengan “?>”

dan pada file PHP terdapat tag seperti HTML dan skrip javascript.

3.3 HTML

HTML (HyperText Markup Language) adalah bahasa pemrograman yang

dapat digunakan dalam pembuatan sebuah halaman website. HTML dapat diakses

untuk menampilkan berbagai informasi dalam sebuah website internet

(Nawadwipa, 2020). HTML merupakan bahasa pemrograman standar yang

digunakan secara luas untuk menampilkan halaman website (Elisa, 2016), serta

HTML juga berguna dalam menjelajahi internet.

3.3.1. Fungsi HTML

HTML mempunyai fungsi yaitu dapat mengelola serangkaian data atau

informasi pada suatu dokumen yang dapat diakses serta dapat ditampilkan pada

internet melalui website. Dan fungsi HTML lainnya memastikan bahwa format teks

dan gambar yang tepat serta dapat digunakan untuk browser internet. Tanpa

menggunakan HTML browser tidak mengetahui bagaimana cara menampilkan teks

dan gambar. Berikut fungsi HTML yang lebih detail:

1. Membuat website yang dapat diakses dan dipahami oleh penggunanya.

2. Menandai teks dengan tag atau symbol, symbol dan tag akan membuat

tampilan menjadi teks tebal, miring, bergaris tebal dan lainnya.

Page 31: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

14

3. Dengan menggunakan HTML dapat membuat tabel, menampilkan gambar,

menampikan video pada website, dan dapat membuat form yang digunakan

untuk transaksi seperti input, update dan delete.

3.4 Database

Database adalah sebuah wadah tabel yang mempunyai atribut dan data.

Pada tabel yang ada di dalam database tersebut saling berhubungan yang antara

satu dengan lainnya (Rizaldi et al., 2018). Dari saling berhubungan tersebut, maka

akan membentuk sebuah informasi yang dimana informasi tersebut dapat

digunakan untuk pengguna informasi. Sekumpulan tabel yang saling berhubungan

tersebut disebut relationship, relationship dapat digunakan dalam pengembangan

database. Tahap pengembangan database sangat diperlukan karena akan

berpengaruh terhadap data yang akan digunakan saat melakukan implementasi

perangkat lunak yang sudah dibuat.

Pada tahap pengembangan database mempunyai kesulitan yang sering

terjadi yaitu dalam membuat model konseptual dan pemetaan dengan struktur yang

kompleks atau tidak sederhana, sehingga membutuhkan banyak waktu untuk

pemetaannya (Larassati et al., 2019). Database mempunyai jenjang data sebagai

berikut.

Page 32: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

15

Gambar 3. 1 Jenjang Data

Pada gambar 3.1 dijelaskan bahwa database mempunyai jenjang data yang

meliputi character, field, record, file, dan database. Characters adalah sebuah

bagian data yang terkecil berupa numerik, huruf, karakter khusus yang membentuk

data atau field. Field adalah sebuah atribut yang menunjukkan suatu item dari data

yang misalnya seperti nama, alamat dan lainnya. Record adalah kumpulan dari field

yang mengambarkan suatu unit data individu yang tertentu. Dan File adalah

kumpulan record yang mengambarkan satu kesatuan data yang sejenis, kumpulan

dari file akan membentuk sebuah database.

3.5 MySQL

MySQL adalah sebuah bahasa pemrograman yang dapat digunakan untuk

mengakses database (Kuryanti & Indriani, 2018), sebagian besar MySQL banyak

digunakan oleh portal internet sebagai sebuah basis data dari informasi yang

ditampilkan pada suatu website. MySQL termasuk salah satu jenis RDBMS

(Relational Database Management), sehingga dalam mengelola database

mempunyai kemampuan yang sangat cepat dengan jumlah besar dan dapat di akses

oleh banyak user. MySQL adalah sebuah database yang mempunyai struktu tabel

Page 33: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

16

lebih dari 1 (satu). Tabel tersebut terdiri dari beberapa baris dan setiap baris

mempunyai beberapa kolom. Pada mengelola database, MySQL mempunyai

beberapa cara salah satunya menggunakan prompt DOS (tool command line)

(Maulana, 2016).

Page 34: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

17

BAB IV

DESKRIPSI PEKERJAAN

4.1 Wawancara

Wawancara yang dilakukan pada pembuatan aplikasi website company

profile tersebut bertujuan mendapatkan data dan informasi secara lengkap. Dan

akan ditampilkan pada website Klinik Utama Rawat Inap dan Bersalin Siti Aisyah

Surabaya. Narasumber yang dapat diwawancarai pada Klinik Utama Rawat Inap

dan Bersalin Siti Aisyah Surabaya adalah bapak dr. Herman Sudjarwo sebagai

direktur dan bapak Ach. Setiadi, AMd. sebagai penanggung jawab umum.

Wawancara tersebut berisi tentang mengenai profil perusahaan dan hingga proses

bisnis saat ini.

4.2 Observasi

Observasi dilakukan terhadap kegiatan yang berhubungan dengan masalah

yang telah disampaikan saat proses wawancara. Proses observasi dilakukan di

Klinik Utama Rawat Inap dan Bersalin Siti Aisyah Surabaya yang berada pada jalan

Pacar Keling No.15 A. Proses observasi bertujuan untuk mengumpulkan data-data

yang dapat digunakan dalam pembuatan website company profile Klinik Utama

Rawat Inap dan Bersalin Siti Aisyah Surabaya.

4.3 Peranan Kerja Praktik Pada Perusahaan

Setelah wawancara dan observasi Klinik Utama Rawat Inap dan Bersalin

Siti Aisyah Surabaya memberi posisi kepada penulis untuk Kerja Praktik di bagian

layanan & marketing. Penulis bertugas menangani permasalahan layanan website

Page 35: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

18

di Klinik Utama Rawat Inap dan Bersalin Siti Aisyah Surabaya, dalam melakukan

Kerja Praktik penulis mendapat bimbingan dari penanggung jawab umum klinik

tersebut yaitu bapak Ach. Setiadi, AMd. Bapak Ach. Setiadi, AMd memberikan

informasi dan membantu dalam hal memberikan saran, masukan, dan kritikan.

4.4 Sistem Pelaksanaan Kerja Praktik

Pada saat Kerja Praktik, klinik tersebut memberikan tugas yaitu

melakukan pembuatan website company profile. Penulis diberi fasilitas untuk

melakukan Kerja Praktik, adapun fasilitas tersebut sebagai berikut:

1. Selama melakukan Kerja Praktik di Klinik Utama Rawat Inap dan Bersalin

Siti Aisyah Surabaya penulis mempunyai ruangan khusus yaitu di ruang

operasi.

2. Untuk hari kerja selama pandemi penulis hanya datang ke Klinik Utama

Rawat Inap dan Bersalin Siti Aisyah Surabaya sebanyak 1 (satu) minggu

3 (tiga) kali.

4.5 Analisis Proses Bisnis Saat ini

Klinik Utama Rawat Inap dan Bersalin Siti Aisyah Surabaya mempunyai

alur proses bisnis masih bersifat manual seperti rumah sakit pada umumnya yaitu

dalam hal menyebarkan informasi mengenai fasilitas dan pelayanan rumah sakit

masih menggunakan media brosur, brosur tersebut disebarkan melalui per-orangan.

Hal tersebut menyebabkan terbatasnya jangkauan informasi mengenai Klinik

Utama Rawat Inap dan Bersalin Siti Aisyah Surabaya. Solusi yang akan digunakan

adalah dengan membangun aplikasi website tentang company profile Klinik Utama

Page 36: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

19

Rawat Inap dan Bersalin Siti Aisyah Surabaya yang diharapkan dapat memperluas

jangkauan informasi.

4.6 Analisis Kebutuhan Pengguna

Aplikasi website company profile Klinik Utama Rawat Inap dan Bersalin

Siti Aisyah Surabaya melibatkan 1 (satu) pengguna yaitu admin, admin memiliki

tugas dalam mengelola sistem website seperti mengelola daftar dokter, mengelola

berita tentang informasi atau pengumuman, mengelola jadwal praktik dokter, dan

mengelola FAQ. Adapun penjelasan lebih detail mengenai analisis kebutuhan

pengguna sebagai berikut:

Tabel 4. 1 Analisis Kebutuhan Pengguna

No. Pengguna Tugas &

Tanggung Jawab Kebutuhan data

Kebutuhan

informasi

1 Admin Pengelolaan daftar

dokter

Data dokter Informasi dokter

Pengelolaan jadwal

praktik dokter

Data jadwal

praktik dokter

Informasi jadwal

praktik dokter

Pengelolaan berita Data berita Informasi berita

Pengelolaan tanya

jawab

Data tanya jawab Informasi tanya

jawab

Pengelolaan

tampilan website

- Data dokter

- Data jadwal

praktik dokter

- Data berita

- Informasi

dokter

- Informasi

jadwal praktik

dokter

Page 37: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

20

No. Pengguna Tugas &

Tanggung Jawab Kebutuhan data

Kebutuhan

informasi

- Data tanya

jawab

- Informasi

berita

- Informasi

tanya jawab

4.7 Analisis Kebutuhan Sistem

Pada Klinik Utama Rawat Inap dan Bersalin Siti Aisyah Surabaya sistem

promosi tentang company profile masih bersifat manual dengan cara membagikan

brosur kepada masyarakat. Penulis melakukan pengusulan dengan cara membuat

website tentang company profile agar dapat menarik masyarakat. Analisis

kebutuhan sistem terdapat kebutuhan fungsional dan kebutuhan nonfungsional

sebagai berikut:

4.7.1 Kebutuhan Fungsional

Analisis kebutuhan fungsional digunakan untuk mengetahui fungsi yang

akan dibuat pada website, umumnya pada kebutuhan fungsional terdapat proses

yang berisi tentang informasi yang diperlukan. Berikut analisis kebutuhan

fungsional Kerja Praktik di Klinik Utama Rawat Inap dan Bersalin Siti Aisyah

Surabaya:

a. Login

Fungsi login digunakan untuk mengakses bagian admin yang dapat

mengubah tampilan website frontend.

Page 38: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

21

Tabel 4. 2 Kebutuhan Fungsional Login.

Nama Fungsi Login

Pengguna Admin

Input Username dan password yang sesuai dengan tabel login.

Aktivitas 1. Pengguna mengakses website Klinik Utama Rawat Inap dan

Bersalin Siti Aisyah Surabaya.

2. Pengguna memilih menu admin.

3. Sistem akan menampilkan menu login.

4. Pengguna memasukkan username dan password.

5. Sistem akan mengecek apakah username dan password

sesuai atau tidak sesuai dengan database yang telah

disediakan.

6. Sistem akan menampilkan halaman admin.

Output Sistem akan menampilkan halaman admin.

Kebijakan Username dan password yang diinputkan saat login salah, maka

muncul pemberitahuan login gagal.

b. Input Data Dokter.

Fungsi input data dokter berfungsi untuk menambah data dokter yang akan

ditampilkan pada frontend, tampilan tersebut berisi tentang daftar dokter yang

bertugas pada Klinik Utama Rawat Inap dan Bersalin Siti Aisyah Surabaya.

Tabel 4. 3 Kebutuhan Fungsional Input Data Dokter.

Nama Fungsi Input data dokter

Pengguna Admin

Input Data dokter

Page 39: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

22

Nama Fungsi Input data dokter

Aktivitas 1. Pengguna mengakses website Klinik Utama Rawat Inap dan

Bersalin Siti Aisyah Surabaya.

2. Pengguna memilih menu admin.

3. Pengguna melakukan login.

4. Sistem akan menampilkan halaman admin.

5. Pengguna memilih menu dokter pada halaman admin.

6. Sistem akan menampilkan form data dokter.

7. Pengguna mengisi data dokter pada form dokter.

8. Pengguna memilih button input.

9. Sistem akan menambahkan dan menampilkan data yang ada

di daftar dokter.

Output Daftar data dokter

Aturan &

Kebijakan

Pengguna harus melakukan login dengan username dan

password yang sesuai.

c. Update Data Dokter.

Fungsi update data dokter berfungsi untuk mengubah data dokter yang

akan ditampilkan pada frontend, tampilan tersebut berisi tentang daftar dokter yang

bertugas pada Klinik Utama Rawat Inap dan Bersalin Siti Aisyah Surabaya.

Tabel 4. 4 Kebutuhan Fungsional Update Data Dokter.

Nama Fungsi Update data dokter

Pengguna Admin

Input Data dokter

Aktivitas 1. Pengguna mengakses website Klinik Utama Rawat Inap dan

Bersalin Siti Aisyah Surabaya.

2. Pengguna memilih menu admin.

Page 40: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

23

Nama Fungsi Update data dokter

3. Pengguna melakukan login.

4. Sistem akan menampilkan halaman admin.

5. Pengguna memilih menu dokter pada halaman admin.

6. Sistem akan menampilkan form data dokter.

7. Pengguna memilih data yang akan diupdate.

8. Pengguna memilih button edit.

9. Sistem akan menampilkan data yang sudah dipilih di form

data dokter.

10. Pengguna mengubah data yang akan diupdate di form data

dokter.

11. Pengguna memilih button update.

12. Sistem akan mengubah dan menampilkan data yang ada di

daftar dokter.

Output Daftar data dokter

Aturan & Kebijakan

Pengguna harus melakukan login dengan username dan

password yang sesuai.

d. Delete Data Dokter.

Fungsi delete data dokter berfungsi untuk menghapus data dokter yang

akan ditampilkan pada frontend, tampilan tersebut berisi tentang daftar dokter yang

bertugas pada Klinik Utama Rawat Inap dan Bersalin Siti Aisyah Surabaya.

Tabel 4. 5 Kebutuhan Fungsional Delete Data Dokter.

Nama Fungsi Delete data dokter

Pengguna Admin

Input Data dokter

Aktivitas 1. Pengguna mengakses website Klinik Utama Rawat Inap dan

Bersalin Siti Aisyah Surabaya.

Page 41: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

24

Nama Fungsi Delete data dokter

2. Pengguna memilih menu admin.

3. Pengguna melakukan login.

4. Sistem akan menampilkan halaman admin.

5. Pengguna memilih menu dokter pada halaman admin.

6. Sistem akan menampilkan form data dokter.

7. Pengguna memilih data yang akan didelete.

8. Pengguna memilih button delete di data yang sudah dipilih.

9. Sistem akan memunculkan notifikasi yakin ingin

menghapus data ini.

10. Pengguna memilih button Ok.

11. Sistem akan memunculkan notifikasi data berhasil dihapus.

12. Pengguna memilih button Ok.

13. Sistem menampilkan data yang telah terdaftar di daftar

dokter.

Output Daftar data dokter

Aturan & Kebijakan

Pengguna harus melakukan login dengan username dan

password yang sesuai.

e. Input Data Berita.

Fungsi input data berita berfungsi untuk menambah data berita yang akan

ditampilkan pada frontend, tampilan tersebut berisi tentang berita yang ada pada

Klinik Utama Rawat Inap dan Bersalin Siti Aisyah Surabaya.

Tabel 4. 6 Kebutuhan Fungsional Input Data Berita.

Nama Fungsi Input data berita

Pengguna Admin

Input Data berita

Page 42: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

25

Nama Fungsi Input data berita

Aktivitas 1. Pengguna mengakses website Klinik Utama Rawat Inap dan

Bersalin Siti Aisyah Surabaya.

2. Pengguna memilih menu admin.

3. Pengguna melakukan login.

4. Sistem akan menampilkan halaman admin.

5. Pengguna memilih menu berita pada halaman admin.

6. Sistem akan menampilkan form berita.

7. Pengguna mengisi data berita pada form berita.

8. Pengguna memilih button input.

9. Sistem akan menambahkan dan menampilkan data yang ada

di daftar berita.

Output Daftar data berita

Aturan & Kebijakan

Pengguna harus melakukan login dengan username dan

password yang sesuai.

f. Update Data Berita.

Fungsi update data berita berfungsi untuk mengubah data berita yang akan

ditampilkan pada frontend, tampilan tersebut berisi tentang berita yang ada pada

Klinik Utama Rawat Inap dan Bersalin Siti Aisyah Surabaya.

Tabel 4. 7 Kebutuhan Fungsional Update Data Berita.

Nama Fungsi Update data berita

Pengguna Admin

Input Data berita

Aktivitas 1. Pengguna mengakses website Klinik Utama Rawat Inap dan

Bersalin Siti Aisyah Surabaya.

2. Pengguna memilih menu admin.

3. Pengguna melakukan login.

Page 43: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

26

Nama Fungsi Update data berita

4. Sistem akan menampilkan halaman admin.

5. Pengguna memilih menu berita pada halaman admin.

6. Sistem akan menampilkan form data berita.

7. Pengguna memilih data yang akan diupdate.

8. Pengguna memilih button edit.

9. Sistem akan menampilkan data yang sudah dipilih di form

data berita.

10. Pengguna mengubah data yang akan diupdate di form data

berita.

11. Pengguna memilih button update.

12. Sistem akan mengubah dan menampilkan data yang ada di

daftar berita.

Output Daftar data berita

Aturan & Kebijakan

Pengguna harus melakukan login dengan username dan

password yang sesuai.

g. Delete Data Berita.

Fungsi delete data berita berfungsi untuk menghapus data berita yang akan

ditampilkan pada frontend, tampilan tersebut berisi tentang berita yang ada pada

Klinik Utama Rawat Inap dan Bersalin Siti Aisyah Surabaya.

Tabel 4. 8 Kebutuhan Fungsional Delete Data Berita.

Nama Fungsi Delete data berita

Pengguna Admin

Input Data berita

Aktivitas 1. Pengguna mengakses website Klinik Utama Rawat Inap dan

Bersalin Siti Aisyah Surabaya.

2. Pengguna memilih menu admin.

Page 44: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

27

Nama Fungsi Delete data berita

3. Pengguna melakukan login.

4. Sistem akan menampilkan halaman admin.

5. Pengguna memilih menu berita pada halaman admin.

6. Sistem akan menampilkan form data berita.

7. Pengguna memilih data yang akan didelete.

8. Pengguna memilih button delete di data yang sudah dipilih.

9. Sistem akan memunculkan notifikasi yakin ingin

menghapus data ini.

10. Pengguna memilih button Ok.

11. Sistem akan memunculkan notifikasi data berhasil dihapus.

12. Pengguna memilih button Ok.

13. Sistem menampilkan data yang telah terdaftar di daftar

berita.

Output Daftar data berita

Aturan & Kebijakan

Pengguna harus melakukan login dengan username dan

password yang sesuai.

h. Input Jadwal Praktik.

Fungsi input data jadwal praktik berfungsi untuk menambah data jadwal

praktik yang akan ditampilkan pada frontend, tampilan tersebut berisi tentang

jadwal praktik dokter yang ada pada Klinik Utama Rawat Inap dan Bersalin Siti

Aisyah Surabaya.

Tabel 4. 9 Kebutuhan Fungsional Input Jadwal Praktik.

Nama Fungsi Input data jadwal praktik

Pengguna Admin

Input Data jadwal praktik

Page 45: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

28

Nama Fungsi Input data jadwal praktik

Aktivitas 1. Pengguna mengakses website Klinik Utama Rawat Inap dan

Bersalin Siti Aisyah Surabaya.

2. Pengguna memilih menu admin.

3. Pengguna melakukan login.

4. Sistem akan menampilkan halaman admin.

5. Pengguna memilih menu jadwal praktik pada halaman

admin.

6. Sistem akan menampilkan form jadwal praktik.

7. Pengguna mengisi data jadwal praktik pada form jadwal

praktik.

8. Pengguna memilih button input.

9. Sistem akan menambahkan dan menampilkan data yang ada

di daftar jadwal praktik.

Output Daftar data jadwal praktik

Aturan & Kebijakan

Pengguna harus melakukan login dengan username dan

password yang sesuai.

i. Update Jadwal Praktik.

Fungsi update data jadwal praktik berfungsi untuk mengubah data jadwal

praktik yang akan ditampilkan pada frontend, tampilan tersebut berisi tentang

jadwal praktik dokter yang ada pada Klinik Utama Rawat Inap dan Bersalin Siti

Aisyah Surabaya.

Tabel 4. 10 Kebutuhan Fungsional Update Jadwal praktik.

Nama Fungsi Update data jadwal praktik

Pengguna Admin

Input Data jadwal praktik

Page 46: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

29

Nama Fungsi Update data jadwal praktik

Aktivitas 1. Pengguna mengakses website Klinik Utama Rawat Inap dan

Bersalin Siti Aisyah Surabaya.

2. Pengguna memilih menu admin.

3. Pengguna melakukan login.

4. Sistem akan menampilkan halaman admin.

5. Pengguna memilih menu jadwal praktik pada halaman

admin.

6. Sistem akan menampilkan form data jadwal praktik.

7. Pengguna memilih data yang akan diupdate.

8. Pengguna memilih button edit.

9. Sistem akan menampilkan data yang sudah dipilih di form

data jadwal praktik.

10. Pengguna mengubah data yang akan diupdate di form data

jadwal praktik.

11. Pengguna memilih button update.

12. Sistem akan mengubah dan menampilkan data yang ada di

daftar jadwal praktik.

Output Daftar data jadwal praktik

Aturan & Kebijakan

Pengguna harus melakukan login dengan username dan

password yang sesuai.

j. Delete Jadwal Praktik.

Fungsi delete data jadwal praktik berfungsi untuk menghapus data jadwal

praktik yang akan ditampilkan pada frontend, tampilan tersebut berisi tentang

jadwal praktik dokter yang ada pada Klinik Utama Rawat Inap dan Bersalin Siti

Aisyah Surabaya.

Tabel 4. 11 Kebutuhan Fungsional Delete Jadwal Praktik.

Page 47: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

30

Nama Fungsi Delete data jadwal praktik

Pengguna Admin

Input Data jadwal praktik

Aktivitas 1. Pengguna mengakses website Klinik Utama Rawat Inap dan

Bersalin Siti Aisyah Surabaya.

2. Pengguna memilih menu admin.

3. Pengguna melakukan login.

4. Sistem akan menampilkan halaman admin.

5. Pengguna memilih menu jadwal praktik pada halaman

admin.

6. Sistem akan menampilkan form data jadwal praktik.

7. Pengguna memilih data yang akan didelete.

8. Pengguna memilih button delete di data yang sudah dipilih.

9. Sistem akan memunculkan notifikasi yakin ingin

menghapus data ini.

10. Pengguna memilih button Ok.

11. Sistem akan memunculkan notifikasi data berhasil dihapus.

12. Pengguna memilih button Ok.

13. Sistem menampilkan data yang telah terdaftar di daftar

jadwal praktik.

Output Daftar data jadwal praktik

Aturan & Kebijakan

Pengguna harus melakukan login dengan username dan

password yang sesuai.

k. Input Data Tanya Jawab.

Fungsi input data tanya jawab berfungsi untuk menambah data tanya

jawab yang akan ditampilkan pada frontend, tampilan tersebut berisi tentang tanya

jawab yang ada pada Klinik Utama Rawat Inap dan Bersalin Siti Aisyah Surabaya.

Page 48: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

31

Tabel 4. 12 Kebutuhan Fungsional Input Data Tanya Jawab.

Nama Fungsi Input data tanya jawab

Pengguna Admin

Input Data tanya jawab

Aktivitas 1. Pengguna mengakses website Klinik Utama Rawat Inap dan

Bersalin Siti Aisyah Surabaya.

2. Pengguna memilih menu admin.

3. Pengguna melakukan login.

4. Sistem akan menampilkan halaman admin.

5. Pengguna memilih menu tanya jawab pada halaman admin.

6. Sistem akan menampilkan form tanya jawab.

7. Pengguna mengisi data tanya jawab pada form tanya jawab.

8. Pengguna memilih button input.

9. Sistem akan menambahkan dan menampilkan data yang ada

di daftar tanya jawab.

Output Daftar data tanya jawab

Aturan & Kebijakan

Pengguna harus melakukan login dengan username dan

password yang sesuai.

l. Update Data Tanya Jawab.

Fungsi update data tanya jawab berfungsi untuk mengubah data tanya

jawab yang akan ditampilkan pada frontend, tampilan tersebut berisi tentang tanya

jawab yang ada pada Klinik Utama Rawat Inap dan Bersalin Siti Aisyah Surabaya.

Tabel 4. 13 Kebutuhan Fungsional Update Data Tanya Jawab.

Page 49: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

32

Nama Fungsi Update tanya jawab

Pengguna Admin

Input Data tanya jawab

Aktivitas 1. Pengguna mengakses website Klinik Utama Rawat Inap dan

Bersalin Siti Aisyah Surabaya.

2. Pengguna memilih menu admin.

3. Pengguna melakukan login.

4. Sistem akan menampilkan halaman admin.

5. Pengguna memilih menu tanya jawab pada halaman admin.

6. Sistem akan menampilkan form data tanya jawab.

7. Pengguna memilih data yang akan diupdate.

8. Pengguna memilih button edit.

9. Sistem akan menampilkan data yang sudah dipilih di form

data tanya jawab.

10. Pengguna mengubah data yang akan diupdate di form data

tanya jawab.

11. Pengguna memilih button update.

12. Sistem akan mengubah dan menampilkan data yang ada di

daftar tanya jawab.

Output Daftar tanya jawab

Aturan & Kebijakan

Pengguna harus melakukan login dengan username dan

password yang sesuai.

m. Delete Data Tanya Jawab.

Fungsi delete data tanya jawab berfungsi untuk menghapus data tanya

jawab yang akan ditampilkan pada frontend, tampilan tersebut berisi tentang tanya

jawab yang ada pada Klinik Utama Rawat Inap dan Bersalin Siti Aisyah Surabaya.

Tabel 4. 14 Kebutuhan Fungsional Delete Data Tanya Jawab.

Page 50: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

33

Nama Fungsi Delete data tanya jawab

Pengguna Admin

Input Data Tanya Jawab

Aktivitas 1. Pengguna mengakses website Klinik Utama Rawat Inap dan

Bersalin Siti Aisyah Surabaya.

2. Pengguna memilih menu admin.

3. Pengguna melakukan login.

4. Sistem akan menampilkan halaman admin.

5. Pengguna memilih menu tanya jawab pada halaman admin.

6. Sistem akan menampilkan form data tanya jawab.

7. Pengguna memilih data yang akan didelete.

8. Pengguna memilih button delete di data yang sudah dipilih.

9. Sistem akan memunculkan notifikasi yakin ingin mengapus

data ini.

10. Pengguna memilih button Ok.

11. Sistem akan memunculkan notifikasi data berhasil dihapus.

12. Pengguna memilih button Ok.

13. Sistem menampilkan data yang telah terdaftar di daftar

tanya jawab.

Output Daftar data tanya jawab

Aturan & Kebijakan

Pengguna harus melakukan login dengan username dan

password yang sesuai.

n. Pembuatan Website Company Profile

Fungsi Pembuatan website company profile berfungsi untuk pengambilan

data master dari database yang akan ditampilkan pada frontend, tampilan tersebut

berisi tentang informasi yang ada pada Klinik Utama Rawat Inap dan Bersalin Siti

Aisyah Surabaya.

Page 51: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

34

Tabel 4. 15 Kebutuhan Fungsional Pembuatan Website.

Nama Fungsi Pembuatan website company profile

Pengguna Admin

Input 1. Daftar dokter 2. Daftar berita 3. Daftar jadwal praktik 4. Daftar tanya jawab

Aktivitas 1. Pengambilan daftar master dari database.

2. Daftar master akan di kelola tampilan website oleh sistem.

3. Sistem akan menampilkan tampilan website sesuai input

yang diterima. Tampilan tersebut berupa informasi yang

akan disampaikan kepada customer / pengunjung website.

Output 1. Informasi dokter

2. Informasi berita

3. Informasi jadwal praktik

4. Informasi daftar tanya jawab

Aturan & Kebijakan

Pengguna harus melakukan login dengan username dan

password yang sesuai.

4.7.2 Kebutuhan Nonfungsional

Analisis kebutuhan nonfungsional adalah batasan-batasan dari layanan

sebuah sistem. Berikut adalah hasil analisis sistem untuk kebutuhan nonfungsional:

1. Sistem pada website company profile dilengkapi dengan login.

2. Inputan login yang masuk dicek kesesuaian username dan passrwod dengan

database login.

3. Sistem dirancang agar setiap proses yang dilakukan memiliki estimasi

waktu respons time sekitar 5 detik.

Page 52: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

35

4. Sistem dapat membedakan admin dengan customer / pengunjung website

dalam hal akses backend.

4.7.3 Input Process Output (Diagram IPO)

Diagram IPO digunakan untuk menganalisis keseluruhan sebuah informasi

yang dibutuhkan tentang fungsi pemrosesan. Pada saat membuat diagram IPO

penulis harus memikirkan suatu proses yaitu proses yang dapat menghasilkan

output yang berkualitas. Berikut adalah diagram IPO dari Klinik Utama Rawat Inap

dan Bersalin Siti Aisyah Surabaya.

Page 53: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

36

Gambar 4. 1 Diagram Input Proses Output Perusahaan

Dalam melakukan pemodelan sistem pada aplikasi website company

profile, pada dasarnya analisis terhadap input, proses, dan output yang akan dibuat.

Berikut adalah penjelasan gambar 4.1:.

A. Input.

Input adalah suatu proses data yang akan digunakan untuk selanjutnya

diproses dan menghasilkan suatu output.

Page 54: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

37

a. Data Master Dokter

Data master dokter digunakan untuk menambahkan data dokter yang

selanjutnya akan digunakan sebagai tampilan daftar dokter pada frontend website

Klinik Utama Rawat Inap dan Bersalin Siti Aisyah Surabaya.

b. Data Master Berita Rumah Sakit

Data master berita rumah sakit digunakan untuk menambahkan data berita

yang selanjutnya akan digunakan sebagai tampilan berita terbaru pada frontend

website Klinik Utama Rawat Inap dan Bersalin Siti Aisyah Surabaya.

c. Data Master Jadwal Praktik Dokter

Data master jadwal praktik dokter digunakan untuk menambahkan data

jadwal praktik yang selanjutnya akan digunakan sebagai tampilan jadwal praktik

dokter pada frontend website Klinik Utama Rawat Inap dan Bersalin Siti Aisyah

Surabaya.

d. Data Master Tanya Jawab Rumah Sakit dengan Customer

Data master tanya jawab rumah sakit dengan customer digunakan untuk

menambahkan data tanya jawab rumah sakit dengan customer yang selanjutnya

akan digunakan sebagai tampilan FAQ pada frontend website Klinik Utama Rawat

Inap dan Bersalin Siti Aisyah Surabaya.

e. Daftar Master Dokter

Daftar Master Dokter digunakan untuk pembuatan website company

profile yang selanjutnya akan dilakukan proses pengambilan daftar master.

Page 55: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

38

f. Daftar Master Berita Rumah Sakit

Daftar Master Berita Rumah Sakit digunakan untuk pembuatan website

company profile yang selanjutnya akan dilakukan proses pengambilan daftar

master.

g. Daftar Master Jadwal Praktik Dokter

Daftar master jadwal praktik dokter digunakan untuk pembuatan website

company profile yang selanjutnya akan dilakukan proses pengambilan daftar

master.

h. Daftar Master Tanya Jawab Rumah Sakit dengan Customer

Daftar master tanya jawab rumah sakit dengan customer digunakan untuk

pembuatan website company profile yang selanjutnya akan dilakukan proses

pengambilan daftar master.

B. Proses.

Pada tahapan proses merupakan kegiatan memasukkan data. Data tersebut

akan diolah dan diproses yang kemudian akan menghasilkan sebuah output.

a. Pengelolaan Daftar Dokter

Pengelolaan daftar dokter merupakan sebuah proses mengelola inputan

data dokter yang terdapat proses input, update, dan delete.

Page 56: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

39

b. Pengelolaan Daftar Berita Rumah Sakit

Pengelolaan daftar berita rumah sakit merupakan sebuah proses mengelola

sebuah inputan data berita yang terdapat proses input, update, dan delete.

c. Pengelolaan Daftar Jadwal Praktik Dokter

Pengelolaan daftar jadwal praktik dokter merupakan sebuah proses

mengelola sebuah inputan data jadwal praktik yang terdapat proses input, update,

dan delete.

d. Pengelolaan Daftar Tanya Jawab Rumah Sakit dengan Customer

Pengelolaan daftar tanya jawab rumah sakit dengan customer merupakan

sebuah proses mengelola sebuah inputan data tanya jawab yang terdapat proses

input, update, dan delete.

e. Pembuatan Website Company Profile

Pembuatan Website Company Profile meliputi proses pengambilan daftar

master dan pengelolaan tampilan website company profile.

C. Output.

Suatu hasil keluaran dari sebuah proses setelah melakukan proses

pengelolaan.

Page 57: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

40

a. Daftar Master Dokter

Daftar master dokter merupakan sebuah output dari data dokter yang

melalui proses pengelolaan daftar dokter.

b. Daftar Master Berita Rumah Sakit

Daftar master berita rumah sakit merupakan sebuah output dari data berita

yang melalui proses pengelolaan daftar berita.

c. Daftar Master Jadwal Praktik Dokter

Daftar master jadwal praktik dokter merupakan sebuah output dari data

jadwal praktik yang melalui proses pengelolaan daftar jadwal praktik dokter.

d. Daftar Master Tanya Jawab Rumah Sakit dengan Customer

Daftar master tanya jawab rumah sakit dengan customer merupakan

sebuah output dari data tanya jawab yang melalui proses pengelolaan daftar tanya

jawab.

e. Tampilan Website Company Profile Klinik Utama Rawat Inap dan

Bersalin Siti Aisyah Surabaya

Tampilan website company profile Klinik Utama Rawat Inap dan Bersalin

Siti Aisyah Surabaya sebuah output dari daftar master dokter, daftar master berita

rumah sakit, daftar master jadwal praktik dokter, dan daftar master tanya jawab

rumah sakit dengan customer yang melalui proses pembuatan website company

profile.

Page 58: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

41

4.8 Perancangan Website Company Profile

Pada tahap perancangan suatu website company profile diperlukan

beberapa sebuah proses, antara lain proses tersebut terdiri dari sysflow diagram,

data flow diagram, context diagram dan struktur tabel. Adapun penjelasan tersebut

sebagai berikut:

4.8.1 Sysflow Diagram

System flow diagram adalah sebuah bagan yang dapat menunjukkan

tentang arus pekerjaan secara kesulurahan dari sebuah sistem. Bagan ini

menjelaskan urutan dan prosedur yang ada di dalam sistem. Berikut adalah system

flow diagram yang ada di aplikasi website company profile Klinik Utama Rawat

Inap dan Bersalin Surabaya:

Page 59: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

42

A. Sysflow Login

Gambar 4. 2 Sysflow Login

Pada sysflow login mempunyai 2 (dua) aktor yaitu admin dan sistem. Alur

proses pertama pada login yaitu admin mengakses website company profile, lalu

sistem menampilkan halaman utama dari website tersebut. Admin memilih menu

login, sistem akan menampilkan halaman login. Admin akan menginputkan

username dan password pada halaman login. Sistem akan mengecek kesesuaian

Page 60: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

43

username dan password berdasarkan database login. Jika password dan username

sesuai, maka sistem akan menampilkan halaman dashboard admin. Jika username

dan password tidak sesuai, maka sistem akan menampilkan notifikasi atau

peringatan username dan password salah. Dan sistem akan menampilkan halaman

login.

B. Sysflow Pengelolaan Daftar Dokter

Gambar 4. 3 Sysflow Pengelolaan Daftar Dokter

Page 61: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

44

Gambar 4. 4 Sysflow Pengelolaan Daftar Dokter Lanjutan

Gambar 4.3 dan 4.4 merupakan sysflow pengelolaan daftar dokter yang

terdiri dari 2 (dua) aktor yaitu admin dan sistem. Pengelolaan daftar dokter memiliki

3 proses yaitu menambah data dokter, mengubah data dokter, dan menghapus data

dokter. Untuk tambah data dokter dan hapus data dokter terletak pada gambar 4.3,

sedangkan untuk mengubah data terletak pada gambar 4.4. Adapun penjelasan dari

ketiga proses tersebut, antara lain:

B.1 Input Data Dokter

Pada input data dokter, dimulai dari admin melakukan login lalu sistem

akan menampilkan dashboard admin. Admin akan memilih menu dokter dan sistem

akan menampilkan daftar dokter dan beserta form dokter, kemudian admin mengisi

data dokter sesuai form dokter yang tersedia dan admin memilih tombol input.

Page 62: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

45

Sistem akan menambahkan data dokter baru ke database dokter dan menampilkan

daftar dokter yang terbaru.

B.2 Edit Data Dokter

Pada edit data dokter, dimulai dari admin melakukan login lalu sistem akan

menampilkan dashboard admin. Admin akan memilih menu dokter dan sistem akan

menampilkan daftar dokter dan beserta form dokter. Admin memilih button edit

data dokter pada dokter yang dipilih, sistem akan menampilkan form edit dokter

beserta data dokter yang sudah dipilih. Admin akan mengubah data dokter pada

form dokter dan memilih button update, maka sistem akan mengupdate data dokter

yang diubah ke database dokter dan menampilkan daftar dokter yang terbaru.

B.3 Delete Data Dokter

Pada delete data dokter, dimulai dari admin melakukan login lalu sistem

akan menampilkan dashboard admin. Admin akan memilih menu dokter dan sistem

akan menampilkan daftar dokter dan beserta form dokter. Admin memilih button

delete pada dokter yang dipilih, lalu sistem menampilkan notifikasi konfirmasi

delete data lalu klik button ok. Sistem akan menghapus data dokter ke database

dokter dan menampilkan daftar dokter yang terbaru.

Page 63: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

46

C. Sysflow Pengelolaan Daftar Berita

Gambar 4. 5 Sysflow Pengelolaan Daftar Berita

Page 64: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

47

Gambar 4. 6 Sysflow Pengelolaan Daftar Berita Lanjutan

Gambar 4.5 dan 4.6 merupakan sysflow pengelolaan daftar berita yang

terdiri dari 2 (dua) aktor yaitu admin dan sistem. Pengelolaan daftar berita memiliki

3 proses yaitu menambah data berita, mengubah data berita, dan menghapus data

berita. Untuk tambah data berita dan hapus data berita terletak pada gambar 4.5,

sedangkan untuk mengubah data berita terletak pada gambar 4.6. Adapun

penjelasan dari ketiga proses tersebut, antara lain:

C.1 Input Data Berita

Pada input data berita, dimulai dari admin melakukan login lalu sistem

akan menampilkan dashboard admin. Admin akan memilih menu berita dan sistem

akan menampilkan daftar berita dan beserta form berita. Admin mengisi data berita

Page 65: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

48

sesuai form berita yang tersedia dan admin memilih tombol input, sistem akan

menambahkan data berita baru ke database berita dan menampilkan daftar berita

yang terbaru.

C.2 Edit Data Berita

Pada edit data berita, dimulai dari admin melakukan login lalu sistem akan

menampilkan dashboard admin. Admin akan memilih menu berita dan sistem akan

menampilkan daftar berita dan beserta form berita. Admin memilih button edit data

berita pada berita yang dipilih, sistem akan menampilkan form edit berita beserta

data berita yang sudah dipilih. Admin akan mengubah data berita pada form berita

dan memilih button update, maka sistem akan mengupdate data berita yang diubah

ke database berita dan menampilkan daftar berita yang terbaru.

C.3 Delete Data Berita

Pada delete data berita, dimulai dari admin melakukan login lalu sistem

akan menampilkan dashboard admin. Admin akan memilih menu berita dan sistem

akan menampilkan daftar berita dan beserta form berita. Admin memilih button

delete pada berita yang dipilih, lalu sistem menampilkan notifikasi konfirmasi

delete data lalu klik button ok. Sistem akan menghapus data berita ke database

berita dan menampilkan daftar berita yang terbaru.

Page 66: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

49

D. Sysflow Pengelolaan Daftar Jadwal Praktik

Gambar 4. 7 Sysflow Pengelolaan Daftar Jadwal Praktik

Page 67: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

50

Gambar 4. 8 Sysflow Pengelolaan Jadwal Praktik Lanjutan

Gambar 4.7 dan 4.8 merupakan sysflow pengelolaan daftar jadwal praktik

yang terdiri dari 2 (dua) aktor yaitu admin dan sistem. Pengelolaan daftar jadwal

praktik memiliki 3 proses yaitu menambah data jadwal praktik, mengubah data

jadwal praktik, dan menghapus data jadwal praktik. Untuk tambah data jadwal

praktik dan hapus data jadwal praktik terletak pada gambar 4.7, sedangkan untuk

mengubah data jadwal praktik terletak pada gambar 4.8. Adapun penjelasan dari

ketiga proses tersebut, antara lain:

D.1 Input Data Jadwal Praktik

Pada input data jadwal praktik, dimulai dari admin melakukan login lalu

sistem akan menampilkan dashboard admin. Admin akan memilih menu jadwal

praktik dan sistem akan menampilkan daftar jadwal praktik dan beserta form jadwal

praktik. Admin mengisi data jadwal praktik sesuai form jadwal praktik yang

tersedia dan admin memilih tombol input. Sistem akan menambahkan data jadwal

Page 68: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

51

praktik baru ke database jadwal praktik dan menampilkan daftar jadwal praktik

yang terbaru.

D.2 Edit Data Jadwal Praktik

Pada edit data jadwal praktik, dimulai dari admin melakukan login lalu

sistem akan menampilkan dashboard admin. Admin akan memilih menu jadwal

praktik dan sistem akan menampilkan daftar jadwal praktik dan beserta form jadwal

praktik. Admin memilih button edit data jadwal praktik pada jadwal praktik yang

dipilih, sistem akan menampilkan form edit jadwal praktik beserta data jadwal

praktik yang sudah dipilih. Admin akan mengubah data jadwal praktik pada form

jadwal praktik dan memilih button update, maka sistem akan mengupdate data

jadwal praktik yang diubah ke database jadwal praktik dan menampilkan daftar

jadwal praktik yang terbaru.

D.3 Delete Data Jadwal Praktik

Pada delete data jadwal praktik, dimulai dari admin melakukan login lalu

sistem akan menampilkan dashboard admin. Admin akan memilih menu jadwal

praktik dan sistem akan menampilkan daftar jadwal praktik dan beserta form jadwal

praktik. Admin memilih button delete pada jadwal praktik yang dipilih, lalu sistem

menampilkan notifikasi konfirmasi delete data lalu klik button ok. Sistem akan

menghapus data jadwal praktik ke database jadwal praktik dan menampilkan daftar

jadwal praktik yang terbaru.

Page 69: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

52

E. Sysflow Pengelolaan Daftar Tanya Jawab

Gambar 4. 9 Sysflow Pengelolaan Daftar Tanya Jawab

Page 70: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

53

Gambar 4. 10 Sysflow Pengelolaan Daftar Tanya Jawab Lanjutan

Gambar 4.9 dan 4.10 merupakan sysflow pengelolaan daftar tanya jawab

yang terdiri dari 2 (dua) aktor yaitu admin dan sistem. Pengelolaan daftar tanya

jawab memiliki 3 proses yaitu menambah data tanya jawab, mengubah data tanya

jawab, dan menghapus data tanya jawab. Untuk tambah data tanya jawab dan hapus

data tanya jawab terletak pada gambar 4.9, sedangkan untuk mengubah data tanya

jawab terletak pada gambar 4.10. Adapun penjelasan dari ketiga proses tersebut,

antara lain:

E.1 Input Data Tanya Jawab

Pada input data tanya jawab, dimulai dari admin melakukan login lalu

sistem akan menampilkan dashboard admin. Admin akan memilih menu tanya

jawab dan sistem akan menampilkan daftar tanya jawab dan beserta form tanya

jawab. Admin mengisi data tanya jawab sesuai form tanya jawab yang tersedia dan

admin memilih tombol input. Sistem akan menambahkan data tanya jawab baru ke

database tanya jawab dan menampilkan daftar tanya jawab yang terbaru.

Page 71: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

54

E.2 Edit Data Tanya Jawab

Pada edit data tanya jawab, dimulai dari admin melakukan login lalu

sistem akan menampilkan dashboard admin. Admin akan memilih menu tanya

jawab dan sistem akan menampilkan daftar tanya jawab dan beserta form tanya

jawab. Admin memilih button edit data tanya jawab pada tanya jawab yang dipilih,

sistem akan menampilkan form edit tanya jawab beserta data tanya jawab yang

sudah dipilih. Admin akan mengubah data tanya jawab pada form tanya jawab dan

memilih button update, maka sistem akan mengupdate data tanya jawab yang

diubah ke database tanya jawab dan menampilkan daftar tanya jawab yang terbaru.

E.3 Delete Data Tanya Jawab

Pada delete data tanya jawab, dimulai dari admin melakukan login lalu

sistem akan menampilkan dashboard admin. Admin akan memilih menu tanya

jawab dan sistem akan menampilkan daftar tanya jadwal dan beserta form tanya

jawab. Admin memilih button delete pada tanya jawab yang dipilih, lalu sistem

menampilkan notifikasi konfirmasi delete data lalu klik button ok. Sistem akan

menghapus data tanya jawab ke database tanya jawab dan menampilkan daftar

tanya jawab yang terbaru.

Page 72: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

55

F. Sysflow Pembuatan Website Company Profile

Gambar 4. 11 Sysflow Pembuatan Website Company Profile

Pada sysflow pembuatan website company profile mempunyai 2 (dua)

aktor yaitu admin dan sistem. Alur proses pertama pada pembuatan website

company profile yaitu admin melakukan login lalu sistem akan menampilkan

dashboard admin. Admin melakukan pengelolaan daftar master, lalu sistem akan

melakukan pengambilan daftar master dari database dokter, berita, jadwal praktik,

dan tanya jawab. Sistem akan melakukan pengelolaan tampilan website company

profile dan menampilkan tampilan website company profile.

Page 73: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

56

4.8.2 Data Flow Diagram

Data Flow Diagram adalah suatu jenis diagram yang bertujuan untuk

menunjukan proses dari satu tempat ke tempat lainnya. Berikut data flow diagram

dari Klinik Utama Rawat Inap dan Bersalin Siti Aisyah Surabaya:

A. Context Diagram

Context Diagram adalah suatu diagram yang menggambarkan proses

dokumentasi data. Berikut context diagram dari Klinik Utama Rawat Inap dan

Bersalin Siti Aisyah Surabaya:

Gambar 4. 12 Diagram Context website Perusahaan.

B. Diagram Jenjang

Diagram Jenjang merupakan sebuah diagram untuk menjelaskan seluruh

proses yang terdapat pada suatu aplikasi tertentu dengan jelas dan terstrukur. Secara

garis besar dapat dilihat pada gambar dibawah ini:

Page 74: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

57

Gambar 4. 13 Diagram Jenjang

C. Data Flow Diagram Level 0

Gambar 4. 14 Data Flow Diagram Level 0 Website Perusahaan

Page 75: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

58

D. Data Flow Diagram Level 1

D.1 Data Flow Diagram Level 1 Pengelolaan Master

Gambar 4. 15 Data Flow Diagram Level 1 Pengelolaan Master

D.2 Data Flow Diagram Level 1 Pembuatan Website Company Profile

Gambar 4. 16 Data Flow Diagram Level 1 Pembuatan Website

Page 76: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

59

4.8.3 Struktur Tabel

A. Tabel Berita

Fungsi: Digunakan untuk menyimpan data berita pada Klinik Utama

Rawat Inap dan Bersalin Siti Aisyah Surabaya.

Tabel 4. 16 Struktur Tabel Berita.

Nama Atribut Tipe Data Length Keterangan

Id_berita Interger 11 Primary key

Judul_berita Varchar 255

Keterangan Varchar 255

Pengumum Varchar 100

B. Tabel dokter

Fungsi: Digunakan untuk menyimpan data dokter pada Klinik Utama

Rawat Inap dan Bersalin Siti Aisyah Surabaya.

Tabel 4. 17 Struktur Tabel Dokter.

Nama Atribut Tipe Data Length Keterangan

Id_dokter Interger 11 Primary key

Nama_dokter Varchar 100

tipedokter Varchar 255

Page 77: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

60

C. Tabel Login

Fungsi: Digunakan untuk menyimpan data login pada Klinik Utama Rawat

Inap dan Bersalin Siti Aisyah Surabaya.

Tabel 4. 18 Struktur Tabel Login.

Nama Atribut Tipe Data Length Keterangan

Id_login Interger 11 Primary key

Username Varchar 255

Password Varchar 255

D. Tabel Jadwal praktik

Fungsi: Digunakan untuk menyimpan data jadwal praktik Klinik Utama

Rawat Inap dan Bersalin Siti Aisyah Surabaya.

Tabel 4. 19 Struktur Tabel Jadwal Praktik.

Nama Atribut Tipe Data Length Keterangan

Id_praktik Varchar 11 Primary key

Id_dokter Interger 11 Foreign key

hari Varchar 100

jam Varchar 100

Page 78: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

61

E. Tabel Tanya Jawab

Fungsi: Digunakan untuk menyimpan data tanya jawab pada Klinik

Utama Rawat Inap dan Bersalin Siti Aisyah Surabaya.

Tabel 4. 20 Struktur Tabel Tanya Jawab.

Nama Atribut Tipe Data Length Keterangan

Id_tanya Interger 11 Primary key

Pertanyaan Varchar 255

Jawaban Varchar 255

4.9 Desain Website Company Profile

4.9.1 Tampilan Frontend Beranda

Gambar 4. 17 Tampilan Frontend Beranda.

Tampilan frontend beranda menjadi halaman utama pada website company

profile Klinik Utama Rawat Inap dan Bersalin Siti Aisyah Surabaya, agar

Page 79: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

62

pengunjung atau customer mengetahui gambaran utama perusahaan dan

mengetahui tentang perusahaan.

4.9.2 Tampilan Frontend Tentang Perusahaan

Gambar 4. 18 Tampilan Frontend Tentang Perusahaan

Tampilan frontend tentang perusahaan menampilkan pelayanan

perusahaan secara singkat seperti rawat inap bersalin, rawat inap ibu, rawat inap

umum, rawat inap bayi balita, dan rawat inap anak. Klinik Utama Rawat Inap dan

Bersalin Siti Aisyah Surabaya berkerja sama dengan BPJS ketenagakerjaan.

4.9.3 Tampilan Frontend Unit Penunjang

Gambar 4. 19 Tampilan Frontend Unit Penunjang.

Page 80: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

63

Tampilan frontend unit penunjang Klinik Utama Rawat Inap dan Bersalin

Siti Aisyah Surabaya menampilkan unit penunjang yang ada pada klinik seperti

senam ibu hamil, pijat bayi, taman penitipan anak, fisioterapi anak, dan spa terapi.

Pengunjung dapat mengetahui selain fasilitas Klinik Utama Rawat Inap dan

Bersalin Siti Aisyah Surabaya juga mempunyai unit penunjang.

4.9.4 Tampilan Frontend Berita

Tampilan frontend berita menampilkan berita atau pengumuman terbaru

dari Klinik Utama Rawat Inap dan Bersalin Siti Aisyah Surabaya. Pengunjung

dapat mengetahui pengumuman terbaru terkait klinik.

Gambar 4. 20 Tampilan Frontend Berita Perusahaan.

Page 81: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

64

4.9.5 Tampilan Frontend Profil

Gambar 4. 21 Tampilan Frontend Profil Tentang Visi Perusahaan.

Gambar 4. 22 Tampilan Frontend Tentang Misi Perusahaan.

Page 82: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

65

Gambar 4. 23 Tampilan Frontend Tentang Budaya & Layanan Islam.

Tampilan frontend profil menampilkan profil perusahaan terkait visi, misi

dan budaya kerja & layanan islam. Pengunjung dapat mengetahui gambaran tentang

visi, misi dan budaya kerja & layanan islam Klinik Utama Rawat Inap dan Bersalin

Siti Aisyah Surabaya.

4.9.6 Tampilan Frontend Pelayanan

A. Rawat Inap

Gambar 4. 24 Tampilan Frontend Pelayanan Rawat Inap.

Tampilan frontend pelayanan rawat inap Klinik Utama Rawat Inap dan

Bersalin Siti Aisyah Surabaya menampilkan jenis kamar perawatan mulai dari kelas

3 (tiga), kelas 2 (dua), kelas 1 (satu), kelas 1 (satu) plus. Pengunjung dapat

mengetahui kamar dan jenis pelayanan berdasarkan kelas kamarnya.

Page 83: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

66

B. Rawat Jalan

Gambar 4. 25 Tampilan Frontend Pelayanan Rawat Jalan.

Tampilan frontend pelayanan rawat jalan Klinik Utama Rawat Inap dan

Bersalin Siti Aisyah Surabaya. Menampilkan jenis pelayanan dari pelayanan poli

spesialis, poli KIA, poli umum, dan UGD (Unit Gawat Darurat) agar pengunjung

dapat mengetahui jenis pelayanan rawat jalan dan fasilitas yang didapat.

4.9.7 Tampilan Frontend Dokter

Gambar 4. 26 Tampilan Frontend Daftar Dokter.

Tampilan frontend dokter menampilkan daftar dokter berdasarkan

spesialisnya dan pada daftar dokter tersebut ada tampilan mengenai jadwal praktik

Page 84: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

67

dokter. Pengunjung mendapatkan informasi tentang daftar dokter dan jadwal

praktik dokter.

4.9.8 Tampilan Frontend Contact

Gambar 4. 27 Tampilan Frontend Contact.

Tampilan frontend contact Klinik Utama Rawat Inap dan Bersalin Siti

Aisyah Surabaya menampilkan tentang lokasi, email, dan nomor telepon yang

bertujuan agar pengunjung mendapatkan informasi tentang lokasi dan nomor yang

dapat dihubungin.

4.9.9 Tampilan Frontend FAQ

Gambar 4. 28 Tampilan Frontend FAQ.

Page 85: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

68

Tampilan frontend FAQ menampilkan sebuah pertanyaan umum yang

sering terjadi yang bertujuan agar pengunjung mendapatkan informasi lebih tentang

Klinik Utama Rawat Inap dan Bersalin Siti Aisyah Surabaya.

4.9.10 Tampilan Frontend Login

Gambar 4. 29 Tampilan Login Website.

Tampilan login menjadi penghubung antara frontend dan backend, serta

sebagai keamanan agar orang lain tidak dapat masuk ke admin. Dan untuk

mengakses harus menggunakan username dan password sesuai database.

Page 86: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

69

4.9.11 Tampilan Backend Home

Gambar 4. 30 Tampilan Backend Home.

Tampilan backend home menampilkan modal dashboard tentang daftar

dokter yang ada pada Klinik Utama Rawat Inap dan Bersalin Siti Aisyah Surabaya.

4.9.12 Tampilan Backend Dokter

Gambar 4. 31 Tampilan Backend Dokter.

Tampilan backend dokter menampilkan form dokter yang kegunaannya

untuk melakukan insert, update, dan delete. Tampilan tersebut dibuat untuk lebih

mempermudah mengubah tampilan frontend tentang daftar dokter.

Page 87: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

70

4.9.13 Tampilan Backend Berita

Gambar 4. 32 Tampilan Backend Berita.

Tampilan backend berita menampilkan form berita yang kegunaannya

untuk melakukan insert, update, dan delete. Tampilan tersebut dibuat untuk lebih

mempermudah mengubah tampilan frontend tentang berita.

4.9.14 Tampilan Backend Jadwal Praktik

Gambar 4. 33 Tampilan Backend Jadwal Praktik.

Page 88: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

71

Tampilan backend jadwal praktik menampilkan form jadwal praktik yang

kegunaannya untuk melakukan insert, update, dan delete. Tampilan tersebut dibuat

untuk lebih mempermudah mengubah tampilan frontend tentang jadwal praktik.

4.9.15 Tampilan Backend Tanya Jawab

Gambar 4. 34 Tampilan Backend Tanya Jawab.

Tampilan backend tanya jawab menampilkan form tanya jawab yang

kegunaannya untuk melakukan insert, update, dan delete. Tampilan tersebut dibuat

untuk lebih mempermudah mengubah tampilan frontend tentang tanya jawab.

Page 89: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

72

72

BAB V

PENUTUP

5.1. Kesimpulan

Dari hasil pembuatan website company profile Klinik Utama Rawat Inap

dan Bersalin Siti Aisyah Surabaya dapat disimpulkan beberapa hal, sebagai berikut:

1. Website yang telah dibuat oleh penulis berhasil menampilkan beberapa

informasi perusahaan seperti beranda, visi dan misi perusahaan, kontak

perusahaan, pelayanan dan fasilitas perusahaan, daftar dokter dan jadwal

praktik perusahaan.

2. Website yang telah dibuat oleh penulis dilengkapi dengan backend yang

dapat digunakan oleh pihak perusahaan untuk mengelola website dengan

mudah.

5.2. Saran

Dari hasil pembuatan website company profile Klinik Utama Rawat Inap

dan Bersalin Siti Aisyah Surabaya maka dapat diberikan saran untuk

pengembangan aplikasi, sebagai berikut:

1. Pembuatan website ini masih terbilang sederhana terutama pada bagian

keamanan, ada baiknya pada tahap pengembangan sistem website

diharapkan segi keamanan dikembangkan lebih lanjut untuk menjaga

pencurian data dari pihak yang tidak bertanggung jawab.

2. Pada pengembangan website dapat dikembangkan lebih lanjut dengan

menambah transaksi berupa daftar antrian berobat.

Page 90: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

73

DAFTAR PUSTAKA

Kuryanti, S. J., & Indriani, N. (2018). Pembuatan Website Sebagai Sarana Promosi

Pariwisata. Jurnal & Penelitian Teknik Informatika, 2(2), 37–46.

https://jurnal.polgan.ac.id/index.php/sinkron/article/download/116/64/

Larassati, M., Latukolan, A., Arwan, A., & Ananta, M. T. (2019). Pengembangan

Sistem Pemetaan Otomatis Entity Relationship Diagram Ke Dalam Database.

Jurnal Pengembangan Teknologi Informasi Dan Ilmu Komputer, 3(4), 4058–

4065. http://j-ptiik.ub.ac.id/index.php/j-ptiik/article/view/5117

Maulana, H. (2016). Analisis Dan Perancangan Sistem Replikasi Database Mysql

Dengan Menggunakan Vmware Pada Sistem Operasi Open Source.

InfoTekJar (Jurnal Nasional Informatika Dan Teknologi Jaringan), 1(1), 32–

37. https://doi.org/10.30743/infotekjar.v1i1.37

Rizaldi, R., Anggraeni, D., & Zikra Syah, A. (2018). Tips Dan Trik Membangun

Relationship Dan Query Dalam Database. Jurdimas (Jurnal Pengabdian

Kepada Masyarakat) Royal, 1(2), 45–50.

https://doi.org/10.33330/jurdimas.v1i2.110

Adieb, M. (2021, Juni 07). Company Profile: Definisi dan Apa Saja yang Harus

Ada di Dalamnya. Diambil kembali dari glints:

https://glints.com/id/lowongan/company-profile-adalah/#.YL2pc_kzZPZ

Elisa, E. (2016, Juli 15). Pengertian HTML. Diambil kembali dari Education

Channel: http://educhannel.id/blog/artikel/pengertian-html.html

Intermedia, B. (2019, November 14). Pengertian PHP : Fungsi, Syntax, dan Alasan

Menggunakan PHP. Diambil kembali dari Jagoanhosting:

https://www.jagoanhosting.com/blog/pengertian-php/

Page 91: BRAND AWARNESS DI KLINIK UTAMA RAWAT INAP DAN …

74

Irmansyah, F. (2003). Pengantar Database. Diambil kembali dari Ilmu Komputer:

https://staff.blog.ui.ac.id/r-suti/files/2010/03/pengantardb.pdf

Nawadwipa, A. (2020, Agustus 19). Pengertian Dan Fungsi HTML (HyperText

Markup Language). Diambil kembali dari Nawadwipa:

https://www.nawadwipa.co.id/pengertian-dan-fungsi-html-hypertext-

markup-language