RANCANG BANGUN i-CRM (INTERACTIVE … · 2011 M / 1432 H . iv ... dari penulis lain telah...

RANCANG BANGUN i-CRM (INTERACTIVE CUSTOMER

RELATIONSHIP MANAGEMENT) UNTUK JASA

INFRASTRUKTUR JARINGAN PT. MEDA CIPTA HUTAMA

SKRIPSI

Sebagai Salah Satu Syarat untuk Memenuhi Gelar Sarjana Komputer (S. Kom)

Program Studi Sistem Informasi Fakultas Sains dan Teknologi Universitas Islam

Negeri (UIN) Syarif Hidayatullah

Oleh:

Rina Resti Handayani

107093000470

Program Studi Sistem Informasi

Fakultas Sains dan Teknologi

Universitas Islam Negeri (UIN) Syarif Hidayatullah Jakarta

2011 M/1432 H

i

RANCANG BANGUN i-CRM (INTERACTIVE CUSTOMER

RELATIONSHIP MANAGEMENT) UNTUK JASA

INFRASTRUKTUR JARINGAN PT. MEDA CIPTA HUTAMA

SKRIPSI

Sebagai Salah Satu Syarat untuk Memenuhi Gelar Sarjana Komputer (S. Kom)

Program Studi Sistem Informasi Fakultas Sains dan Teknologi Universitas Islam

Negeri (UIN) Syarif Hidayatullah

Oleh:


107093000470

PROGRAM STUDI SISTEM INFORMASI

FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS ISLAM NEGERI SYARIF HIDAYATULLAH

JAKARTA

2011 M / 1432 H

iv

PERNYATAAN

Dengan ini saya menyatakan bahwa skripsi Rancang Bangun i-CRM

(Interactive Customer Relationship Management) untuk Jasa Infrastruktur

Jaringan PT. Meda Cipta Hutama adalah karya saya sendiri dan belum diajukan

dalam bentuk apa pun kepada perguruan tinggi mana pun. Sumber informasi yang

berasal atau dikutif dari karya ilmiah yang diterbitkan maupun tidak diterbitkan

dari penulis lain telah disebutkan dalam teks dan dicantumkan dalam Daftar

Pustaka di bagian akhir skripsi ini.

Jakarta, Juni 2011


NIM: 107093000470

v

ABSTRAK RINA RESTI HANDAYANI, Rancang Bangun Interactive Customer Relationship Management (i-CRM) untuk Jasa Infrastruktur Jaringan PT. Meda Cipta Hutama. Dibimbing oleh QURROTUL AINI dan EVY NURMIATI.

PT. Meda Cipta Hutama merupakan penyedia jasa IT dan general contractor. Keinginan perusahaan adalah memenuhi kebutuhan pelanggan. Untuk memenuhi kebutuhan pelanggan tersebut, dibutuhkan sistem informasi Interactive Customer Relationship Management (i-CRM). I-CRM ini merupakan sebuah usaha untuk dapat menciptakan interaksi antara pelanggan dan perusahaan dengan waktu respon yang tinggi sehingga tidak terjadi kesalahan dalam proses persiapan hingga penyajiannya. Menggunakan metode pengumpulan data yang digunakan antara lain observasi, wawancara, kuesioner dan studi literatur. Metode pengembangan sistem yang digunakan adalah metode berorientasi objek dengan model pengembangan RAD. Metode pengembangan sistem ini menggunakan notasi UML (Unified Modelling language) dengan diagram yang digunakan yaitu Use Case Diagram, Sequence Diagram, Class Diagram, Statechart Diagram dan Activity Diagram. Dari penelitian ini menghasilkan sebuah website i-CRM (Interactive Customer Relationship Management) untuk Jasa Infrastruktur Jaringan PT. Meda Cipta Hutama. Menurut hasil kuesioner 73,33% user mengatakan informasi yang diberikan aplikasi i-CRM sudah memadai, 40% user yang mengatakan bahwa cara penggunaan aplikasi i-CRM ini sangat mudah, 100% user mengatakan bahwa dengan adanya aplikasi i-CRM ini dapat meningkatkan kualitas dan kuantitas layanan di PT. Meda Cipta Hutama. Kata Kunci : i-CRM, Interactive Customer Relationship Management, analisis rantai nilai CRM, konsep i-CRM, RAD (Rapid Application Development), UML (Unified Modelling language). V Bab ++ 171 Halaman + xxxv Halaman + 67 Gambar + 30 Tabel + 5 Simbol + 10 Lampiran Daftar Pustaka: 44 (1999 - 2010)

vi

KATA PENGANTAR

Syukur Alhamdulillah, peneliti panjatkan puji dan syukur kehadirat Allah

SWT yang telah melimpahkan Rahmat, Taufik serta Hidayat-Nya, sehingga

penulis dapat menyelesaikan skripsi ini dengan judul “Rancang Bangun i-CRM

(Interactive Customer Relationship Management) untuk Jasa Infrastruktur

Jaringan PT. Meda Cipta Hutama”.

Dalam penyusunan Skripsi ini, telah banyak bimbingan dan bantuan yang

didapatkan baik dari segi moral maupun segi material dari berbagai pihak. Oleh

karena itu, pada kesempatan ini mengucapkan terima kasih kepada :

1. Bapak Dr. Ir. Syopiansyah Jaya Putra, M.Sis, selaku Dekan Fakultas Sains

dan Teknologi, Universitas Islam Negeri Syarif Hidayatullah Jakarta.

2. Ibu Nur Aeni Hidayah, MMSI, selaku Ketua Program Studi Sistem

Informasi Fakultas Sains dan Teknologi Universitas Islam Negeri Syarif

Hidayatullah Jakarta dan Bapak Zainul Arham, M.Si, selaku Sekretaris

Jurusan Program Studi Sistem Informasi Fakultas Sains dan Teknologi,

Universitas Islam Negeri Syarif Hidayatullah Jakarta.

3. Ibu Qurrotul Aini, MT, selaku Dosen Pembimbing pertama dan Ibu Evy

Nurmiati, MMSI selaku Dosen Pembimbing kedua yang telah memberikan

masukan, motivasi dan telah susah payah membimbing saya hingga

selesainya skripsi ini.

vii

4. Gatot Susilo, selaku pimpinan PT. Meda Cipta Hutama yang telah

memberikan waktu dan kesempatan kepada saya untuk melakukan

penelitian.

5. Kedua orang tua saya, Suhatmo Pujiono dan Dwi Martuti beserta adik-adik

saya Reni Widiyawati dan Riza Amelia yang telah memberikan motivasi dan

doa yang sangat saya butuhkan.

6. Arif Budiawan, S.SiT, yang telah memberikan semangat, doa dan selalu

mendukung saya dalam melakukan skripsi hingga selesai beserta saudara-

saudara yang senantiasa mendoakan saya.

7. Dwi Wahyudi, Bernes, Dhani, Lele, Cha-cha, Tya, Amel, Toyib, Bewa,

Fandy, Aim, Santi, Mega, seluruh anggota SI-D 2007, SIK-B 2007, sahabat-

sahabat lainnya yang terlalu banyak bila disebutkan satu persatu yang telah

banyak membantu penelitian dan penyusunan skripsi ini. Terima kasih,

semoga Allah SWT membalas dengan segala kebaikan yang berlipat ganda.

Peneliti menyadari skripsi ini sangat jauh dari sempurna. Oleh karena itu,

akhir kata, kritik dan saran yang sangat diharapkan dari semua pihak dan dapat

disampaikan melalui e-mail [email protected]. Semoga skripsi ini

dapat berguna untuk kita semua.

Jakarta, Juni 2011


NIM: 107093000470

viii

DAFTAR ISI

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

HALAMAN PERSETUJUAN PEMBIMBING ......................................... ii

HALAMAN PENGESAHAN ..................................................................... iii

LEMBAR PERNYATAAN ........................................................................ iv

ABSTRAK ................................................................................................... v

KATA PENGANTAR ................................................................................. vi

DAFTAR ISI ............................................................................................... viii

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

DAFTAR TABEL ....................................................................................... xvii

DAFTAR SIMBOL ..................................................................................... xix

DAFTAR LAMPIRAN ............................................................................... xxiv

DAFTAR ISTILAH .................................................................................... xxv

BAB I PENDAHULUAN

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

1.2 Rumusan Masalah .................................................................. 5

1.3 Batasan Masalah .................................................................... 6

1.4 Tujuan Penelitian ................................................................... 6

1.5 Manfaat Penelitian ................................................................. 7

1.6 Metode Penelitian .................................................................. 7

ix

1.6.1 Metode Pengumpulan Data ........................................... 7

1.6.2 Metode Pengembangan Sistem ...................................... 8

1.7 Sistematika Penulisan ............................................................ 8

BAB II LANDASAN TEORI

2.1 Pengertian Rancang Bangun .................................................. 10

2.2 Konsep Dasar Sistem ............................................................. 10

2.3 Konsep Dasar Informasi......................................................... 12

2.4 Konsep Dasar Sistem Informasi ............................................. 13

2.4.1 Komponen Sistem Informasi ......................................... 14

2.4.2 Kegiatan Sistem Informasi ............................................ 14

2.5 CRM (Customer Relationship Management) .......................... 15

2.5.1 Konsep CRM dalam Islam ............................................ 17

2.5.2 Kerangka CRM ............................................................. 20

2.5.3 Manfaat CRM ............................................................... 20

2.5.4 Jenis Aplikasi CRM ...................................................... 22

2.5.5 Fase CRM ..................................................................... 23

2.6 i-CRM (Interactive Customer Relationship Management) ...... 23

2.6.1 Pengertian i-CRM ......................................................... 23

2.6.2 Konsep Dasar i-CRM .................................................... 24

2.6.3 Faktor Keberhasilan i-CRM .......................................... 26

2.7 Metode Pengembangan Sistem............................................... 26

2.7.1 Object Oriented ............................................................. 27

x

2.7.2 RAD (Rapid Application Development)......................... 28

2.8 UML (Unified Modelling Language) ..................................... 29

2.8.1 Sejarah UML ................................................................ 29

2.8.2 Tujuan UML ................................................................. 30

2.8.3 Diagram dalam UML .................................................... 30

2.9 Database dan DBMS .............................................................. 33

2.9.1 Database ....................................................................... 33

2.9.2 Keuntungan Database ................................................... 34

2.9.3 Database Management System (DBMS) ........................ 35

2.10.4 Keuntungan DBMS ..................................................... 35

2.10 Pengujian Black-box .............................................................. 36

2.11 Tools Pembuatan Aplikasi...................................................... 37

2.11.1 XAMPP ..................................................................... 37

2.11.2 PHP............................................................................ 38

2.11.3 Apache ....................................................................... 39

2.11.4 MySQL ...................................................................... 41

2.11.5 Macromedia Dreamweaver ......................................... 42

BAB III METODE PENELITIAN

3.1 Metode Pengumpulan Data .................................................... 44

3.1.1 Studi Lapangan ............................................................ 44

3.1.1.1 Observasi / Observation .................................. 44

xi

3.1.1.2 Wawancara / Interview .................................... 45

3.1.1.2 Kuesioner / Questionnaire ............................... 46

3.1.2 Studi Literatur .............................................................. 46

3.1 Metode Pengembangan Sistem............................................... 49

3.2 Metode Analisis CRM berdasarkan Fase CRM ...................... 52

3.3 Kerangka Penelitian ............................................................... 52

BAB IV HASIL DAN PEMBAHASAN

4.1 Gambaran Umum Perusahaan ................................................ 57

4.1.1 Ruang Lingkup Perusahaan ........................................... 57

4.1.2 Misi dan Visi Perusahaan .............................................. 57

4.1.3 Struktur Organisasi ....................................................... 58

4.2 Perencanaan Syarat (Requirements Planning) ....................... 64

4.2.1 Identifikasi Masalah ...................................................... 64

4.2.2 Tujuan Pengembangan Sistem ....................................... 64

4.2.3 Ruang Lingkup Sistem .................................................. 65

4.2.4 Analisis Sistem yang Berjalan ....................................... 65

4.2.5 Analisis Kebutuhan Sistem ............................................ 67

4.2.6 Analisis CRM berdasarkan Fase CRM .......................... 68

4.2.7 Analisis Sistem yang Diusulkan .................................... 72

4.2.8 Analisis Pembanding ..................................................... 73

4.3 Proses Desain (Workshop Design) ......................................... 75

4.3.1 Konsep i-CRM .............................................................. 75

xii

4.3.2 System Design ............................................................... 77

4.3.2.1 Use Case Diagram ............................................ 77

4.3.2.2 Sequence Diagram............................................. 96

4.3.2.3 Class Diagram .................................................. 116

4.3.2.4 Statechart Diagram ........................................... 120

4.3.2.5 Activity Diagram ............................................... 133

4.3.3 Database Design ........................................................... 152

4.3.3.1 Spesifikasi Database ......................................... 152

4.3.4 Prototype Design .......................................................... 159

4.4 Penerapan (Implementation) .................................................. 159

4.4.1 Tampilan Program......................................................... 160

4.4.1 Pengujian Sistem .......................................................... 160

BAB V PENUTUP

5.1 Simpulan ............................................................................... 167

5.2 Saran ..................................................................................... 168

DAFTAR PUSTAKA .................................................................................. 169

LAMPIRAN ................................................................................................ L1

xiii

DAFTAR GAMBAR

Gambar 2.1 Lima Komponen Sistem Informasi ............................................. 14

Gambar 2.2 Konsep Dasar i-CRM ................................................................. 24

Gambar 2.3 Use case Diagram ..................................................................... 30

Gambar 2.4 Sequence Diagram ..................................................................... 31

Gambar 2.5 Class Diagram ........................................................................... 31

Gambar 2.6 Statechart Diagram ................................................................... 32

Gambar 2.7 Activity Diagram........................................................................ 32

Gambar 2.8 Tampilan Konfigurasi XAMPP .................................................. 37

Gambar 2.9 Tampilan Kode PHP pada browser ............................................ 39

Gambar 2.10 Tampilan Macromedia Dreamweaver....................................... 42

Gambar 3.1 Integrasi Arsitektur sistem CRM ................................................ 52

Gambar 3.2 Kerangka Berpikir Penelitian ..................................................... 53

Gambar 4.1 Struktur Organisasi .................................................................... 58

Gambar 4.2 Rich Picture Sistem yang Berjalan ............................................ 66

Gambar 4.3 Arsitektur i-CRM PT. Meda Cipta Hutama ................................ 68

Gambar 4.4 Rich Picture Sistem yang Diusulkan .......................................... 73

Gambar 4.5 Konsep i-CRM PT. Meda Cipta Hutama .................................... 76

Gambar 4.6 Use Case Diagram ..................................................................... 80

Gambar 4.7 Sequence Diagram Promosi (Member & Non Member) ............. 96

Gambar 4.8 Sequence Diagram Promosi (Divisi Markerting)........................ 97

Gambar 4.9 Sequence Diagram Registrasi (Non Member) ............................ 98

xiv

Gambar 4.10 Sequence Diagram Registrasi (Divisi Markerting) ................... 99

Gambar 4.11 Sequence Diagram Log in (Member & Admin) ........................ 100

Gambar 4.12 Sequence Diagram Manajemen Admin (Administrator) ............ 101

Gambar 4.13 Sequence Diagram Newsletter (Member) ................................. 102

Gambar 4.14 Sequence Diagram Newsletter (Admin) .................................... 103

Gambar 4.15 Sequence Diagram Purchase Order (Member) ......................... 104

Gambar 4.16 Sequence Diagram Purchase Order (Divisi Project) ................ 105

Gambar 4.17 Sequence Diagram Progress Project (Member) ....................... 106

Gambar 4.18 Sequence Diagram Progress Project (Divisi Project)............... 107

Gambar 4.19 Sequence Diagram Chatting .................................................... 108

Gambar 4.20 Sequence Diagram Kritik dan Saran (Member) ........................ 109

Gambar 4.21 Sequence Diagram Kritik & Saran (Divisi Informasi) .............. 110

Gambar 4.22 Sequence Diagram Berita (Member) ........................................ 111

Gambar 4.23 Sequence Diagram Berita (Divisi Informasi) ............................ 112

Gambar 4.24 Sequence Diagram PIC (Member)............................................ 113

Gambar 4.25 Sequence Diagram PIC (Divisi Personalia) .............................. 114

Gambar 4.26 Sequence Diagram Log out (Member & Admin) ....................... 115

Gambar 4.27 Class Diagram ......................................................................... 118

Gambar 4.28 Statechart Diagram Promosi (Member & Non Member) .......... 119

Gambar 4.29 Statechart Diagram Promosi (Divisi Markerting) .................... 120

Gambar 4.30 Statechart Diagram Registrasi (Non Member) ......................... 121

Gambar 4.31 Statechart Diagram Registrasi (Divisi Markerting) .................. 122

Gambar 4.32 Statechart Diagram Log in (Member & Admin) ...................... 122

xv

Gambar 4.33 Statechart Diagram Manajemen Admin (Administrator) .......... 123

Gambar 4.34 Statechart Diagram Newsletter (Member) ................................ 124

Gambar 4.35 Statechart Diagram Newsletter (Admin)................................... 124

Gambar 4.36 Statechart Diagram Purchase Order (Member) ....................... 125

Gambar 4.37 Statechart Diagram Purchase Order (Divisi Project) .............. 126

Gambar 4.38 Statechart Diagram Progress Project (Member) ...................... 126

Gambar 4.39 Statechart Diagram Progress Project (Divisi Project) ............. 127

Gambar 4.40 Statechart Diagram Chatting ................................................... 128

Gambar 4.41 Statechart Diagram Kritik dan Saran (Member) ....................... 128

Gambar 4.42 Statechart Diagram Kritik & Saran (Divisi Informasi) ............. 129

Gambar 4.43 Statechart Diagram Berita (Member) ....................................... 130

Gambar 4.44 Statechart Diagram Berita (Divisi Informasi) .......................... 130

Gambar 4.45 Statechart Diagram PIC (Member) .......................................... 131

Gambar 4.46 Statechart Diagram PIC (Divisi Personalia) ............................. 132

Gambar 4.47 Statechart Diagram Log out (Member & Admin) ..................... 132

Gambar 4.48 Activity Diagram Promosi (Member & Non Member) .............. 133

Gambar 4.49 Activity Diagram Promosi (Divisi Markerting) ........................ 134

Gambar 4.50 Activity Diagram Registrasi (Non Member) ............................. 135

Gambar 4.51 Activity Diagram Registrasi (Divisi Markerting) ...................... 136

Gambar 4.52 Activity Diagram Log in (Member & Admin) .......................... 137

Gambar 4.53 Activity Diagram Manajemen Admin (Administrator) .............. 138

Gambar 4.54 Activity Diagram Newsletter (Member) .................................... 139

Gambar 4.55 Activity Diagram Newsletter (Admin) ....................................... 140

xvi

Gambar 4.56 Activity Diagram Purchase Order (Member) ........................... 141

Gambar 4.57 Activity Diagram Purchase Order (Divisi Project) ................... 142

Gambar 4.58 Activity Diagram Progress Project (Member) .......................... 143

Gambar 4.59 Activity Diagram Progress Project (Divisi Project) ................. 144

Gambar 4.60 Activity Diagram Chatting ....................................................... 145

Gambar 4.61 Activity Diagram Kritik dan Saran (Member) ........................... 146

Gambar 4.62 Activity Diagram Kritik & Saran (Divisi Informasi) ................. 147

Gambar 4.63 Activity Diagram Berita (Member) ........................................... 148

Gambar 4.64 Activity Diagram Berita (Divisi Informasi) .............................. 149

Gambar 4.65 Activity Diagram PIC (Member) .............................................. 150

Gambar 4.66 Activity Diagram PIC (Divisi Personalia) ................................. 151

Gambar 4.67 Activity Diagram Log out (Member & Admin) ......................... 152

xvii

DAFTAR TABEL

Tabel 3.1 Penelitian Terdahulu ...................................................................... 48

Tabel 4.1 Analisis Kebutuhan Sistem ............................................................ 67

Tabel 4.2 Analisis Pembanding ..................................................................... 73

Tabel 4.3 Identifikasi Actor ........................................................................... 77

Tabel 4.4 Identifikasi Use Case ..................................................................... 78

Tabel 4.5 Narasi dari Use Case Promosi ....................................................... 81

Tabel 4.6 Narasi dari Use Case Registrasi ..................................................... 82

Tabel 4.7 Narasi dari Use Case Log in .......................................................... 83

Tabel 4.8 Narasi dari Use Case Manajemen Admin ...................................... 85

Tabel 4.9 Narasi dari Use Case Newsletter .................................................... 86

Tabel 4.10 Narasi dari Use Case Purchase Order ......................................... 87

Tabel 4.11 Narasi dari Use Case Progress Project ........................................ 89

Tabel 4.12 Narasi dari Use Case Chatting ..................................................... 90

Tabel 4.13 Narasi dari Use Case PIC atau Person In Charge ........................ 91

Tabel 4.14 Narasi dari Use Case Berita ......................................................... 93

Tabel 4.15 Narasi dari Kritik & Saran ........................................................... 94

Tabel 4.16 Narasi dari Use Case Log out ...................................................... 95

Tabel 4.17 Admin .......................................................................................... 153

Tabel 4.18 Divisi Project/Admin ................................................................... 153

Tabel 4.19 Divisi Marketing/Admin .............................................................. 154

Tabel 4.20 Divisi Personalia/Admin .............................................................. 154

xviii

Tabel 4.21 Divisi Informasi/Admin ............................................................... 155

Tabel 4.22 Registrasi Member ....................................................................... 156

Tabel 4.23 Suggestion & Complain ............................................................... 156

Tabel 4.24 Progress Project .......................................................................... 157

Tabel 4.25 Berita .......................................................................................... 157

Tabel 4.26 Company Profile ......................................................................... 158

Tabel 4.27 Upload Purchase Order .............................................................. 158

Tabel 4.28 Employee ..................................................................................... 159

Tabel 4.29 Pengujian dengan Blackbox Testing ............................................. 160

xix

DAFTAR SIMBOL

SIMBOL USE CASE DIAGRAM

NO GAMBAR NAMA KETERANGAN

1

Actor

Seseorang atau apa saja yang

berhubungan dengan sistem yang

sedang dibangun.

2

Generalization

Hubungan dimana objek anak

(descendent) berbagi perilaku dan

struktur data dari objek yang ada di

atasnya objek induk (ancestor).

3

Include

Memungkinkan satu use case

menggunakan fungsionalitas yang

disediakan oleh use case lainnya.

4

Association Apa yang menghubungkan antara

objek satu dengan objek lainnya.

5

Use Case

Deskripsi dari urutan aksi-aksi

yang ditampilkan sistem yang

menghasilkan suatu hasil yang

terukur bagi suatu actor

(Soliq, 2006)

xx

SIMBOL ACTIVITY DIAGRAM


1

Activity

Memperlihatkan bagaimana masing-

masing kelas antarmuka saling

berinteraksi satu sama lain

3 Start of the

Proccess

Bagaimana objek dibentuk atau

diawali.

4 End of the

Proccess

Bagaimana objek dibentuk dan

diakhiri

5 Syncronization

Bar

Satu aliran yang pada tahap tertentu

berubah menjadi beberapa aliran

6

Decission

Activity Pilihan untuk mengambil keputusan

(Soliq, 2006)

xxi

SIMBOL CLASS DIAGRAM


1

1. Class name

2. Atrributes

3. Behaviors

Himpunan dari objek-

objek yang berbagi atribut

serta operasi yang sama.

2

Association

Apa yang menghubungkan

antara objek satu dengan

objek lainnya.

3

Generalization

Hubungan dimana objek

anak (descendent) berbagi

perilaku dan struktur data

dari objek yang ada di

atasnya objek induk

(ancestor).

(Soliq, 2006)

xxii

SIMBOL SEQUENCE DIAGRAM


1

Object Objek entity, antarmuka yang saling

berinteraksi.

2

LifeLine

Dimulai saat sebuah objek di

instanisasi dan berakhir saat objek

dimusnahkan.

3

Message

Spesifikasi dari komunikasi antar

objek yang memuat informasi-

informasi tentang aktifitas yang

terjadi.

4

Behaviors

(Operations)

Kumpulan dari sesuatu yang dapat

dilakukan oleh objek dan terkait

dengan fungsi-fungsi yang bertindak

pada data objek.

(Soliq, 2006)

xxiii

SIMBOL STATECHART DIAGRAM


1

State

Nilai atribut dan nilai link pada suatu

waktu tertentu, yang dimiliki oleh

suatu objek

2 Start of

Process

Bagaimana objek dibentuk atau

diawali

3 End of

Process

Bagaimana objek dibentuk dan

diakhiri

4

Association Apa yang menghubungkan antara

objek satu dengan objek lainnya

(Soliq, 2006)

xxiv

DAFTAR LAMPIRAN

Lampiran 1 Wawancara Pertama ................................................................ L-1

Lampiran 2 Wawancara Kedua .................................................................. L-5

Lampiran 3 Kuesioner ................................................................................ L-7

Lampiran 4 Hasil Kuesioner ....................................................................... L-10

Lampiran 5 Surat Keterangan Pembimbing ................................................ L-12

Lampiran 6 Surat Keterangan Penelitian .................................................... L-13

Lampiran 7 Daftar Absen ........................................................................... L-14

Lampiran 8 Prototype Design .................................................................... L-19

Lampiran 9 Tampilan Program................................................................... L-32

Lampiran 10 Source Code ........................................................................... L-42

xxv

DAFTAR ISTILAH

A

Activity Diagram

Diagram yang dapat digunakan untuk menggambarkan secara grafis aliran proses bisnis, langkah-langkah sebuah use case atau logika behavior (metode) objek.

Actor Segala sesuatu yang perlu berinteraksi dengan sistem untuk pertukaran informasi.

Alert Pesan atau tanda yang tampil pada form setelah melakukan proses.

Analyst (Sistem Analis)

Spesialis yang mempelajari masalah dan kebutuhan sebuah organisasi untuk menentukan bagaimana orang, data, proses dan teknologi informasi dapat mencapai kemajuan terbaik untuk bisnis.

Apache Aplikasi server web yang tersedia secara gratis dan disebarkan dengan lisensi "open source". Apache tersedia bagi bermacam-macam sistem operasi, seperti UNIX (FreeBSD, Linux, Solaris dan lainnya) dan Windows NT/95/98, apache mengikuti standar protokol hypertext transport protocol terbaru, yaitu HTTP 1.1

Application Software yang dibuat oleh suatu perusahaan komputer untuk mengerjakan tugas-tugas tertentu, misalnya Ms-Word, Ms-Excel.

ASP (Active Server Pages)

Bahasa program buatan Microsoft yang memadukan server-side scripting dan HTML untuk membuat sebuah halaman web yang dinamis (dynamic pages).

B

Batch

Sejumlah record atau data yang digabungkan dan diproses sedemikian rupa menjadi satu kesatuan.

Behavior Kumpulan dari sesuatu yang dapat dilakukan oleh objek dan terkait dengan fungsi-fungsi yang bertindak pada data objek (atribut). Pada siklus berorientasi objek, perilaku objek merunduk ke pada metode operasi atau fungsi.

Black Box Memungkinkan perekayasa perangkat lunak mendapat serangkaian kondisi input yang sepenuhnya menggunakan

xxvi

semua persyaratan fungsional untuk suatu program.

BODY Suatu tag HTML yang digunakan untuk membuka dan menutup semua isian (text, grafik, dll) dalam dokumen HTML.

Brainware Istilah untuk menyatakan manusia sebagai pemakai komputer. Brainware bisa dikategorikan menjadi sistem analis, programmer dan operator.

Browse Perintah dalam lingkungan windows untuk menampilkan isi disk.

Browser Program aplikasi yang digunakan untuk browsing.

C

Call center

Suatu kantor informasi yang terpusat yang digunakan untuk tujuan menerima dan mengirimkan sejumlah besar permintaan melalui telepon.

Cash flow Sejumlah uang kas yang keluar dan yang masuk sebagai akibat dari aktivitas perusahaan dengan kata lain adalah aliran kas yang terdiri dari aliran masuk dalam perusahaan dan aliran kas keluar perusahaan serta berapa saldonya setiap periode.

Class diagram Gambar grafis mengenai struktur objek statis dari suatu sistem, menunjukan kelas-kelas objek yang menyusun sebuah sistem dan juga hubungan antar kelas objek tersebut.

Class Satu set objek yang memiliki atribut dan behavior yang sama. Kadang-kadang disebut objek class.

Company Profile Sekumpulan data mengenai suatu company atau perusahaan. Biasanya berisi info-info dasar yang ingin dipublikasi.

Constraint Faktor, pembatas atau pengekang yang mungkin membatasi solusi atau proses pemecahan masalah.

Contact Center Titik sentral dalam suatu perusahaan dari mana semua kontak pelanggan dikelola.

Control Suatu aktivitas untuk menjamin bahwa sistem informasi tersebut berjalan sesuai dengan yang diharapkan.

Cross Selling Menawarkan produk yang melengkapi produk utama yang dibeli customer Anda. Misalnya, pembeli komputer ditawari

xxvii

asesoris komputer. Pembeli makanan di warung, ditawari juga minuman dan makanan pembuka.

Customer Centric

Kemampuan untuk setiap orang dalam perusahaan untuk terus-menerus belajar tentang pelanggan dan pasar. Tanggung jawab semua orang di perusahaan untuk merespon dengan tepat tentang apa yang kita pelajari.

Customer Relationship Management

Suatu jenis manajemen yang secara khusus membahas teori mengenai penanganan hubungan antara perusahaan dengan pelanggannya dengan tujuan meningkatkan nilai perusahaan di mata para pelanggannya.

Customer Services

Pemberian layanan kepada pelanggan sebelum, selama dan setelah pembelian.

Customer touch points

Titik interaksi antara pelanggan dan perusahaan. Hal yang penting bagi perusahaan yang berorientasi dan memfokuskan diri pada kebutuhan pasar dan pelanggan. Contoh perangkat lunak kontak pelanggan seperti e-mail, termasuk video call, interactive TV dan telepon.

D

Data

Kumpulan dari angka-angka maupun karakter-karakter yang tidak memiliki arti. Data dapat diolah sehingga menghasilkan informasi.

Data Independent

Metode mengubah pola data dari isi data tersebut dan cara menyimpannya, sehingga perubahan tersebut tidak menyebabkan suatu program aplikasi ditulis kembali.

Database Management

Pengelolaan data dalam suatu basis data, cara memasukkan data dalam database, memperbaharuinya dan menyajikan informasi dari data tersebut.

Database Sekumpulan file yang saling terkait dan membentuk suatu bangun data. Database minimal terdiri dari satu file yang cukup untuk dimanipulasi oleh komputer sedemikian rupa.

Database Server Server yang memiliki satu atau lebih database.

Data Center Pusat pemrosesan data yang didukung dengan perangkat pengolahan data tersebut.

xxviii

DataBase Management System (DBMS)

Program yang memungkinkan item-item dalam suatu database disusun, diolah dan diperbaharui.

Developer Seseorang atau sebuah perusahaan yang membuat software.

Domain Definisi dari alamat di internet, yang juga merujuk ke sebuah negara di mana situs web tersebut digunakan. Misalnya co.id untuk Indonesia. Sedangkan co atau com untuk lembaga komersial dan net untuk lembaga yang berhubungan dengan Internet.

E

E-commerce

Penyebaran, pembelian, penjualan, pemasaran barang dan jasa melalui sistem elektronik seperti internet atau televisi, www atau jaringan komputer lainnya.

E-communities Knowledge Repository (KR) atau gudang pengetahuan berdasarkan penyimpanan dan berbagi pengetahuan dan praktik sekelompok orang yang berpengalaman dalam bidang tertentu.

Effectiveness and assurance

Efektifitas dan jaminan meliputi pengetahuan dan kesopanan pegawai.

E-mail Surat yang pengirimannya menggunakan sarana elektronik yaitu dengan jaringan internet, dengan surat elektronik atau email seseorang dapat mengirim naskah teks, gambar atau bahkan mengirimkan aplikasi atau file kepada seseorang yang tentunya juga memiliki email (surat elektronik) dalam waktu yang sangat singkat.

Encryption Penerjemahan data menjadi kode rahasia. Enkripsi adalah cara yang paling efektif untuk memperoleh pengamanan data. Untuk membaca file yang di-enkrip, kita harus mempunyai akses terhadap kata sandi yang memungkinkan kita men-dekrip pesan tersebut. Data yang tidak di-enkrip disebut plain text, sedangkan yang di-enkrip disebut cipher text.

Entity Kelompok orang, tempat, objek, kejadian atau konsep tentang apa yang kita perlukan untuk meng-capture dan menyimpan data.

F

Field service

Seseorang dibidang layanan.

xxix

Field Unit kecil dari data yang berarti untuk disimpan pada sebuah file atau database.

File (1) Kumpulan record yang sama (2) Kumpulan semua kejadian dari struktur record yang ditentukan.

Form (1) Sebuah jendela yang merupakan wadah bagi berbagai komponen yang akan terpasang dalam suatu program aplikasi. Dalam pembuatan sebuah program form dapat bertindak sebagai jendela program, kotak dialog dan jendela peringatan. (2) Suatu dokumen HTML yang didesain dengan kotak-kotak yang siap diisi dengan teks, beberapa pilihan dan elemen-elemen lainnya yang memungkinkan pemakai untuk mengirim form kembali kepada server.

Frame (1) Jendela yang tampak pada layar monitor sebuah PC (Personal Computer) ketika membuka suatu aplikasi tertentu. (2) Pertukaran Protocol Data Unit (PDU) antar peer baik di lapis hubungan data ataupun di sublapis MAC.

Front Back Office

Mendukung fungsi-fungsi bisnis yang meluas ke pelanggan pelanggan organisasi dan mendukung operasi bisnis internal sebuah organisasi dan juga mencapai para penyuplai.

G

Generalization

Konsep di mana atribut yang umum bagi beberapa tipe entitas dikelompokan dalam entitasnya sendiri.

H

Hardcopy

Dokumen hasil pencetakan dari komputer.

Hardware Salah satu komponen dari sebuah komputer yang sifat alatnya bisa dilihat dan diraba oleh manusia secara langsung atau berbentuk nyata yang berfungsi untuk mendukung proses komputerisasi.

Hyper Text Transfer Protocol (HTTP)

Sebuah metode atau protokol untuk mendowload file ke komputer. Protokol ini berbasis hyper text, sebuah format teks yang umum digunakan di internet.

I

Input

Suatu kegiatan untuk menyediakan data untuk diproses.

Interface Tampilan dari sebuah program.

xxx

Internet Istilah umum yang dipakai untuk menunjuk Network tingkat dunia yang terdiri dari komputer dan layanan servis atau sekitar 30 sampai 50 juta pemakai komputer dan puluhan sistem informasi termasuk e-mail, Gopher, FTP dan World Wide Web.

Interview Teknik penelusuran fakta di mana analisis sistem mengumpulkan informasi dari individu-individu melalui interaksi face to face.

J

K

Knowlegde Management (KM)

Suatu rangkaian kegiatan yang digunakan oleh organisasi atau perusahaan untuk mengidentifikasi, menciptakan, menjelaskan dan mendistribusikan pengetahuan untuk digunakan kembali, diketahui dan dipelajari di dalam organisasi.

L

Log in

Proses untuk mengakses komputer dengan memasukkan identitas dari akun pengguna dan kata sandi guna mendapatkan hak akses menggunakan sumber daya komputer tujuan.

Log out Proses untuk mengakhiri sesi.

M

Magnetic Disk

(Piringan/Disk Magnetik) (1) Piranti penyimpanan sekunder yang paling banyak dijumpai pada sistem komputer modern. (2) Simpanan luar yang terbuat dari satu atau lebih piringan yang bentuknya seperti piringan hitam yang terbuat dari metal atau dari plastik dan permukaannya dilapisi dengan lapisan magnet iron-oxide.

Magnetic Drum Seperti magnetic disk, magnetic drum adalah contoh lain dari perangkat penyimpanan akses langsung.

Mainframe Komputer besar yang digunakan untuk memproses data dan aplikasi yang besar. Mainframe pada umumnya digunakan dalam Perusahaan atau Organisasi yang menangani data seperti sensus, riset penelitian, keperluan militer atau transaksi finansial. Mainframe dapat melayani ratusan pengguna pada waktu yang bersamaan.

xxxi

Member Semua orang yang meregistrasikan account pada forum tertentu

N

O

Object

Sesuatu yang ada atau dapat dilihat, disentuh atau dirasakan dan user menyimpan data serta mencatat perilaku mengenai sesuatu itu.

Object Oriented Analysis (OOA)

Pendekatan yang digunakan untuk (1) Mempelajari objek yang sudah ada untuk mengetahui apakah mereka dapat digunakan kembali atau diadaptasi untuk pemakaian baru atau (2) Menentukan suatu objek baru atau yang dimodifikasi yang akan digabung dengan objek yang sudah ada ke dalam suatu aplikasi komputasi bisnis yang sangat berharga.

Object Oriented Design (OOD)

Pendekatan yang digunakan untuk menentukan solusi perangkat lunak dalam hal menggabungkan objek, atribut dan metodenya.

Observation Teknik pengumpulan fakta di mana analisis sistem turut berpartisipasi atau menyaksikan seseorang sedang melakukan aktivitas untuk mempelajari sistem

Online Keadaan di saat seseorang terhubung ke dalam suatu jaringan ataupun sistem yang lebih besar.

Open Source Software yang kode programnya disediakan oleh pengembangnya untuk umum agar dapat dipelajari cara kerjanya, diubah atau dikembangkan lebih lanjut dan disebarluaskan.

Optical Disk Media penyimpanan sekunder

Output Suatu kegiatan untuk menghasilkan laporan dari proses tersebut.

P

Pasca

Keadaan setelah melakukan sesuatu.

Password Identitas atau pintu masuk yang membedakan antara seseorang atau sistem yang mempunyai akses dengan yang tidak mempunyai akses.

xxxii

Phone Services Layanan menerima dan mengirimkan sejumlah besar permintaan melalui telepon.

Platform Dasar penopang sistem kerja suatu komputer.

Pre Keadaan sebelum melakukan sesuatu.

Procedure Kumpulan intruksi dan logika selangkah demi selangkah untuk menyelesaikan proses bisnis.

Process Kerja yang dilakukan oleh sistem sebagai respons terhadap aliran data masuk atau kondisi. Sinonimnya adalah transform.

Project Manager Seorang profesional berpengalaman yang mendapat tanggung jawab untuk merencanakan, memonitor dan mengontrol proyek dengan memperhatikan jadwal, anggaran, produk jadi, kepuasan pelanggan, strandar teknis dan kualitas sistem.

Project Serangkaian aktivitas yang harus diselesaikan pada waktunya, sesuai dengan anggaran dan sesuai dengan spesifikasi.

Protokol Suatu kesepakatan mengenai bagaimana komunikasi akan dilakukan.

Prototype Sebuah model skala kecil, representatif atau yang bekerja dari persyaratan pengguna atau desain yang diusulkan untuk sebuah sistem informasi.

Prototyping Teknik untuk membangun dengan cepat sebuah model sistem informasi yang fungsional tapi tidak lengkap dengan menggunakan peralatan pengembangan aplikasi.

Purchase Order Dokumen berharga yang diberikan oleh pembeli kepada penjual yang menunjukkan jenis, jumlah dan harga produk atau jasa yang disepakati penjual dan pembeli.

Q

Query

Suatu extracting data dari suatu database dan menampilkannya untuk “pengolahan” lebih lanjut.

Quotation Penawaran harga yang berisi rincian barang, batas waktu pembayaran yang dibuat oleh penjual untuk mencapai kesepakatan transaksi jual beli.

R

xxxiii

Reability (Kehandalan) meliputi kemampuan memenuhi service yang dijanjikan secara akurat dan terpercaya.

Record Tipe data kompleks yang elemen-elemennya boleh mempunyai tipe data yang berbeda.

Relational Database Management System

Sebuah program komputer yang didesain untuk mengatur/memanajemen sebuah basis data sebagai sekumpulan data yang disimpan secara terstruktur dan melakukan operasi-operasi data atas permintaan penggunanya.

Rich Picture Tahap awal proses perancangan. Suatu skema pemetaan yang harus diperhatikan dalam melakukan perancangan.

S

Sales

Seseorang yang melakukan penjualan.

Scroll Tampilan informasi dengan cara menaikan atau menurunkan screen, satu baris pada satu waktu.

Self Services Customer Support

Layanan yang mendukung pelanggan melakukan praktek melayani diri sendiri, biasanya saat membeli item.

Sequence Diagram

Diagram UML yang memodelkan logika sebuah use case dengan cara menggambarkan interaksi pesan di antara objek-objek dalam rangkaian waktu.

Server Sebuah sistem komputer yang menyediakan jenis layanan tertentu dalam sebuah jaringan komputer.

Services Portfolio

Jasa yang ditawarkan.

Software Data yang diformat dan disimpan secara digital, termasuk program komputer, dokumentasinya dan berbagai informasi yang bisa dibaca dan ditulis oleh komputer.

Source Code Listing program sebelum digenerate menjadi aplikasi.

Staff Bagian organisasi yg tidak mempunyai hak memberikan perintah, tetapi mempunyai hak membantu pimpinan dan memberikan nasihat.

System Design Spesifikasi atau kontruksi solusi teknis dan berbasis komputer untuk persyaratan bisnis yang diidentifikasikan

xxxiv

dalam analisis sistem. (Catatan: desain tersebut dalam bentuk prototype yang bekerja).

System Requirements

Sesuatu yang harus dilakukan oleh sistem informasi atau perlengkapan yang harus dimiliki.

T

Tag

Kode HTML yang digunakan untuk menunjukkan jenis teks, link, grafik atau elemen HTML lainnya.

Tangibles (Fisik) meliputi fasilitas fisik, peralatan dan penampilan pegawai.

Time to market Lamanya waktu yang dibutuhkan dari konsep pembuatan sebuah produk sampai perusahaan menyediakan barang untuk dijual.

TITLE Tag HTML yang digunakan untuk memberikan judul tiap dokumen HTML.

Tools Program atau aplikasi yang pengembang perangkat lunak gunakan untuk membuat, debug, memelihara atau mendukung program-program lain.

U

Unified Modeling Language (UML)

Sekumpulan konvensi pemodelan yang digunakan untuk menggambarkan sebuah sistem perangkat lunak dalam kaitannya dengan objek

UNIX Sistem operasi yang digunakan baik pada PC maupun Mainframe. Banyak komputer dan server yang terhubung dengan Internet menggunakan UNIX.

Up selling Menawarkan spesifikasi yang lebih besar dengan harga yang lebih mahal. Misalnya Anda menjual komputer. Seorang konsumen datang ingin membeli komputer dengan harga 3 jutaan. Maka tawarkan komputer yang lebih tinggi spesifikasinya dengan harga yang lebih mahal. Jelaskan manfaat-manfaatnya yang sesuai dengan harapan konsumen tadi.

Upload Proses mentransfer informasi dari sebuah komputer ke komputer lain/server melalui Internet.

Use case Diagram yang menggambarkan interaksi antara sistem

xxxv

Diagram dengan sistem eksternal dan pengguna. Dengan kata lain secara grafis menggambarkan siapa yang akan menggunakan sistem dan dengan cara apa pengguna mengharapkan untuk berinteraksi dengan sistem

Use case Narrative

Deskripsi tekstual kegiatan bisnis dan bagaimana pengguna akan berinteraksi dengan sistem untuk menyelesaikan suatu tugas.

User Friendly Interface (tampilan) yang bagus dan mudah dipahami oleh pengunjung atau pengguna.

V

W

Web Hosting

Penyediaan ruang untuk menyimpan halaman web oleh pemilik komputer/server, yang dapat diakses 24 jam via Internet.

Web Server Perangkat keras dan perangkat lunak yang dipakai untuk menyimpan dan mengirim dokumen HTML untuk digunakan dalam World Wide Web.

Web Site Suatu koleksi dokumen HTML pribadi atau perusahaan dalam server Web. Sebuah server Web dapat berisi lebih dari satu situs.

White box Metode desain test case yang menggunakan struktur kontrol desain prosedural untuk memperoleh test case.

Working Prototype

Mengimplementasikan sebagian dari fungsi yang ditawarkan perangkat lunak.

Workflow Otomatisasi proses yang meliputi perpindahan aktifitas dan dokumen melalui suatu prosedur kerja.

X

Y

Z

1

BAB I

PENDAHULUAN

1.1 Latar Belakang

PT. Meda Cipta Hutama atau disingkat PT. Medatama merupakan

perseroan yang didirikan berdasarkan Akta Pendirian Perseroan Terbatas tanggal

28 Maret 2010 yang dibuat dihadapan Notaris Rony Saputra Soedarmo, SH, di

Jakarta. Anggaran dasarnya telah mendapat pengesahan dan dikeluarkan oleh

Kementrian Keuangan Republik Indonesia, Direktorat Jendral Pajak dengan Surat

Keterangan Terdaftar (S.K.L) PEM-01006/WPJ.04/KP 1003/2010 dan Klasifikasi

Lapangan Usaha (K.L.U) 51900 – Perdagangan Besar Lainnya.

PT. Meda Cipta Hutama bergerak di bidang penjualan jasa infrastruktur

jaringan yang mengutamakan kualitas kerja tinggi dan material terbaik untuk jasa

manajemen proyek infrastruktur jaringan. Perusahaan ini berjalan ± 1 tahun,

namun ditangani oleh tenaga kerja yang berpengalaman minimal 8 tahun serta

pimpinan yang telah menguasai bidang jasa infrastruktur jaringan. Tenaga kerja

dan pimpinan yang menjalani bidang ini, telah memiliki pelanggan yang

mengetahui kualitas kerja secara personal. Namun, kesulitan bagi perusahaan

adalah tidak semua perusahaan lain mengetahui kualitas tenaga kerja perusahaan

ini.

PT. Meda Cipta Hutama memberikan informasi kepada pelanggan tentang

pengalaman dan kualitas services yang baik dengan memberikan company profile

secara manual. Company profile tersebut sulit disebarkan sehingga sedikit

2

pelanggan yang tertarik dan melakukan hubungan kerjasama. Selain masalah

informasi minim dari company profile, hal yang sering dikeluhkan dan

dipertanyakan pelanggan adalah material yang digunakan, services yang

disediakan dan informasi terbaru tentang PT. Meda Cipta Hutama.

Persaingan yang cukup tinggi dalam bisnis khususnya di bidang jasa

infrastruktur jaringan dan kesadaran akan pentingnya pelanggan bagi

kelangsungan hidup perusahaan, membuat peneliti merasa perlu sebuah sistem

yang dapat membantu perusahaan dalam menjelaskan kualitas services untuk

mempertahankan dan memperluas hubungan dengan pelanggan. Kualitas services

berpusat pada upaya pemenuhan kebutuhan dan keinginan pelanggan serta

ketepatan penyampaiannya untuk mengimbangi harapan pelanggan (Adminah,

2009).

Pengembangan dimensi dalam mengukur kualitas services khususnya pada

industri jasa yaitu effectiveness and assurance, access, price, tangibles, services

portfolio dan reliability dilakukan oleh Bahia dan Nantel (2000). Penelitian ini

melakukan kajian terhadap dimensi-dimensi kualitas pelayanan jasa perbankan

Banking Service Quality (BSQ) mengenai pengaruh dari dimensi-dimensi BSQ

tersebut terhadap kepuasan dan loyalitas nasabah (pelanggan).

Penelitian yang berjudul Analisis Pengaruh Service Quality Terhadap

Kepuasan Pelanggan pada Perusahaan Asuransi Syari’ah Mubarakah Cabang

Solo membahas mengenai kegiatan bisnis sesuai dengan ketentuan syariah Islam.

Kualitas jasa dan pelayanan peserta menjadi faktor penting dalam menentukan

keberhasilan bisnis ini (Adminah, 2009).

3

Penelitian CRM di bidang jasa yang dilakukan oleh Yang et al. (2008)

menganalisis dan mengembangkan sistem CRM kemudian implementasinya pada

industri jasa. Kemudian penelitian serupa membahas mengenai beberapa faktor

sukses dalam aplikasi CRM yang memberikan beberapa panduan untuk

pembelajaran CRM pada bidang jasa dilakukan oleh Liu dan Zhu (2009).

Semakin meningkatnya persaingan pasar maka organisasi yang

mempunyai program berorientasi pelanggan akan banyak mendapatkan

keuntungan, seperti menjadikannya berbeda dari pesaing, memperbaiki citra di

mata pelanggan, meningkatkan keuntungan dan meningkatkan kepuasan dan

mempertahankan pelanggan (Cook, 2004). Selain itu sukses dan tidaknya

Customer Relationship Management setidaknya dipengaruhi adanya sinergi antara

people (sumber daya manusia), quality (mutu barang dan jasa), process

(teknologi) dan fokus pelanggan (Sin et al, 2005).

Untuk meningkatkan kepuasan dan loyalitas pelanggan penelitian, Al-

Mudimigh et al. (2009) melakukan evaluasi dan peningkatan sistem CRM dari

Bank Arab Saudi. Sedangkan, Huang dan He (2009) menempatkan strategi

kompetitif ke depan yang berbeda dan strategi pemasaran CRM untuk membantu

perusahaan telekomunikasi meningkatkan nilai pelanggan dan mempertahankan

loyalitas pelanggan. Penelitian lain yang mengoptimalkan upaya komersialisasi

dan menghasilkan keuntungan berdasarkan loyalitas pelanggan pada sistem CRM

telah dilakukan oleh Aizcorbe (2007). Kemudian Cristobal et al. (2007)

menjelaskan sinergi yang positip antara mutu pelayanan, kepuasan pelanggan dan

4

loyalitas. Penelitian ini memberikan pengetahuan penting bahwa implementasi

dan hasil CRM ditentukan dari implementasi dan hasil mutu pelayanan.

Kepuasan pelanggan diukur bagaimana sumber daya manusia perusahaan

secara meyakinkan mampu mengelola persoalan dan memberikan solusi yang

diharapkan pelanggan. Semakin baik pengetahuan akan pelanggan sebagai elemen

dalam kompetensi maka semakin tinggi derajad kepuasan yang akan

dipersepsikan oleh pelanggan (Osarenkhoe dan Bennani, 2007). Pengetahuan

yang dimiliki setiap sumber daya manusia perusahaan tentu berbeda-beda sesuai

dengan bidang masing-masing, dengan hal ini peneliti menuangkan dalam konsep

sistem i-CRM yang menjadikan pelanggan sebagai fokus dari berbagai

department/divisi agar pelanggan mendapatkan solusi yang tepat.

Penelitian CRM yang menjadi pertimbangan dalam suksesnya

pengembangan sistem CRM dilakukan oleh Cross dan Lawrence (2002) yang

mengkaji sinergi pengembangan aplikasi cepat (RAD) model proses yang dapat

digunakan untuk membela diri terhadap ancaman kegagalan dalam lingkungan

sulit dan cepat berubah. Selain itu Schoder dan Madeja (2004) menerapkan CRM

dalam perdagangan elektronik yaitu ketika hubungan bisnis dilakukan lewat

internet. Aplikasi CRM dapat diakses dengan mudah apabila digunakan secara

online.

Dari penelitian mengenai CRM yang telah dilakukan sebelumnya,

dijelaskan bahwa CRM merupakan solusi terbaik bagi perusahaan untuk menjaga

hubungan dengan pelanggan agar dapat mengoptimalkan keuntungan perusahaan.

Namun, salah satu konsep bisnis yang saat ini cukup banyak menarik perhatian

5

dunia usaha adalah i-CRM (Interactive Customer Relationship Management).

Sistem i-CRM digunakan agar produk jasa yang dihasilkan sesuai dengan

keinginan pelanggan, i-CRM menciptakan interaksi antara pelanggan dan

perusahaan dengan waktu respon yang tinggi sehingga tidak terjadi kesalahan

dalam proses persiapan hingga penyajiannya dengan melakukan chatting. Selain

itu dapat memudahkan member melihat progress project tanpa harus datang ke

lokasi proyek, melihat PIC (Person In Charge) agar mengetahui siapa saja

karyawan yang melakukan proyek dan news atau berita seputar PT. Meda Cipta

Hutama, serta kemudahan melakukan purchase order, suggestion & complain dan

mendapatkan e-mail melalui newsletter.

Dilihat dari latar belakang di atas, ada dorongan untuk melakukan

penelitian dalam rangka merancang suatu sistem Interactive Customer

Relationship Management yang digunakan secara online dan dapat menjelaskan

kualitas services untuk meningkatkan kepuasan dan loyalitas pelanggan.

Berdasarkan alasan tersebutlah, peneliti melakukan penelitian dengan judul

“Rancang Bangun i-CRM (Interactive Customer Relationship Management)

untuk Jasa Infrastruktur Jaringan PT. Meda Cipta Hutama”.

1.2 Rumusan Masalah

Atas dasar permasalahan yang dipaparkan, maka perumusan masalah

penelitian ini adalah:

1. Bagaimana merancang dan membangun i-CRM di PT. Meda Cipta Hutama?

6

2. Bagaimana mengidentifikasi permasalahan yang ada dalam sistem i-CRM

berkenaan dengan keinginan perusahaan untuk menarik, meningkatkan dan

mempertahankan hubungan perusahaan dengan pelanggan?

1.3 Batasan Masalah

Berdasarkan masalah di atas, pembahasan masalah akan dibatasi pada:

1. Proses bisnis terbatas pada hubungan antara perusahaan dengan

costumer/pelanggan.

2. Membuat rancang bangun i-CRM dengan menggunakan metode berorientasi

objek dengan model pengembangan RAD.

3. Merancang sebuah sistem i-CRM yang mempermudah member dalam

mendapatkan informasi seperti company profile, PIC (Person In Charge),

newsletter, progress project dan news serta melakukan purchase order,

suggestion & complain dan chatting.

4. Merancang sebuah sistem i-CRM yang dapat dikelola oleh administrator,

divisi marketing, divisi project, divisi informasi dan divisi personalia.

1.4 Tujuan Penelitian

Di dalam penelitian ini terdapat dua jenis tujuan, yaitu tujuan khusus dan

tujuan umum. Tujuan umum penelitian ini adalah menghasilkan rancang bangun

i-CRM di PT. Meda Cipta Hutama. Sedangkan tujuan khusus dari penelitian ini

adalah untuk menghasilkan:

7

1. Identifikasi permasalahan yang dihadapi oleh PT. Meda Cipta Hutama terkait

kebutuhan informasi pelanggan.

2. Perancangan sistem dan aplikasi Interactive Customer Relationship

Management (i-CRM) untuk Jasa Infrastruktur Jaringan PT. Meda Cipta

Hutama.

1.5 Manfaat Penelitian

Manfaat dari penelitian ini adalah:

1. Memberikan gambaran secara umum tentang rancang bangun i-CRM.

2. Sebagai referensi untuk bidang penelitian i-CRM.

3. Memberikan konsep pemahaman lebih lanjut mengenai konsep i-CRM.

1.6 Metode Penelitian

1.6.1 Metode Pengumpulan Data

Metode pengumpulan data yang digunakan dalam penelitian ini dilakukan

dengan dua cara yaitu studi lapangan dan studi literatur. Studi lapangan yaitu

dengan melakukan observasi, wawancara dan kuesioner. sedangkan studi literatur

dengan cara membaca dan mencari literatur baik berupa buku, jurnal dan skripsi

sejenis.

8

1.6.2 Metode Pengembangan Sistem

Metode pengembangan sistem yang akan digunakan dalam penelitian ini

adalah menggunakan metode berorientasi objek dengan model pengembangan

RAD yang meliputi 3 tahap yaitu, Perencanaan Syarat (Requirements Planning),

Proses Desain (Workshop Design), Penerapan (Implementation). Pada tahap

penerapan (implementation) dilakukan sampai dengan tahapan pengujian dimana

metode yang digunakan adalah metode Black Box. Dalam metode pengembangan

sistem ini menggunakan notasi UML. Diagram yang digunakan dalam penelitian

ini yaitu, Use case Diagram, Sequence Diagram, Class Diagram, Statechart

Diagram dan Activity Diagram.

1.7 Sistematika Penulisan

BAB I PENDAHULUAN

Bab ini membahas tentang latar belakang, perumusan masalah,

batasan masalah, tujuan dan manfaat penelitian, metode penelitian

dan sistematika penulisan.

BAB II LANDASAN TEORI

Bab ini menguraikan tentang teori mendukung penelitian skripsi

yaitu tentang Rancang Bangun i-CRM (Interactive Customer

Relationship Management).

9

BAB III METODE PENELITIAN

Pada bab ini menjelaskan metode yang digunakan dalam

melakukan penelitian, yaitu metode pengumpulan data dan metode

pengembangan sistem.

BAB IV PEMBAHASAN

Dalam bab ini membahas mengenai perancangan dengan metode

berorientasi objek dengan model pengembangan RAD yang dibuat

sesuai dengan analisis permasalahan yang ada di PT. Meda Cipta

Hutama.

BAB V PENUTUP

Bab ini adalah bab terakhir yang menyajikan kesimpulan serta

saran untuk memperbaiki dan mengembangkan lebih lanjut dari

penelitian ini.

10

BAB II

LANDASAN TEORI

2.1 Pengertian Rancang Bangun

Kata “Rancang” merupakan kata kerja dari “merancang” yakni mengatur

segala sesuatu (sebelum bertindak, mengerjakan, atau melakukan sesuatu) atau

merencanakan sedangkan perancangan merupakan kata benda yang memilki arti

proses perbuatan merancang. Sedangkan “Rancang Bangun” dapat diartikan

sebagai merancang atau mendesain suatu bangunan (Pusat Bahasa Kemdiknas,

2008).

Pendapat lain mengatakan, perancangan merupakan serangkaian prosedur

untuk menerjemahkan hasil analisa dari sebuah sistem kedalam bahasa

pemrograman untuk mendeskripsikan dengan detail bagaimana komponen-

komponen sistem diimplementasikan. Sedangkan pembangunan sistem adalah

kegiatan menciptakan sistem baru maupun mengganti/memperbaiki sistem yang

telah ada, baik secara keseluruhan maupun sebagian (Pressman, 2005).

2.2 Konsep Dasar Sistem

Ada berbagai pendapat yang mendefinisikan pengertian sistem, yaitu:

1. “Sistem merupakan kumpulan dari komponen-komponen yang memiliki unsur

keterkaitan antara satu dengan yang lainnya” (Indrajit, 2001).

11

2. “Sistem adalah suatu integrasi elemen-elemen yang semuanya bekerja menuju

satu tujuan. Semua sistem meliputi tiga elemen utama: input, transformasi dan

output” (McLeod, 2001).

Berdasarkan beberapa pendapat yang dikemukakan tersebut dapat ditarik

kesimpulan bahwa sistem adalah kumpulan bagian-bagian atau subsistem-

subsistem yang disatukan dan dirancang untuk mencapai suatu tujuan.

Menurut Jogiyanto (2005) suatu sistem dapat diklasifikasikan dari

beberapa sudut pandang, di antaranya adalah sebagai berikut:

1. Sistem Abstrak dan Sistem Fisik

Sistem abstrak adalah sistem yang berupa pemikiran atau ide-ide yang tidak

tampak secara fisik dan sistem fisik merupakan sistem yang ada secara fisik.

2. Sistem Alamiah dan Sistem Buatan Manusia

Sistem alamiah adalah sistem yang terjadi melalui proses alam, tidak dibuat

manusia dan sistem buatan manusia melibatkan interaksi antara manusia

dengan mesin.

3. Sistem Tertentu dan Sistem Tak Tentu

Sistem tertentu beroperasi dengan tingkah laku yang sudah dapat diprediksi

dan sistem tak tentu adalah sistem yang kondisi pada masa depannya tidak

dapat diprediksi karena mengandung unsur probabilitas.

4. Sistem Tertutup dan Sistem Terbuka

Sistem tertutup merupakan sistem yang tidak berhubungan dan tidak

terpengaruh dengan lingkungan luarnya dan sistem terbuka adalah sistem yang

berhubungan dan terpengaruh dengan lingkungan luarnya.

12

2.3 Konsep Dasar Informasi

Beberapa definisi mengenai Informasi menurut para ahli, yaitu:

1. “Informasi adalah data yang telah diolah menjadi bentuk yang berguna bagi

penerimanya dan bermanfaat dalam mengambil keputusan saat ini atau

mendatang” (Davis, 1999).

2. “Informasi adalah data yang telah diproses atau data yang memiliki arti”

(McLeod, 2001).

Pengertian informasi selalu dikaitkan dengan data, namun arti dari masing-

masing kata dalam pengertian tersebut berbeda. Keberadaan suatu data sangat

menunjang terhadap informasi, karena data merupakan bahan mentah yang

diperlukan untuk mengambil keputusan.

Berdasarkan pengertian informasi yang telah dikemukakan, agar informasi

dapat menunjukkan nilai gunanya, menurut Jogiyanto (2001) informasi tersebut

harus memiliki kualitas informasi seperti berikut:

1. Akurat, berarti informasi harus bebas dari kesalahan-kesalahan yang jelas

dalam mencerminkan maksudnya.

2. Tepat waktu, berarti informasi yang datang pada penerima tidak boleh

terlambat. Karena keterlambatan penerimaan informasi akan mengurangi nilai

dari informasi tersebut atau bahkan dapat pula merugikan pihak yang

memerlukan informasi tersebut.

3. Relevan, berarti informasi tersebut mempunyai manfaat untuk pemakainya

dan benar-benar sesuai dengan yang dibutuhkan oleh si penerima informasi

tersebut.

13

2.4 Konsep Dasar Sistem Informasi

Beberapa definisi mengenai Sistem Informasi menurut para ahli, yaitu:

1. Sistem informasi adalah kombinasi teratur apapun dari orang-orang,

hardware, software, jaringan komunikasi dan sumber daya data yang

mengumpulkan, mengubah dan menyebarkan informasi dalam sebuah

organisasi (O’Brien, 2004).

2. Sistem Informasi adalah suatu sistem dalam suatu organisasi yang

mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi,

bersifat manajerial dan kegiatan strategi dari suatu organisasi dan

menyediakan pihak luar tertentu dengan laporan-laporan yang dibutuhkan

(McLeod, 2001).

3. Sistem informasi adalah sebagai sekelompok elemen-elemen dalam suatu

organisasi yang saling berintegrasi dengan menggunakan masukan, proses dan

keluaran dengan maksud yang sama untuk mencapai suatu tujuan dan dapat

digunakan untuk membantu pengambilan keputusan yang tepat (Whitten et al,

2004).

Berdasarkan beberapa pendapat yang dikemukakan dapat ditarik

kesimpulan bahwa sistem informasi merupakan kombinasi hardware, software,

brainware, jaringan komunikasi yang diorganisasikan untuk mencapai tujuan

spesifik dan dapat digunakan untuk membantu pengambilan keputusan yang tepat

dalam suatu organisasi.

14

2.4.1 Komponen Sistem Informasi

Komponen dasar sistem informasi dapat diklasifikasikan sebagai berikut

(Ladjamudin, 2005):

Gambar 2.1 Lima Komponen Sistem Informasi

1. Hardware dan Software yang berfungsi sebagai mesin.

2. People dan Procedure yang merupakan manusia dan tatacara menggunakan

mesin.

3. Data merupakan jembatan penghubung antara manusia dan mesin agar terjadi

suatu proses pengolahan data.

2.4.2 Kegiatan Sistem Informasi

Sistem informasi mengumpulkan, memproses, menyajikan, menganalisis

dan mendistribusikan informasi untuk tujuan tertentu. Seperti sistem lain, kegiatan

sistem informasi meliputi (Ladjamudin, 2005):

1. Input

Menggambarkan suatu kegiatan untuk menyediakan data untuk diproses.

2. Proses

Menggambarkan bagaimana suatu data diproses untuk menghasilkan suatu

informasi yang bernilai tambah.

15

3. Output

Suatu kegiatan untuk menghasilkan laporan dari proses tersebut.

4. Penyimpanan

Suatu kegiatan untuk memelihara dan menyimpan data.

5. Control

Suatu aktivitas untuk menjamin bahwa sistem informasi tersebut berjalan

sesuai dengan yang diharapkan.

2.5 CRM (Customer Relationship Management)

Kalakota dan Robinson (2001) mendefinisikan CRM sebagai integrasi dari

strategi penjualan, pemasaran dan pelayanan yang terkoordinasi. CRM

berkonsentrasi pada apa yang dinilai pelanggan, bukan pada apa yang perusahaan

ingin jual. Banyak kegagalan program loyalitas terjadi karena perusahaan tidak

mengetahui bagaimana pelanggan memperoleh manfaat dari program tersebut.

Pelanggan tidak ingin di perlakukan sama. Akan tetapi mereka ingin diperlakukan

secara individual. Maka tujuan CRM, yaitu:

1. Mengoptimalkan pelanggan yang sudah ada agar dapat lebih meningkatkan

pendapatan perusahaan. Menyiapkan informasi yang lengkap tentang

pelanggan untuk memaksimalkan hubungan pelanggan dengan perusahaan

melalui penjualan secara up-selling dan cross-selling sehingga pada saat yang

bersamaan dapat meningkatkan keuntungan dengan cara mengidentifikasikan,

menarik serta mempertahankan pelanggan yang paling bagus.

16

2. Menggunakan informasi yang terintegrasi untuk menghasilkan pelayanan

yang paling memuaskan. Dengan menggunakan informasi yang dibutuhkan

oleh pelanggan, kita dapat menghemat waktu pelanggan dan menghindari

pelanggan dari berbagai macam keluhan masalah. Sebagai contoh, pelanggan

seharusnya tidak perlu memberikan informasi yang berulang-ulang mengenai

dirinya di berbagai departemen, tetapi pelanggan tersebut akan lebih senang

jika ternyata telah dikenal dengan baik oleh perusahaan.

Teknologi CRM paling tidak harus memiliki elemen-elemen sebagai

berikut ini (Zuhdi dan Setiawan, 2006):

1. Aturan-aturan Bisnis

Tergantung dari kompleksitas transaksi, aturan-aturan bisnis harus dibuat

untuk memastikan bahwa transaksi dengan pelanggan dilakukan dengan

efisien.

2. Pergudangan Data

Konsolidasi dari informasi tentang pelanggan harus dilakukan dalam sistem

terpadu.

3. Situs

CRM harus memiliki kemampuan swalayan. Aplikasi berbasis situs bisa

mendukung ini.

4. Pelaporan (Reporting)

Teknologi CRM harus mampu menghasilkan laporan yang akurat.

17

5. Meja Bantu (Help Desk)

Teknologi yang mampu mengintegrasikan informasi pelanggan ke aplikasi

meja bantu akan menunjukkan ke pelanggan seberapa serius.

2.5.1 Konsep CRM dalam Islam

Islam merupakan sumber nilai dan etika dalam segala aspek kehidupan

manusia secara menyeluruh, termasuk dalam hal bisnis. Islam memiliki wawasan

yang komprehensif tentang bisnis. Islam membenarkan setiap kegiatan bisnis

sepanjang tidak menyakiti orang lain atau masyarakat secara keseluruhan bisnis

yang dilakukan harus bernilai amal ibadah mu’amalah, yaitu kegiatan bisnis yang

dilakukan dengan landasan dan pedoman atau peraturan Allah dalam Al-Qur’an

dan sunnah Nabi. Harapannya agar bisnis yang dikelola itu membawa manfaat

dan kemaslahatan yang positif bagi manusia sebagai bekal hidup dan kehidupan,

baik untuk hidup dan kehidupan di dunia maupun untuk hidup dan kehidupan di

akhirat (Agustianto, 2008).

Kegiatan muslim dalam dunia bisnis bukanlah suatu fenomena baru,

bahkan sejak zaman Rasulullah pun sudah terjadi. Al-Qur’an sebagai pedoman

yang memberikan petunjuk dan juga sebagai dasar berpijak dalam menghadapi

berbagai permasalahan hidup, baik dalam berhubungan dengan Allah, diri sendiri,

sesama manusia dan alam sekitar, termasuk dalam hal-hal yang berhubungan

dengan dunia bisnis (Aminuddin dan Suyono, 2002).

18

Al-Qur’an mendorong manusia untuk melakukan bisnis. Al-Qur’an

memberi petunjuk agar dalam bisnis tercipta hubungan yang harmonis, saling

ridha dan tidak ada unsur eksploitasi. Sebagaimana dalam firman Allah:

“Hai orang-orang yang beriman, janganlah kamu saling memakan harta

sesamamu dengan jalan yang batil, kecuali dengan jalan perniagaan yang

berlaku dengan suka sama-suka di antara kamu. Dan janganlah kamu membunuh

dirimu. Sesungguhnya Allah Maha Penyayang kepadamu.” (QS. An-Nisa: 29).

Nabi Muhammad telah menunjukkan bagaimana cara bisnis yang

berpegang teguh pada kebenaran, kejujuran dan sikap amanah, sekaligus bisa

tetap memperoleh keuntungan yang optimal. Sebagaimana dalam firman Allah:

“Sesungguhnya Allah menyuruh kamu menyampaikan amanat kepada yang

berhak menerimanya dan (menyuruh kamu) apabila menetapkan hukum di antara

manusia supaya kamu menetapkan dengan adil. Sesungguhnya Allah memberi

pengajaran yang sebaik-baiknya kepadamu. Sesungguhnya Allah adalah Maha

mendengar lagi Maha Melihat.” (Q.S. An-Nisa: 58).

19

Dalam ayat lain juga menyebutkan:

“Hai orang-orang yang beriman, janganlah kamu mengkhianati Allah dan Rasul

(Muhammad) dan (juga) janganlah kamu mengkhianati amanat-amanat yang

dipercayakan kepadamu, sedang kamu mengetahui.” (QS. Al-Anfal: 27).

Customer Relationship Management (CRM) berkonsentrasi pada apa yang

dinilai oleh pelanggan (what customer value). Perusahaan perlu melakukan

peningkatan value terhadap produk atau jasa yang dihasilkan, salah satunya

dengan memberikan services yang membuat pelanggan loyal sehingga dapat

tercapai hubungan dengan baik dengan pelanggan. Hal ini juga telah diterapkan

oleh Rosulullah sebagaimana tertuang di dalam hadist, Rasulullah SAW bersabda

صل رحم فى أثره فل أو نسأ ل رزق من سره أ ن بسط ل

“Barang siapa yang ingin dilapangkan rezekinya dan diakhirkan ajalnya

(dipanjangkan umurnya) maka hendaknya ia menyambung (tali) silaturahmi”

(HR. Bukhari).

Berdasarkan hadist tersebut dapat disimpulkan bahwa dengan menjaga tali

silaturrahmi dengan sesama, maka dapat dilapangkan rezekinya dan dapat

dipanjangkan umurnya. Begitupula dengan suatu perusahaan yang dapat menjaga

hubungan baik dengan pelanggannya, maka pelanggan tersebut menjadi

pelanggan yang loyal bagi perusahaan.

20

2.5.2 Kerangka CRM

Dari sudut pandang arsitektur, kerangka CRM secara keseluruhan dapat

diklasifikasikan ke dalam tiga komponen utama (Siswono et al, 2006), yaitu:

1. Operational CRM adalah pengelolaan secara otomatisasi dari proses bisnis

secara terintegrasi dan horisontal termasuk customer touch-points dan

integrasi front-back office.

2. Analitycal CRM adalah analisis data yang diperoleh dari operasional CRM

dengan memanfaatkan tools dan software untuk mendapatkan pemahaman

yang lebih baik tentang perilaku pelanggan.

3. Collaborative CRM adalah seperangkat aplikasi dari pelayanan kolaborasi

termasuk e-mail, e-communities, publikasi personal dan alat lainnya yang

sejenis yang dirancang untuk memfasilitasi interaksi antara para pelanggan

dengan perusahaan.

2.5.3 Manfaat CRM

Manfaat yang dapat diperoleh dari penerapan CRM (Tunggal dan Widjaja,

2008):

1. Mendorong Loyalitas Pelanggan

Aplikasi CRM memungkinkan perusahaan untuk mendaya-gunakan informasi

dari semua titik kontak dengan pelanggan, baik melalui web, call center

ataupun lewat staff pemasaran dan pelayanan di lapangan. Konsistensi dan

aspekbilitas informasi ini memungkinkan penjualan dan pelayanan yang lebih

baik dengan berbagai informasi penting mengenai pelanggan itu.

21

2. Mengurangi Biaya

Dengan kemampuan swalayan dalam penjualan dan pelayanan pelanggan, ada

biaya yang bisa dikurangi. Misalnya dengan memanfaatkan teknologi web.

Aplikasi CRM juga memungkinkan penjualan atau pelayanan dengan biaya

lebih murah dalam sebuah skema program pemasaran yang spesifik dan

terfokus. Tertuju ke pelanggan yang tepat dan pada waktu yang tepat pula.

3. Meningkatkan Efisiensi Operasional

Otomasi penjualan dan proses pelayanan dapat mengurangi resiko turunnya

kualitas pelayanan dan mengurangi beban cash flow. Penggunaan teknologi

web dan call center misalnya, akan mengurangi hambatan birokrasi dan biaya

serta proses administratif yang mungkin timbul.

4. Peningkatan time to market

Aplikasi CRM memungkinkan kita membawa produk ke pasar dengan lebih

cepat dengan informasi pelanggan yang lebih baik, adanya data tren pembelian

oleh pelanggan, sampai integrasi dengan ERP untuk keperluan perencanaan

yang lebih baik. Dengan kemampuan penjualan di web, maka hambatan

waktu, geografis, sampai ketersediaan sumber data dapat dikesampingkan

untuk mempercepat penjualan produk tersebut.

5. Peningkatan Pendapatan

Aplikasi CRM menyediakan informasi untuk meningkatkan pendapatan dan

keuntungan perusahaan. Dengan aplikasi CRM, kita dapat melakukan

penjualan dan pelayanan melalui website sehingga peluang dari penjualan

22

secara global tanpa perlu menyediakan upaya khusus untuk mendukung

penjualan dan pelayanan tersebut.

2.5.4 Jenis Aplikasi CRM

Aplikasi-aplikasi pada CRM (Turban, 2004):

1. Customer Facing Application

Aplikasi ini merupakan aplikasi yang berhubungan langsung dengan

konsumen, di mana sales, field service dan contact center berinteraksi

langsung dengan konsumen. Contoh: customer service, phone service.

2. Customer Touching Application

Aplikasi ini lebih baru, aplikasi ini berupa e-commerce, self service customer

support dan konsumen lebih berinteraksi lagi pada aplikasi elektronik.

Contoh: i-CRM.

3. Customer Centric Intelligence Application

Sebuah pendekatan bisnis untuk melakukan bisnis yang memastikan

perusahaan untuk menjaga dan meningkatkan hubungan dengan pelanggan

terbaik dan sebagai alat bantu perusahaan agar menjadi lebih customer centric,

yang membantu untuk lebih mengerti pelanggan, sehingga menjadi hubungan

yang lebih menguntungkan. Contoh: e-CRM.

23

2.5.5 Fase CRM

CRM terdiri dari tiga fase/tahapan yaitu (Kalakota dan Robinson, 2001):

1. Mendapatkan pelanggan baru (acquire)

Pelanggan baru diperoleh dengan cara mempromosikan produk atau layanan

yang terbaik. Nilai yang didapatkan pelanggan adalah penawaran produk

dengan kualitas terbaik yang didukung oleh pelayanan yang baik pula.

2. Meningkatkan hubungan dengan pelanggan yang telah ada (enhance)

Peningkatan hubungan dengan pelanggan diperoleh dengan cara melakukan

penerapan cross selling atau up selling pada tahap kedua dapat meningkatkan

pendapatan perusahaan dan mengurangi biaya untuk memperoleh pelanggan

(reduce cost).

3. Mempertahankan Pelanggan (retain)

Tahap ini merupakan usaha mendapatkan loyalitas pelanggan dengan

mendengarkan pelanggan dan berusaha memenuhi keinginan pelanggan.

2.6 i-CRM (Interactive Customer Relationship Management)

2.6.1 Pengertian i-CRM

I-CRM adalah sebuah usaha untuk mengelola hubungan antara perusahaan

dengan pelanggan untuk peningkatan loyalitas pengkonsumsian produk dan jasa

yang diproduksi oleh perusahaan dengan menggunakan internet sebagai

medianya. Melalui dunia internet, CRM memiliki kesempatan yang sangat besar

untuk diterapkan di dunia bisnis. Konsep CRM berbasis internet dikenal dengan

istilah i-CRM (Oetomo et al. 2003).

24

2.6.2 Konsep Dasar i-CRM

Konsep dasar i-CRM di awali dengan mengenal, mengetahui dan menggali

apa yang dibutuhkan (need) dan diharapkan (wish) dari pelayanan dari

perusahaan. Cara yang dapat ditempuh oleh perusahaan untuk menggali apa yang

dibutuhkan dan diharapkan oleh pelanggan adalah dengan cara membangun

komunikasi dengan pelanggan. Setelah perusahaan mendapat pengetahuan tentang

pelanggan, perusahaan dapat lebih mudah mewujudkan apa yang dibutuhkan dan

apa yang diharapkan oleh pelanggan. i-CRM membuat fokus pelanggan tidak lagi

hanya karena membutuhkan barang saja, namun karena merasa dirinya memiliki

hubungan kuat dengan perusahaan.

Pembangunan hubungan terkait dengan semangat dan keinginan untuk

membangun sesuatu yang bersifat membangun dan berkelanjutan. Hubungan ini

letaknya jauh lebih tinggi bahkan berbeda dengan jual beli. Kalau jual beli hanya

sebatas sampai sebatas selesainya transaksi sedangkan hubungan setelah transaksi

selesai, hubungan masih terus berlanjut.

Gambar 2.2 Konsep Dasar i-CRM

25

Konsep Dasar i-CRM menurut Oetomo et al. (2003) pada Gambar 2.2

menjelaskan tentang pemasaran yang sudah berbasis pelanggan. Pelanggan

dikelilingi oleh berbagai departemen yaitu pemasaran, penjualan, penyiapan dan

layanan pelanggan dari mulai sebelum terjadi penjualan (pre penjualan) hingga

setelah terjadi penjualan (pasca penjualan) dan tampak pada gambar, pelanggan

sebagai fokus dari jajaran genjang, sehingga pelanggan merasa lebih diperhatikan.

Hal ini terjadi karena ada aktivasi personalisasi, di mana mereka yang

berinteraksi akan selalu ingat, karena adanya pengalaman saat mereka berada

di perusahaan. Sentuhan awal i-CRM terjadi apabila pelanggan berhasil

merasakan pengalaman menarik baik mulai dari pre sale hingga post sale,

sehingga mereka akan melakukan pembelian kembali atas barang atau jasa yang

ditawarkan perusahaan.

Untuk mengenal atau mengetahui apa yang dibutuhkan, perusahaan harus

memiliki catatan dengan pelanggannya. Selain informasi tentang produk yang

dimiliki beserta produk record-nya, bisa digali juga informasi lain seperti

pekerjaan, posisi di perusahaan tempat ia bekerja, hobi, makanan favorit, jenis

buku yang disukai dan lain-lain. Hal ini sangat bermanfaat jika seorang pelanggan

yang datang ke perusahaan maka sentuhan personal dapat dilakukan. Ini dapat

memberikan efek yang membahagiakan bagi pelanggan. Informasi tersebut juga

dipergunakan perusahaan untuk membangun relasi.

Hal ini menjadi sangat menarik, karena fokus pelanggan datang ke

perusahaan tidak lagi hanya karena ia membutuhkan barang saja, tetapi karena

merasa dirinya memiliki relasi yang kuat dengan perusahaan. Perusahaan yang

26

tidak mau mempelajari pelanggannya atau untuk membangun relasi dengan

pelanggannya, akan mengalami kegagalan dalam membangun relasi dengan

pelanggannya. Hal ini bisa menjadi faktor kekalahan bersaing dengan perusahaan

lain.

2.6.3 Faktor Keberhasilan i-CRM

Salah satu penyebab kegagalan usaha i-CRM adalah karena tidak

ditunjang oleh produk atau pelayanan yang berkualitas. Kegagalan suatu produk

atau pelayanan disebabkan ketidakmampuan perusahaan mengartikan apa yang

diinginkan pelanggan terhadap produk atau pelayanan, terutama pada produk jasa.

Faktor keberhasilan i-CRM adalah:

1. Memperjelas model strategi atau bisnis

2. Memperjelas mandat untuk penerapan i-CRM

3. Menjalin komunikasi untuk jangka panjang

4. Menganalisis perilaku pelanggan

5. Mengelola pengetahuan pelanggan dengan benar

6. Siap untuk menghadapi perubahan yang dinamis

2.7 Metode Pengembangan Sistem


adalah menggunakan metode Object Oriented dengan model pengembangan

RAD.

27

2.7.1 Object Oriented

Berikut ini adalah beberapa penjelasan mengenai Object Oriented

(Whitten et al, 2004), yaitu:

1. Object Oriented Analysis (OOA) adalah sebuah teknik yang mengintegrasikan

data dan proses kedalam konstruksi yang disebut object. Pendekatan ini

digunakan untuk mempelajari objek yang sudah ada untuk mengetahui apakah

mereka dapat digunakan kembali atau diadaptasi untuk pemakaian baru dan

untuk menentukan satu objek baru atau yang dimodifikasi yang akan digabung

dengan objek yang sudah ada ke dalam suatu aplikasi komputasi bisnis yang

sangat berharga.

2. Model-model OOA (Object Oriented Analysis) adalah gambar-gambar yang

mengilustrasikan objek-objek sistem dari berbagai macam perspektif, seperti

struktur, kelakuan dan interaksi objek-objek.

3. Object Oriented Design (OOD) merupakan proses spesifikasi yang terperinci

dari kebutuhan-kebutuhan fungsional dan persiapan untuk rancang bangun

implementasi yang menggambarkan bagaimana suatu sistem dibentuk.

Perancangan berorientasi objek ini digunakan untuk memperbaiki definisi

persyaratan objek yang telah diidentifikasi lebih awal selama analisis dan

untuk mengenali objek dengan desain spesifik.

Untuk mendapatkan spesifikasi perangkat lunak yang diharapkan dengan

keinginan dan kebutuhan pengguna, para pengembang melakukan pemodelan

secara visual. Pemodelan visual adalah proses penggambaran informasi-informasi

secara grafis dengan notasi-notasi buku yang telah disepakati sebelumnya demi

28

suatu alasan yaitu komunikasi. Dengan notasi yang bersifat baku, komunikasi

yang baik akan terjalin dengan mudah antar anggota tim pengembang sistem atau

perangkat lunak dan antara tim pengembang dengan pengguna (user) (Nugroho,

2005).

2.7.2 RAD (Rapid Application Development)

Menurut Kendall dan Kendall (2008) RAD merupakan salah satu metode

prototyping yang memiliki tahapan-tahapan berikut:

(1) Perencanaan Syarat (Requirements Planning)

Dalam fase ini akan diketahui apa saja yang menjadi kebutuhan sistem yaitu

dengan mengidentifikasi kebutuhan informasi dan masalah yang dihadapi

untuk menentukan tujuan, batasan-batasan sistem, kendala dan juga alternatif

pemecahan masalah. Analisis digunakan untuk mengetahui perilaku sistem

dan juga untuk mengetahui aktivitas apa saja yang ada dalam sistem tersebut.

(2) Proses Desain (Workshop Design)

Fase ini adalah fase untuk merancang dan memperbaiki yang dapat

digambarkan sebagai workshop. Selama workshop design RAD, pengguna

merespon working prototype yang ada dan menganalisis, memperbaiki modul-

modul yang dirancang menggunakan perangkat lunak berdasarkan respon

pengguna.

(3) Penerapan (Implementation)

Analyst bekerja secara intens dengan pengguna selama workshop design untuk

merancang aspek-aspek bisnis dan non-teknis dari perusahaan. Segera setelah

29

aspek-aspek ini disetujui dan sistem dibangun, sub-sub sistem di ujicoba dan

diperkenalkan kepada perusahaan.

2.8 UML (Unified Modelling Language)

UML adalah salah satu alat bantu yang sangat handal di dunia

pengembangan sistem yang berorientasi objek. Hal ini dikarenakan UML

menyediakan bahasa pemodelan visual yang memungkinkan bagi pengembang

sistem untuk membuat cetak biru atas visi mereka dalam bentuk yang baku,

mudah dimengerti serta dilengkapi dengan mekanisme yang efektif untuk berbagi

(sharing) dan mengkomunikasikan rancangan mereka dengan yang lain

(Munawar, 2005).

2.8.1 Sejarah UML

UML pertama kali diperkenalkan pada tahun 1990-an ketika Grady Booch

dan Ivar Jacobson dan James Rumbaugh mulai mengadopsi ide-ide serta

kemampuan-kemampuan tambahan dari masing-masing metodenya dan berusaha

membuat metodologi terpadu yang kemudian dinamakan Unified Modelling

Language (UML). UML merupakan metode pengembangan perangkat lunak

(sistem informasi) dengan metode grafis yang mudah dipahami (Nugroho, 2005).

Notasi UML dibuat sebagai kolaborasi dari Grady Booch, DR. James

Rumbaugh, Ivar Jacobson, Rebecca Wirfs-Brock, Peter Yourdon dan lainnya.

Jacobson menulis tentang pendefinisian persyaratan-persyaratan sistem yang

disebut use case (Sholiq, 2006).

30

2.8.2 Tujuan UML

Menurut Suhendar dan Gunadi (2002) tujuan utama UML di antaranya

adalah untuk:

1. Memberikan model yang siap pakai, bahasa pemodelan visual yang ekspresif

untuk mengembangkan dan saling menukar model dengan mudah dan

dimengerti secara umum.

2. Memberikan bahasa pemodelan yang bebas dari berbagai bahasa pemograman

dan proses rekayasa.

3. Menyatukan praktek-praktek terbaik yang terdapat dalam pemodelan.

2.8.3 Diagram dalam UML

Ada beberapa jenis diagram resmi yang digunakan dalam UML untuk

menggambarkan sebuah sistem berdasarkan objeknya (Soliq, 2006), yaitu:

1. Use case Diagram, menggambarkan sekumpulan use case dan actor dan

hubungan antara mereka. Use case diagram mempunyai peranan penting

dalam pengorganisasian dan pemodelan behavior dari sistem.

Gambar 2.3 Use case Diagram

31

2. Sequence Diagram, diagram interaksi yang menekankan pada urutan waktu

dari pertukaran message.

Gambar 2.4 Sequence Diagram

3. Class Diagram terdiri atas sekumpulan class dan interface lengkap dengan

kolaborasi dan hubungan antara mereka. Pada class diagram, terdapat

simbol-simbol:

a. Simbol ‘+’ untuk menandakan public

b. Simbol ‘-‘ untuk menandakan private

c. Simbol ‘#’ untuk menandakan protected

Gambar 2.5 Class Diagram

32

4. Statechart Diagram, gambaran dari perubahan keadaan (state) suatu objek.

Gambar 2.6 Statechart Diagram

5. Activity Diagram, menggambarkan berbagai alir aktivitas dalam sistem yang

sedang dirancang.

Gambar 2.7 Activity Diagram

33

2.9 Database dan DBMS

2.9.1 Database

Definisi basis data dari beberapa ahli basis data adalah sebagai berikut

(Ladjamudin, 2005):

1. Database adalah sekumpulan data store (bisa dalam jumlah yang sangat

besar) yang tersimpan dalam magnetic disk, optical disk, magnetic drum atau

media penyimpanan sekunder lainnya.

2. Database adalah sekumpulan program-program aplikasi umum yang bersifat

“batch” yang mengeksekusi dan memproses data secara umum (seperti

pencarian, penambahan dan penghapusan terhadap data).

3. Database terdiri atas data yang akan digunakan atau diperuntukkan terhadap

banyak “user”, di mana masing-masing “user” (baik menggunakan teknik

pemrosesan yang bersifat batch atau on-line) akan menggunakan data tersebut

sesuai dengan data dan fungsinya dan “user” lain dapat juga menggunakan

data tersebut dalam waktu yang bersamaan.

4. Database adalah koleksi terpadu dari data-data yang saling berkaitan dari

suatu enterprise (perusahaan, instansi pemerintah atau swasta)

Database sering didefinisikan sebagai kumpulan data yang terkait. Secara

teknis, yang berada dalam sebuah database adalah sekumpulan tabel atau objek

lain (indeks, view dan lain-lain) yang berisi sejumlah baris dan kolom. Tujuan

utama pembuatan database adalah untuk memudahkan dalam mengakses data.

Data dapat ditambahkan, diubah, dihapus atau dibaca dengan relatif mudah dan

cepat. Saat ini tersedia banyak perangkat lunak yang ditujukan untuk mengelola

34

database. Perangkat lunak seperti itu biasa dinamakan DBMS (Database

Management System). MySQL merupakan segelintir contoh produk pengelola

database.

2.9.2 Keuntungan Database

Keuntungan Database (Simarmata dan Paryudi, 2006):

1. Mampu berbagi data yang sama pada banyak aplikasi dan sistem.

2. Dapat membangun super database yang terdiri atas semua item data yang

diperlukan oleh sebuah organisasi.

3. Penyimpanan data dalam format yang fleksibel karena database didefinisikan

secara terpisah dari sistem informasi dan program-program aplikasi yang akan

menggunakan database.

4. Secara teoritis, database memperbolehkan kita untuk menggunakan data

dengan cara tidak seperti yang telah ditentukan oleh pengguna akhir.

5. Data independent dari aplikasi akan meningkatkan adaptibilitas dan

fleksibilitas.

6. Teknologi database menyediakan skalabilitas superior, dalam arti database

dan sistem yang menggunakan dapat ditingkatkan atau dikembangkan untuk

menemukan kebutuhan-kebutuhan perubahan pada sebuah organisasi.

7. Kemampuan untuk sharing data antar aplikasi

8. Redudansi lebih sedikit dan terkontrol.

35

2.9.3 Database Management System (DBMS)

DBMS merupakan koleksi terpadu dari database dan program-program

komputer (utilitas) yang digunakan untuk mengakses dan memelihara database.

Program-program tersebut menyediakan berbagai fasilitas operasi untuk

memasukkan, melacak dan memodifikasi data ke dalam database, mendefinisikan

data baru serta mengolah data menjadi informasi yang dibutuhkan (DBMS =

Database + Program Utilitas) (Ladjamudin, 2005).

2.9.4 Keuntungan DBMS

DBMS memungkinkan perusahaan maupun individu untuk (Simarmata

dan Prayudi, 2006):

1. Mengurangi pengulangan data

Apabila dibandingkan dengan file-file komputer yang disimpan terpisah di

setiap aplikasi komputer, DBMS mengurangi jumlah total file dengan

menghapus data terduplikasi di berbagai file. Data terduplikasi selebihnya

dapat ditempatkan dalam satu file.

2. Mencapai independensi data

Spesifikasi data disimpan dalam skema pada tiap program aplikasi. Perubahan

dapat dibuat pada struktur data tanpa mempengaruhi program yang mengakses

data.

36

3. Mengintegrasikan data beberapa file

Saat file dibentuk sehingga menyediakan kaitan logis, maka organisasi fisik

bukan merupakan kendala. Organisasi logis, pandangan pengguna dan

program aplikasi tidak harus tercermin pada media penyimpanan data.

4. Mengambil data dan informasi dengan cepat

Hubungan-hubungan logis, bahasa manipulasi data, serta bahasa query

memungkinkan pengguna mengambil data dalam hitungan detik atau menit.

5. Meningkatkan Keamanan

DBMS mainframe maupun komputer mikro dapat menyertakan beberapa lapis

keamanan seperti kata sandi (password), direktori pemakai dan bahasa sandi

(encryption) sehingga data yang dikelola akan lebih aman.

2.10 Pengujian Black-box

Menurut Pressman (2002) pengujian Black-box merupakan pengujian yang

memungkinkan perekayasa perangkat lunak mendapatkan serangkaian kondisi

input yang sepenuhnya menggunakan semua persyaratan fungsional untuk suatu

program. Pengujian Black-box juga merupakan pendekatan komplementer yang

kemungkinan besar mampu mengungkapkan kelas kesalahan daripada metode

White-box. Pengujian Black-box berusaha menemukan kesalahan dalam kategori

sebagai berikut:

1. Fungsi-fungsi yang tidak benar atau hilang.

2. Kesalahan interface.

3. Kesalahan dalam struktur data atau akses database eksternal.

37

4. Kesalahan kinerja.

5. Inisiasi dan kesalahan informasi.

2.11 Tools Pembuatan Aplikasi

2.11.1 XAMPP

XAMPP merupakan paket aplikasi yang memudahkan dalam meng-install

modul PHP, Apache dan MySQL. Selain itu XAMPP dilengkapi oleh berbagai

fasilitas lain yang akan memberikan kemudahan dalam mengembangkan situs web

berbasis PHP. XAMPP merupakan aplikasi gratis dan tersedia untuk platform

Linux, Windows, MacOS dan Solaris. Aplikasi ini dikembangkan oleh Kay

Vogelgeang, Carsten Wiedmann dan Kai ’Oswand’ Saidler di bawah lisensi GNU

(General Public Lisence). Aplikasi ini dapat diperoleh pada situs

http://apachefriends.org (Wibowo, 2007). Gambar 2.8 adalah tampilan dari

konfigurasi XAMPP.

Gambar 2.8 Tampilan Konfigurasi XAMPP

38

2.11.2 PHP

PHP (Personal Home Page/PHP Hypertext Preprocessor) merupakan

bahasa berbentuk skrip yang ditempatkan dalam server dan diproses di server.

Secara khusus PHP dirancang untuk membentuk web dinamis. Artinya, PHP dapat

membentuk suatu tampilan berdasarkan permintaan terkini. Pada prinsipnya PHP

mempunyai fungsi yang sama dengan skrip-skrip seperti ASP, Cold Fusion

ataupun Perl.

Kelahiran PHP bermula saat Ramus Lerdorf membuat sejumlah skrip Perl

yang dapat mengamati siapa saja yang melihat-lihat daftar riwayat hidupnya,

yakni pada tahun 1994. Skrip-skrip ini selanjutnya dikemas menjadi tool yang

disebut ”Personal Home Page”. Paket inilah yang menjadi cikal bakal PHP. Yang

menarik dari kode PHP adalah juga bisa berkomunikasi dengan database dan

melakukan perhitungan-perhitungan yang kompleks (Kadir, 2003).

Skrip PHP berkedudukan sebagai tag dalam bahasa HTML. Sebagaimana

diketahui, HTML adalah bahasa standar untuk membuat halaman-halaman web.

Kode berikut adalah contoh kode PHP yang berada di dalam kode HTML:

<HTML>

<HEAD>

<TITLE>Latihan Pertama</TITLE>

</HEAD>

<BODY>

Selamat Belajar PHP. <BR>

<?php

39

printf ("Tgl. Sekarang: %s ", Date ("d F Y"));

?>

</BODY>

</HTML>

Hasil dari kode PHP tersebut diperlihatkan pada Gambar 2.9.

Gambar 2.9 Tampilan Kode PHP pada browser

2.11.3 Apache

Apache adalah sebuah nama web server yang bertanggung jawab pada

request-response HTTP dan logging informasi secara detail (kegunaan dasarnya).

Selain itu Apache juga diartikan sebagai suatu web server yang kompak, modular,

mengikuti standar protokol HTTP dan tentu saja sangat digemari. Kesimpulan ini

bisa didapatkan dari jumlah pengguna yang jauh melebihi para pesaingnya. Sesuai

hasil survei yang dilakukan oleh Netcraft, bulan Januari 2005 saja jumlahnya

tidak kurang dari 68% pangsa web server yang berjalan di internet. Ini berarti jika

semua web server selain Apache digabung, masih belum bisa mengalahkan

jumlah Apache. Saat ini ada dua versi Apache yang bisa dipakai untuk server

40

produksi, yaitu versi mayor 2.0 dan versi mayor 1.3. Apache merupakan web

server yang paling banyak digunakan saat ini. Hal ini disebabkan oleh beberapa

sebab, di antaranya adalah karena sifatnya yang opensource dan mudahnya

mengkostumisasikannya, di antaranya dengan menambahkan support secure

protocol melalui SSL dan konektifitasnya dengan database server melalui bahasa

scripting PHP (Ajid, 2008).

Apache merupakan web server yang paling banyak dipergunakan di

internet. Program ini pertama kali didesain untuk sistem operasi lingkungan

UNIX. Namun demikian, pada beberapa versi berikutnya Apache mengeluarkan

programnya yang dapat dijalankan di Windows NT. Berdasarkan sejarahnya,

Apache dimulai oleh veteran developer NCSA httpd (National Center for

Supercomputing Application). Saat itu pengembangan NCSA httpd sebagai web

server mengalami stagnasi. ROB MC COOL meninggalkan NCSA dan memulai

sebuah proyek baru bersama para webmaster lainnya, menambal bug dan

menambahkan fitur pada NCSA httpd. Mereka mengembangkan program ini

lewat mailing list. Dengan berpijak pada NCSA httpd versi 1.3, team Apache

mengeluarkan rilis pertama kali secara resmi Apache versi 0.6.2 (Nuari, 2008).

Beberapa fasilitas yang dimiliki Apache (Dammar, 2010), antara lain:

1. Apache web server dalam merespon client sangat cepat jauh melebihi server

NCSA.

2. Mampu dikompilasi sesuai dengan spesifikasi HTTP yang sekarang.

3. Server Apache dapat otomatis berkomunikasi dengan client browser nya

untuk menampilkan dengan tampilan yang terbaik pada client browser nya.

41

Misalnya browser ingin menampilkan dalam bahasa spanyol maka Apache

web server otomatis mencari dalam servisnya halaman-halaman dengan

bahasa spanyol.

4. Web server Apache secara otomatis menjalankan file index html, halaman

utamanya untuk ditampilkan secara otomatis pada client nya.

5. Web server Apache mempunyai level-level pengamanan.

6. Apache mempunyai komponen dasar terbanyak dibandingkan dengan web

server lain.

7. Mendukung transaksi yang aman (secure transaction) dengan menggunakan

SSL (Secure Socket Layer).

8. Mempunyai dukungan teknis melalui web.

2.11.4 MySQL

MySQL (baca: mai-se-kyu-el) adalah software yang tergolong sebagai

database server yang sangat terkenal. Kepopulerannya disebabkan MySQL

menggunakan SQL sebagai dasar untuk mengakses database-nya. Hal menarik

lainnya adalah MySQL juga bersifat multiplatform (dapat dijalankan pada

berbagai sistem operasi). MySQL juga termasuk jenis RDBMS (Relational

Database Management System). Itulah sebabnya istilah seperti tabel, baris dan

kolom digunakan pada MySQL (Kadir, 2003).

42

2.11.5 Macromedia Dreamweaver

Macromedia Dreamweaver (sebagaimana digambarkan pada Gambar 2.10)

adalah sebuah web editor professional yang digunakan untuk mendesain dan

mengelola situs web atau halaman web (Herlambang, 2005). Macromedia

Dreamweaver yang paling sering digunakan oleh web designer atau web

programmer dalam mengembangkan suatu situs web. Hal ini disebabkan area

kerja, fasilitas dan kemampuan Dreamweaver yang makin powerfull dan

menunjang peningkatan produktifitas dan efektifitas untuk mendesain atau

membangun situs web. Dreamweaver juga dilengkapi dengan fasilitas untuk

manajemen situs yan cukup lengkap. Pembahasan mencakup:

1. Mendesain halaman web.

2. Bekerja dengan teks.

3. Menggunakan CSS.

4. Bekerja dengan gambar.

5. Bekerja dengan frame.

6. Bekerja dengan form.

7. Bekerja dengan media lain-lain.

43

Insert Bar Document Toolbar Document Window Panel Group

Tag Selector Property Inspector Site Panel

Gambar 2.10 Tampilan Macromedia Dreamweaver

44

BAB III

METODE PENELITIAN

3.1 Metode Pengumpulan Data

Pengumpulan data dilakukan untuk memperoleh informasi yang

dibutuhkan dalam rangka mencapai tujuan penelitian. Dalam penelitian ini

peneliti menggunakan dua cara untuk mengumpulkan data, yaitu: studi lapangan

dan studi literatur.

3.1.1 Studi Lapangan

3.1.1.1 Observasi/Observation

Observasi merupakan teknik mendapatkan data primer dengan cara

mengamati langsung objek datanya. Kegiatan ini dilakukan oleh peneliti dengan

pemimpin perusahaan beserta karyawan yang nantinya akan terlibat dalam

pengoperasian i-CRM ini.

Kegiatan ini dilakukan pada bulan 11 Januari hingga 25 Februari 2011 di

PT. Meda Cipta Hutama dan dalam rangka untuk pengumpulan data yang akan

digunakan pada rancang bangun i-CRM.

Kegiatan ini dilakukan dengan cara sebagai berikut:

1. Pengamatan digunakan untuk penelitian dan telah direncanakan secara

sistematik dengan mendapatkan hasil tentang sistem yang berjalan di

perusahaan dan mendapat penjelasan tentang keinginan perusahaan untuk

meningkatkan kepuasan pelanggan.

45

2. Pengamatan harus berkaitan dengan tujuan penelitian yang telah

direncanakan. Hasil dari pengamatan yang sesuai dengan salah satu tujuan

penelitian yaitu mengidentifikasi permasalahan terkait dengan kebutuhan

informasi pelanggan yang menginginkan informasi tentang company profile

perusahaan yang sulit didapat karena masih manual, manual artinya masih

disebarkan ke pelanggan secara langsung dalam bentuk hardcopy. Selain itu

pelanggan sulit apabila ingin melihat progres proyek ter-update dari proyek

yang ditangani perusahaan karena harus datang ke lokasi proyek. Pelanggan

juga membutuhkan informasi mengenai berita terbaru dari perusahaan.

3. Pengamatan tersebut dicatat secara sistematis dan dihubungkan dengan

proporsi umum dan bukan dipaparkan sebagai suatu set yang menarik

perhatian saja.

Penggunaan Observasi mempunyai beberapa keuntungan:

1. Terdapat kemungkinan untuk mencatat hal, perilaku, perkembangan sewaktu

kejadian berlangsung. Dengan demikian data tentang perilaku yang tipikal

dan objek dapat dicatat segera dan tidak tergantung ingatan orang lain.

2. Dapat memperoleh data dari subjek baik yang tidak dapat berkomunikasi

secara verbal ataupun tidak mau berkomunikasi secara verbal.

3.1.1.2 Wawancara/Interview

Wawancara dilakukan pada tanggal 10 Januari 2010 dan 15 Januari 2011,

dalam hal ini peneliti mewawancarai Managing Director Perusahaan yaitu Bapak

Gatot Susilo. Hasil wawancara pertama mengenai sistem yang berjalan di PT.

46

Meda Cipta Hutama dan rencana pembangunan i-CRM dan hasil wawancara

kedua mengenai prototype i-CRM yang telah dibuat dan rencana perbaikan dan

penyempurnaan i-CRM (Wawancara selengkapnya dapat dilihat di Lampiran 1

dan Lampiran 2) .

3.1.1.3 Kuesioner/Questionnairre

Kuesioner dibagikan kepada sepuluh perusahaan lain (client) dan lima

admin PT. Meda Cipta Hutama dan dilakukan selama dua kali yaitu pada tanggal

1 Febuari 2011 dan 8 Juni 2011. Hasil yang pertama bahwa pada dasarnya

responden menyetujui dan mendukung diadakannya sistem tersebut agar

pelanggan dapat melakukan purchase order proyek dengan lebih mudah dan

informasi menjadi semakin cepat diterima. Hasil yang kedua adalah data statistik

mengenai tingkat kepuasan terhadap aplikasi i-CRM. (Hasil kuesioner

selengkapnya dapat dilihat di Lampiran 4).

3.1.2 Studi Literatur

Untuk mengumpulkan data, peneliti melakukan studi pustaka tentang i-

CRM, dengan cara membaca dan mencari literatur baik berupa buku, jurnal dan

skripsi sejenis. Dua puluh tiga buku yang digunakan sebagai kutipan teori-teori

yang berkaitan dengan penelitian, dua belas jurnal CRM yang dicantumkan pada

latar belakang yang digunakan untuk membantu penyusunan skripsi dan

melakukan analisis pembanding dengan penelitian sebelumnya pernah dilakukan

terkait dengan sistem i-CRM pada bidang jasa atau pelayanan pelanggan.

47

Beberapa buku yang berkaitan dengan penelitian, antara lain “I-CRM

membina relasi dengan pelanggan dot com” digunakan peneliti untuk analisis

konsep sistem i-CRM, kemudian “Systems Analysis Design Methods Sixth

edition” digunakan sebagai landasan teori metode pengumpulan data dan

penjelasan mengenai metode pengembangan sistem berorientasi objek, selain itu

“Dasar Pemrograman Web Dinamis Menggunakan PHP” digunakan sebagai

landasan teori PHP dan MySql dan buku lainnya (dapat dilihat pada Bab II dan

Daftar Pustaka).

Literatur berupa jurnal yang berkaitan dengan penelitian telah

dicantumkan pada latar belakang, poin yang dibahas yaitu penjelasan mengenai

pentingnya kualitas service untuk pemenuhan kebutuhan dan keinginan

pelanggan, peneliti juga membahas beberapa penelitian CRM lain pada bidang

jasa, selain itu penelitian CRM lain guna meningkatkan kepuasan dan loyalitas

pelanggan, penelitian lain yang menggunakan model RAD dan digunakan secara

online dan konsep i-CRM dengan memfokuskan pemasaran yang berbasis

pelanggan. Dengan literatur tersebut dapat membantu peneliti dalam merancang

dan membangun sebuah aplikasi i-CRM pada perusahaan jasa dengan

menggunakan metode berorientasi objek dengan model pengembangan RAD serta

pembangunan aplikasi yang berbasiskan web PHP dengan menggunakan database

MySql. Pengumpulan data pada penelitian ini adalah dari internet dan

perpustakaan.

Literatur yang diperoleh dari sumber lain seperti skripsi sistem informasi.

Data tersebut digambarkan dalam Tabel 3.1.

48

Tabel 3.1 Penelitian Terdahulu

Judul dan Pengarang

Metode Tools Fiture system Hasil

Customer Care Berbasis Interactive Customer Relationship Management (i-CRM) untuk Meningkatkan Pelayanan Kesehatan yang Efektif pada Rumah Sakit Medika Permata Hijau (RSMPH) oleh Chafni Chairunnisa (2010), Jurusan Sistem Informasi, Universitas Islam Negeri Syarif Hidayatullah.

Pengembangan sistem informasi dengan metode Object Oriented dan model pengembangan Waterfall (Whitten et al. 2004): 1. Permulaan

Sistem 2. Analisis

Sistem 3. Desain

Sistem 4. Implementasi

Sistem

Notasi UML, terdiri dari Use case Diagram, Class Diagram, Statechart Diagram, Activity Diagram dan Sequence Diagram.

Fasilitas, tentang RSMPH, Ruang Praktek, Pasien, Kamar Rawat Inap, Denah, Biodata Dokter, Jadwal Dokter, Spesialis Dokter, Dokter, Berita, Tarif, Bantuan, Kritik & Saran, Registrasi, Booking Kamar, Daftar Berobat Jalan dan Daftar Booking.

Aplikasi Customer Care berbasis Interactive Customer Relationship Management (i-CRM) yang membantu pelayanan di rumah sakit tersebut.

Analisis dan Perancangan Interactive Customer Relationship Management (i-CRM) Berbasiskan Web pada PT. Alfadori Sejati oleh Ramly Yusuf (2009), Jurusan Sistem Informasi, Bina Nusantara.

Tidak ada metode pengembangan sistem informasi yang digunakan

Notasi UML, terdiri dari Class Diagram, Use Case Diagram, Navigator Diagram dan Sequence Diagram

Product Profile, Home & Company Profile, Service & Maintenance, Follow Up, Registrasi Product, Event, History Transaksi, Service Desk, Link Download Driver dan Messege

Website i-CRM di PT. Alfadori Sejati

49

3.2 Metode Pengembangan Sistem


adalah menggunakan metode berorientasi objek dengan model pengembangan

RAD (Rapid Application Development) yang memiliki tahapan-tahapan berikut

(Kendall dan Kendall, 2008):

1. Perencanaan Syarat (Requirements Planning)

Dalam fase ini akan diketahui apa saja yang menjadi kebutuhan sistem

yaitu dengan mengidentifikasi masalah yang dihadapi untuk menentukan tujuan,

batasan-batasan sistem, kendala dan juga alternatif pemecahan masalah. Analisis

digunakan untuk mengetahui perilaku sistem dan juga untuk mengetahui aktivitas

apa saja yang ada dalam sistem tersebut. Pada tahap ini digunakan rich pictures

untuk menganilisis sistem yang ada dalam perusahaan dan analisis sistem yang

akan diusulkan, selain itu peneliti menganalisis CRM dengan menggunakan

analisis fase CRM, menganalisis kebutuhan sistem dan melakukan analisis

pembanding.

2. Proses Desain (Workshop Design)

Fase ini adalah fase untuk merancang dan memperbaiki yang dapat

digambarkan sebagai workshop. Selama workshop design RAD, pengguna

merespon working prototype yang ada dan menganalisis, memperbaiki modul-

modul yang dirancang menggunakan perangkat lunak berdasarkan respon

pengguna. Pada fase workshop design dibuat beberapa perancangan yaitu, konsep

i-CRM, perancangan sistem (system design), perancangan database (database

design) dan perancangan prototipe (prototype design). Konsep i-CRM digunakan

50

sebagai solusi dari analisis sistem. Berikut ini merupakan tahapan dalam membuat

perancangan sistem (system design), yaitu:

a. Membuat Use case Diagram

Peneliti menjelaskan system requirements dan memahami sistem yang

berjalan.

b. Membuat Use case Narrative

Peneliti mendeskripsikan use case yang telah dibuat pada tahap pertama.

c. Membuat Sequence Diagram

Peneliti menjelaskan interaksi objek yang disusun dalam suatu urutan waktu.

Peneliti memperlihatkan tahap demi tahap apa yang seharusnya terjadi untuk

menghasilkan sesuatu di dalam use case.

d. Membuat Class Diagram

Peneliti memvisualisasikan struktur kelas-kelas dari suatu sistem dan

memperlihatkan hubungan antar kelas dan penjelasan detail.

e. Membuat Statechart Diagram

Peneliti membuat gambaran dari perubahan keadaan (state) suatu objek.

f. Membuat Activity Diagram

Peneliti membuat sebuah alur kerja dari suatu aktivitas ke aktivitas lainnya.

Tahap ini sangat berguna ketika kita ingin menggambarkan perilaku paralel

atau menjelaskan bagaimana perilaku dalam berbagai use case berinteraksi

51

3. Penerapan (Implementation)

Setelah desain dari sistem yang dibuat disetujui baik oleh pimpinan PT.

Meda Cipta Hutama dan analyst, maka sistem akan dibangun. Sistem

diimplementasikan ke dalam bentuk yang dimengerti oleh mesin yang diwujudkan

dalam bentuk program atau unit program. Software yang digunakan adalah

XAMPP yang meliputi: Apache sebagai web server, PHP sebagai bahasa

pemrograman dan MySQL sebagai database-nya. Selain itu menggunakan

Macromedia Dreamweaver sebagai software editor. Setelah sistem selesai baik itu

sebagian maupun secara keseluruhan maka dilakukan proses pengujian terhadap

sistem tersebut apakah terdapat kesalahan atau tidak sebelum diaplikasikan pada

suatu organisasi. Pada saat ini user dapat memberikan tanggapan terhadap

pengembangan modul yang sudah dibuat serta persetujuan mengenai kebutuhan

sistem tersebut. Menurut hasil kuesioner, 73,33% user mengatakan informasi

yang diberikan aplikasi i-CRM sudah memadai, 40% user yang mengatakan

bahwa cara penggunaan aplikasi i-CRM ini sangat mudah, 100% user mengatakan

bahwa dengan adanya aplikasi i-CRM ini dapat meningkatkan kualitas dan

kuantitas layanan di PT. Meda Cipta Hutama dan 100% user setuju apabila

aplikasi i-CRM diterapkan pada PT. Meda Cipta Hutama. Selain itu keterlibatan

pimpinan sangat diperlukan supaya sistem yang dikembangkan dapat memberikan

kepuasan pimpinan (Hasil kuesioner selengkapnya dapat dilihat di Lampiran 4).

52

3.3 Metode Analisis CRM berdasarkan Fase CRM

Menurut Kalakota dan Robinson (2001) Gambar 3.1 adalah arsitektur

sistem berbasiskan CRM yang merupakan perubahan fokus sistem aplikasi yang

mulanya berfokus pada proses penjualan, pemasaran atau fungsi internal lainnya,

berubah menjadi aplikasi yang berorientasi pada pelanggan.

Metode analisis CRM ini digunakan untuk identifikasi pengembangan

penerapan strategi CRM dengan melakukan analisis fase CRM yang terdiri dari

fase acquire (mendapatkan pelanggan baru), fase enhance (meningkatkan

hubungan dengan pelanggan yang telah ada) dan fase retain (mempertahankan

pelanggan).

Gambar 3.1 Integrasi Arsitektur sistem CRM

3.4 Kerangka Penelitian

Rancang Bangun i-CRM (Interactive Customer Relationship

Management) ini disusun melalui beberapa tahapan yang harus dilakukan dengan

tujuan memudahkan dalam penelitian ini (Gambar 3.2).

53

Observasi

Wawancara

Studi Literatur

Tahap Pengumpulan Data

Requrements Planning

Workshop Design

Implementation

Ruang Lingkup Sistem

System Design

Database Design

Prototype Design

Penulisan Script (Coding)

Pengujian Black Box

Analisis Sistem Berjalan

Start

Finish

Kuesioner

Tahap Pengembangan Sistem

Konsep i-CRM

Tujuan Pengembangan Sistem

Identifikasi Masalah

Analisis Kebutuhan Sistem

Analisis Sistem yang Diusulkan

Analisis CRM berdasarkan fase CRM

Analisis Pembanding

Gambar 3.2 Kerangka Berpikir Penelitian

54

Penelitian ini dilakukan dari bulan Januari hingga Mei 2011. Dimulai

dengan observasi atau penelitian lapangan yang dilakukan selama sebulan di PT.

Meda Cipta Hutama. Pada bulan Januari dilakukan wawancara dengan owner dari

PT. Meda Cipta Hutama. Wawancara dilakukan untuk mengetahui permasalahan

yang ada dalam divisi tersebut. Setelah dilakukan observasi dan wawancara, tahap

selanjutnya adalah studi literatur. Studi literatur dilakukan pada penelitian sejenis

guna mendukung penulisan skripsi ini. Setelah studi literatur dan informasi lain

dikumpulkan, tahap selanjutnya adalah tahap pengembangan sistem. Tahap

pengembangan sistem dilakukan melalui pendekatan RAD yaitu, tahap

perencanaan syarat, tahap perancangan dan tahap membangun sistem. Pada tahap

perencanaan syarat dilakukan menganalisis work flow antara lain menggunakan

rich pictures serta analisis CRM. Peneliti menganalisis efektifitas sistem i-CRM

yang diterapkan PT. Meda Cipta Hutama, terutama dalam hal mempertahankan

(retensi) pelanggan yang sudah ada agar tidak berpindah ke perusahaan jasa

infrastruktur jaringan yang lain. Dengan solusi yaitu menerapkan konsep i-CRM

yang membuat pelanggan merasa lebih diperhatikan karena dilayani oleh beberapa

divisi perusahaan. Setelah aspek-aspek bisnis dan non-teknis dari perusahaan

disetujui. Kemudian melakukan tahap terakhir, yaitu tahap implementasi dengan

membangun sistem, sub-sub sistem diujicoba dan diperkenalkan kepada

perusahaan. Selama tahap ini peneliti juga menyebarkan kuesioner guna

mengetahui secara langsung apakah sistem i-CRM yang telah dibangun sudah

memenuhi kebutuhan informasi pelanggan dan sesuai dengan keinginan

perusahaan.

55

Seperti yang telah dibahas pada Bab 2, e-CRM adalah strategi bisnis yang

menggunakan teknologi informasi yang memberikan perusahaan suatu pandangan

pelanggannya secara luas, dapat diandalkan dan terintegrasi sehingga semua

proses dan interaksi pelanggan membantu dalam mempertahankan dan

memperluas hubungan yang menguntungkan secara bersamaan. Sedangkan i-

CRM adalah sebuah usaha untuk mengelola hubungan antara perusahaan dengan

pelanggan untuk peningkatan loyalitas pengkonsumsian produk dan jasa yang

diproduksi oleh perusahaan dengan menggunakan internet sebagai medianya. E-

CRM dapat memanfaatkan peralatan elekronik seperti TV, Radio, Telepon dan

Internet, sedangkan i-CRM memanfaatkan teknologi internet dan interaksi yang

lebih banyak.

Dari penelitian yang telah dilakukan sebelumnya dapat diambil

kesimpulan bahwa Customer Relationship Management terdapat dua jenis yaitu i-

CRM (Interactive Customer Relationship Management) dan e-CRM (Electronic

Customer Relationship Management). Penelitian E-CRM tersebut telah

menghasilkan teknologi informasi yaitu, sistem informasi CRM berbasis website

dan sistem informasi CRM berbasis SMS, kemudian penelitian i-CRM

menghasilkan sistem informasi CRM dengan teknologi internet.

Penelitian i-CRM di PT. Meda Cipta Hutama guna meningkatkan

kepuasan dan loyalitas pelanggan, penelitian lain yang menggunakan model RAD

dan digunakan secara online dan konsep i-CRM dengan memfokuskan pemasaran

yang berbasis pelanggan. Dengan literatur tersebut dapat membantu peneliti

dalam merancang dan membangun sebuah aplikasi i-CRM pada perusahaan jasa

56

dengan menggunakan metode berorientasi objek dengan model pengembangan

RAD serta pembangunan aplikasi yang berbasiskan web PHP. Menurut hasil

kuesioner, 73,33% user mengatakan informasi yang diberikan aplikasi i-CRM

sudah memadai, 40% user yang mengatakan bahwa cara penggunaan aplikasi i-

CRM ini sangat mudah, 100% user mengatakan bahwa dengan adanya aplikasi i-

CRM ini dapat meningkatkan kualitas dan kuantitas layanan di PT. Meda Cipta

Hutama dan 100% user setuju apabila aplikasi i-CRM diterapkan pada PT. Meda

Cipta Hutama.

57

BAB IV

PEMBAHASAN

4.1 Gambaran Umum Perusahaan

4.1.1 Ruang Lingkup Perusahaan

PT. Meda Cipta Hutama merupakan perseroan yang didirikan berdasarkan

Akta Pendirian Perseroan Terbatas tanggal 28 Maret 2010. PT. Meda Cipta

Hutama perusahaan yang bergerak di bidang spesialisasi jaringan komunikasi data

dan system integrator. Pekerjaan yang dilakukan mulai dari survei dan estimasi

proyek serta membuat design network, implementasi dan jasa manajemen proyek

untuk struktur cabling system (network infrastructure), pekerjaan instalasi

distribusi UPS system, instalasi AC precision, fire suppression system, security

system, raised floor system dan solusi terpadu termasuk penyedia sarana

pendukung dalam pekerjaan civil dan interior design untuk site preparation dan

pembangunan data center.

4.1.2 Misi dan Visi Perusahaan

1. Misi Perusahaan

Berdasarkan pengalaman dan kemampuan, kami ingin memberikan solusi dan

efisiensi dalam bidang networking services. Misi kami yaitu memiliki fleksibilitas

secara optimal dalam melaksanaan pekerjaan dan berusaha memahami waktu

Anda yang sangat padat dan berharga. Dalam menentukan spesifikasi produk

network cabling system yang akan dibutuhkan pelanggan, kami berusaha

58

menawarkan pilihan yang cermat dan tepat. Kami mempunyai komitmen untuk

selalu dapat beradaptasi dengan apa yang dibutuhkan dalam kepentingan bisnis

Anda.

2. Visi Perusahaan

Tujuan kami akan selalu berusaha dapat memberikan solusi secara optimal

dan menyeluruh dalam menentukan kebutuhan produk dengan pilihan tepat untuk

Anda, serta ingin selalu memberikan pelayanan yang terbaik dengan tingkat

efisiensi kerja, waktu dan biaya dalam semua bidang pekerjaan kami untuk

memberikan support dalam kepentingan bisnis Anda.

4.1.3 Struktur Organisasi

Gambar 4.1 Struktur Organisasi

Penjelasan dari Gambar 4.1 berdasarkan jabatan dan divisi masing-masing

adalah sebagai berikut:

1. Managing Director

Tugas dan tanggungjawabnya adalah sebagai berikut:

a. Memimpin perusahaan dan menentukan rencana jangka panjang perusahaan.

59

b. Bertanggungjawab atas kelancaran perusahaan secara langsung maupun tidak

langsung.

c. Memeriksa semua rencana dan laporan yang dibuat oleh para manajer.

d. Merencanakan sistem dan prosedur perusahaan.

e. Menghasilkan keuntungan perusahaan semaksimal mungkin.

f. Mewakili perusahaan dalam hubungannya dengan badan-badan di luar

perusahaan.

g. Membuat dan mengambil keputusan dari segala masalah yang dihadapi

perusahaan.

h. Menandatangani cek/giro atas nama perusahaan untuk keperluan pembayaran

atau pembiayaan operasional perusahaan.

i. Bertanggungjawab atas jalannya perusahaan secara keseluruhan dengan

mengkoordinasi seluruh bagian perusahaan.

2. Divisi Marketing


a. Mengetahui dan menerima laporan proyek.

b. Mencari dan memilih prospek proyek.

c. Membuat kebijakan strategi pemasaran.

d. Membuat dokumentasi kegiatan pemasaran yang dilakukan.

e. Memimpin setiap kegiatan promosi, pameran yang akan dilakukan.

f. Mengatur kegiatan pemasaran jasa infrastruktur jaringan.

g. Melakukan training terhadap sales engineer.

60

(1) Sales Engineer

a. Melakukan dan menerima permintaan pelanggan.

b. Mengerjakan permintaan pelanggan.

c. Meminta barang dari gudang.

d. Membuat ide dalam menciptakan promosi-promosi yang menarik pelanggan.

e. Mencari pelanggan sebanyak-banyaknya.

f. Membuat laporan penjualan.

g. Mempresentasikan dan memasarkan jasa infrastruktur jaringan.

3. Divisi Project


a. Mengontrol semua kegiatan dan proses pembuatan proyek jasa infrastruktur

jaringan.

b. Memimpin dan mengawasi project supervisor.

c. Mengeluarkan ide-ide baru yang kreatif dalam mendesain infrastruktur

jaringan agar memiliki kualitas maupun penampilan yang up to date.

d. Membuat infrastruktur jaringan berdasarkan purchase order dari pelanggan.

e. Bertanggungjawab atas perjanjian kerjasama dengan pelanggan.

f. Membuat quotation berdasarkan purchase order dari pelanggan.

(1) Project Supervisor

a. Melakukan pengawasan dan pelaksanaan proyek jasa infrastruktur jaringan.

b. Bertanggungjawab atas kesalahan dibuat teknisi.

c. Memperkirakan material apa saja yang akan digunakan untuk proyek tertentu.

61

d. Membuatan Surat Jalan (SJ) sesuai dengan kebutuhan proyek berdasarkan

Perjanjian Kerjasama dengan pelanggan.

4. Divisi Logistic


a. Mengetahui dan menerima laporan pembelian dan persediaan.

b. Mencari dan memilih pemasok.

c. Menyetujui atau menerima tawaran pemasok.

d. Mengawasi dan mengendalikan pemasukan dan pengeluaran persediaan di

gudang.

e. Menganalisis atau menghitung titik pemesanan persediaan dan jumlah

pemesanan yang ekonomis dari informasi purchase order pelanggan.

(1) Staff Pembelian

a. Melakukan pengadaan barang sesuai dengan permintaan bagian gudang.

b. Membuat purchase order kepada pemasok.

c. Menangani masalah retur pembelian, potongan harga pembelian dan

administrasi pembelian lainnya.

(2) Staff Gudang

a. Menerima dan menyimpan persediaan di gudang.

b. Mengatur keluar masuknya material dari berbagai partner/supplier.

c. Melakukan stock opname setiap bulan dan membuat laporannya.

d. Mengontrol bahwa pengambilan barang berdasarkan pada Surat Jalan (SJ).

e. Membuat bon barang yang berisi bahan-bahan yang digunakan.

62

f. Mencatat dan menghitung sisa persediaan.

g. Mengecek dan melaporkan persediaan yang hampir atau sudah mencapai titik

pemesanan ulang.

h. Membuat laporan persediaan secara periodik atau sesuai permintaan manajer.

5. Divisi Finance


a. Mengaudit dan mengotorisasi laporan keuangan yang dibuat staff accounting.

b. Mengotorisasi pemasukan uang kas.

c. Meminta otorisasi dari atasan untuk pengeluaran kas.

d. Membuat anggaran untuk mengendalikan pengeluaran dana.

e. Menganalisis laporan keuangan atau data akuntansi yang diterima.

f. Mengatur dan mengawasi kegiatan penyimpanan uang kas dan surat-surat

berharga.

(1) Staff Accounting

a. Menganalisis semua laporan keuangan.

b. Membantu dalam mengkoordinasi seluruh kegiatan bagian keuangan.

c. Membuat laporan pertanggung jawaban kepada direktur.

d. Memastikan semua transaksi masuk ke dalam sistem yang telah disediakan.

e. Melakukan pencatatan dan pembukuan sesuai dengan data yang diperoleh.

f. Menyajikan laporan keuangan per periode untuk kepentingan masing-masing

bagian.

g. Membuat faktur dan faktur pajak kepada pelanggan.

63

h. Memastikan semua pelanggan menyelesaikan semua transaksi keuangan.

i. Membuat laporan penerimaan dan pengeluaran kas.

j. Melakukan pencatatan dan pembukuan sesuai dengan data yang diperoleh.

6. Divisi Personalia


1. Recruitment: bertanggungjawab dalam memilih dan menjawab kebutuhan

pegawai melalui penerimaan kerja sampai dengan penempatan kerja para

karyawan baru.

2. Training: bertanggungjawab dalam menjaga kualitas SDM yang ada di

perusahaan dengan cara pelatihan, pendidikan dan pengembangan sebagai

upaya dalam peningkatan kemampuan dan keterampilan kerja.

3. Benefit: keuntungan yang diperoleh oleh perusahaan sedikit banyak dapat

diberikan oleh karyawan.

4. Penilaian kerja: pengawasan terhadap efektifitas kerja seseorang, dilihat dari

grafik standart kinerja dengan kinerja yang ditunjukan oleh karyawan.

5. Perencanaan karir: bahwa setiap karyawan memiliki potensi-potensi, fungsi

ini guna menjawab setiap karyawan memiliki jalur karir menurut tugas,

tanggung jawab dan keahlian yang ia miliki.

6. Menghubungkan antara pekerja dengan perusahaan, mulai dari peraturan

perusahaan, informasi dan kebijaksanaan yang ada.

7. Pemutusan hubungan kerja.

64

4.2 Perencanaan Syarat (Requirements Planning)

Sebagaimana telah diuraikan pada bab sebelumnya, fase ini adalah fase di

mana peneliti dan managing director bertemu untuk mengidentifikasi tujuan-

tujuan aplikasi sistem serta mengidentifikasi syarat-syarat informasi yang

ditimbulkan dari tujuan-tujuan tersebut.

4.2.1 Identifikasi Masalah

Beberapa hal yang menjadi kendala dalam sistem yang sedang berjalan

dalam memenuhi kebutuhan informasi untuk pelanggan guna menjalin hubungan

yang baik dengan pelanggan, yaitu sistem manual yang ada belum dapat

menyajikan informasi yang dapat membantu pelanggan mendapatkan informasi

yang relevan.

4.2.2 Tujuan Pengembangan Sistem

Pengembangan sistem bertujuan untuk membantu pelanggan PT. Meda

Cipta Hutama dalam melihat informasi yang dibutuhkan seperti company profile,

jadwal karyawan, berita, melakukan upload file purchase order, memberikan

kritik dan saran, chatting dengan salah satu divisi yang diinginkan, melihat grafik

progress project yang sedang berjalan serta mengirimkan informasi menarik

keseluruh pelanggan yang membutuhkan melalui e-mail.

65

4.2.3 Ruang Lingkup Sistem

Lingkup sistem berdasarkan hasil identifikasi masalah, peneliti akan

membangun Sistem Informasi Interactive Customer Relationship Management

dalam kegiatan berbisnis di Internet yang lebih mengutamakan interaksi antara

pelanggan dengan perusahaan dalam upaya mengembangkan bisnis dan

mempertahankan pelanggan melalui layanan Suggestion & Complain, Chatting

dan Newsletter.

4.2.4 Analisis Sistem yang Berjalan

PT. Meda Cipta Hutama merupakan perusahaan yang bergerak di bidang

jasa infrastruktur jaringan yang memberikan layanan informasi seperti produk dan

service, berbagai pengalaman proyek yang telah dikerjakan, mitra aliansi dan

informasi terbaru dari perusahaan masih menggunakan sistem manual. Manual di

sini dalam mendapatkan informasi, pelanggan tersebut sulit mendapatkan

company profile karena penyebarannya hanya sampai ke beberapa pelanggan yang

dikenal. Selain itu company profile yang disebarkan ke perusahaan lain atau

pelanggan masih kurang menarik minat pelanggan untuk mengetahui isi dari

company profile tersebut. Apabila pelanggan tertarik dengan company profile

tersebut dan hendak memberikan proyek, maka pelanggan akan menghubungi PT.

Meda Cipta Hutama. Kemudian PT. Meda Cipta Hutama melakukan survei ke

proyek yang akan ditangani dan sebagai hasilnya adalah memberikan

quotation/estimasi penawaran proyek ke pelanggan. Setelah mendapatkan

quotation biasanya pelanggan menginginkan revisi harga projek atau diskon.

66

Quotation berisi revisi harga proyek yang dipertimbangkan PT. Meda Cipta

Hutama, serta periode pembayaran yang disesuaikan dengan kontrak perjanjian

kerjasama. Quotation dicatat beserta informasi berupa nama pelanggan, material

yang dibutuhkan, kesepakatan pembayaran pada periode tertentu, pajak yang

harus ditanggung pelanggan dan perincian harga untuk jasa pekerja proyek.

Setelah negosiasi harga telah terjadi kesepakatan maka pelanggan akan

memberikan Purchase Order (PO) atau Surat Perintah Kerja (SPK). Pelanggan

dapat melakukan purchase order melalui dua cara yaitu bertemu langsung dengan

project manajer atau dapat juga mengirimkan PO melalui faks dan e-mail. Setelah

proyek berjalan, pelanggan mendatangi lokasi proyek untuk melihat progress

project yang dikerjakan engineer PT. Meda Cipta Hutama. Setelah proyek selesai

dikerjakan maka divisi project memberikan invoice kepada pelanggan. Analisis

sistem yang berjalan ini digambarkan pada Gambar 4.2.

Gambar 4.2 Rich Picture Sistem yang Berjalan

67

4.2.5 Analisis Kebutuhan Sistem

Tampilan yang disajikan hendaknya user friendly dan memudahkan

pelanggan mengakses sistem tersebut. Selain itu sistem diharapkan mampu

memberi informasi yang dibutuhkan pelanggan, dengan cara membangun

komunikasi dengan pelanggan. Tabel 4.1 adalah kebutuhan sistem yang

diharapkan mampu memberi informasi yang dibutuhkan pelanggan.

Tabel 4.1 Analisis Kebutuhan Sistem

Kebutuhan Fungsionalitas Nilai yang Diharapkan Divisi marketing membutuhkan media untuk membuat company profile yang menarik dan terjangkau pelanggan.

Mudah dalam pembuatan company profile tanpa harus membutuhkan waktu yang lama dalam penyebarannya.

Form company profile yang menarik dan dapat langsung diakses.

Divisi informasi membutuhkan media untuk menyebarkan berita terbaru untuk pelanggan dan menerima saran dan kritik dari pelanggan yang dapat membangun perusahaan.

1. Mudah dalam pembuatan berita dan langsung diterima oleh pelanggan.

2. Mudah dalam menerima dan merespon kritik dan saran.

1. Berita terbaru dapat dilihat dan di-download pada form news.

2. Form suggestion & complain yang mudah digunakan dan waktu respon yang singkat.

Divisi project membutuhkan media untuk mempermudah layanan pelanggan dari persiapan hingga penyelesaian proyek dan menampilkan progress project.

1. Mudah dalam menerima dan merespon purchase order tanpa menggunakan faks.

2. Pelanggan dan beberapa divisi dapat berinteraksi dengan mudah.

3. Progress project dapat dilihat tanpa harus ke lokasi proyek.

1. Purchase order dapat di-upload pada form purchase order.

2. Interaksi dengan waktu respon yang singkat melalui form contact us.

3. Form progress project dalam bentuk tabel dan grafik yang dapat langsung diakses.

68

Managing director membutuhkan media untuk mendapatkan pelanggan baru dan mempertahankan pelanggan lama.

1. Mudah dalam melakukan registrasi sebagai awal dalam menjalin hubungan baik.

2. Mudah dalam melihat PIC atau person in charge karyawan.

3. Mempertahankan pelanggan lama dengan mengirimkan informasi menarik agar pelanggan tetap merasa diperhatikan.

1. Form register diakses dengan mudah oleh pelanggan.

2. Pelanggan melihat data karyawan pada form employee.

3. Form newsletter digunakan agar setiap pelanggan di perusahaan dapat menerima informasi melalui e-mail.

4.2.6 Analisis CRM berdasarkan Fase CRM

Kesatuan sistem yang terintegrasi dengan pembagian sistem berdasarkan

proses yang berorientasi pada pelanggan yang digambarkan dalam analisis fase

CRM Gambar 4.3.

Gambar 4.3 Arsitektur i-CRM PT. Meda Cipta Hutama

Dari hasil pengamatan yang dilakukan terdapat berbagai masalah yang

kemudian dilakukan proses analisis dengan menggunakan analisis Customer

69

Relationship Management (CRM). Sistem yang dirancang ini memenuhi tahapan

strategi dalam CRM, yaitu:

1. Tahap Acquire

Tahap acquire merupakan tahap dimana melalui website ini perusahaan

berusaha mendapatkan pelanggan baru. Tahap acquire bagi PT. Meda Cipta

Hutama adalah ketika calon pelanggan (non member) tertarik akan produk

atau jasa yang ditawarkan, tahap ini terdiri dari modul company profile dan

register.

a. Company Profile

Modul company profile merupakan suatu strategi yang digunakan perusahaan

untuk mempromosikan service, akreditasi dan lainnya. Fitur ini menjelaskan

keterangan-keterangan mengenai jenis layanan yang ditawarkan antara lain

layanan Network Infrastructure, Security System dan UPS System. Hal ini

ditunjukan untuk menarik calon pelanggan dalam melakukan perjanjian

kerjasama atau memberikan proyek untuk perusahaan.

b. Register

Modul Register merupakan suatu strategi untuk menarik pelanggan baru

dengan memberikan fasilitas keanggotaan dan keuntungan-keuntungan lain

yang didapat dengan mendaftar menjadi member, salah satunya bisa

mendapatkan kemudahan. Kemudahan yang dimaksud yaitu apabila sudah

menjadi member akan mendapatkan informasi serta kenyamanan dalam

melakukan perjanjian kerjasama selama proyek berlangsung.

70

2. Tahap Enhance

Tahap enhance merupakan tahap dimana melalui website ini perusahaan

berusaha meningkatkan hubungan dengan pelanggan yang telah ada. Tahap ini

terdiri dari modul purchase order, progress project, employee dan news.

a. Purchase Order

Modul purchase order disediakan agar member atau pelanggan dapat meng-

upload langsung purchase order ke perusahaan. Purchase Order yang

dikirimkan pelanggan berisi proyek yang di-request ke perusahaan, serta

material kebutuhan proyek dengan harga berdasarkan quotation yang telah di

sepakati.

b. Progress Project

Modul progress project disediakan agar member atau pelanggan dapat melihat

progress project yang sedang dikerjakan tanpa harus datang ke lokasi proyek.

Progress project dapat dilihat pada modul progress project yang di-update

setiap minggu oleh divisi project.

c. Employee

Modul employee disediakan agar member atau pelanggan mendapatkan

informasi tentang karyawan. Informasi yang mengenai Person In Charge

(PIC) maksudnya adalah agar pelanggan mengetahui siapa karyawan yang

menangani proyek tersebut.

d. News

Modul news disediakan agar member atau pelanggan mendapatkan informasi

tentang berita terbaru dari perusahaan.

71

3. Tahap Retain

Tahap retain merupakan tahap dimana melalui website ini perusahaan

berusaha mendapatkan loyalitas pelanggan dengan mendengarkan pelanggan

dan berusaha memenuhi keinginan pelanggan. Tahap ini terdiri dari modul

chatting, newsletter & modul suggesstion & complain.

a. Chatting

Modul chatting disediakan agar member atau pelanggan dapat berinteraksi

langsung dengan salah satu divisi perusahaan melalui sistem. Fasilitas ini

disediakan agar pertanyaan member langsung terjawab dan semakin puas

dengan pelayanan yang cepat.

b. Newsletter

Modul newsletter disediakan agar member atau pelanggan dapat menerima

informasi menarik berupa e-mail. Newsletter merupakan suatu strategi yang

digunakan perusahaan untuk mempertahankan pelanggan dengan cara

mengirimkan informasi menarik mengenai event perusahaan, ucapan Selamat

Hari Raya atau seputar project yang telah dilakukan perusahaan. Dengan

adanya newsletter perusahaan dapat meningkatkan keakraban dengan menjalin

hubungan baik dengan pelanggan dan berkelanjutan.

c. Suggesstion & Complain

Modul suggesstion & complain disediakan agar member atau pelanggan dapat

menyampaikan keluhan atau masalah yang dihadapi pelanggan serta untuk

menyampaikan saran. Dengan adanya fasilitas ini perusahaan dapat dengan

cepat menanggapi semua keluhan dan masalah yang berkaitan dengan

72

perusahaan. Saran–saran dari pelanggan dapat digunakan oleh perusahaan

untuk meningkatkan pelayanan kepada pelanggan sehingga hubungan dengan

pelanggan dapat terjalin dengan baik.

4.2.7 Analisis Sistem yang Diusulkan

Berdasarkan identifikasi masalah dan bagan sistem yang sedang berjalan

tersebut, maka penulis mengusulkan untuk membangun sebuah aplikasi yang

memudahkan pelanggan dalam mendapatkan informasi tentang PT. Meda Cipta

Hutama. Aplikasi yang dibangun ini memiliki interface yang menarik dan user

friendly serta tidak membuat bingung pelanggan dalam memperoleh informasi.

Dan dari wawancara dengan direksi yang terlampir pada Lampiran 1,

direksi itu juga menginginkan sebuah website untuk perusahaannya yang

berfungsi sebagai company profile. Oleh karena itu peneliti bermaksud untuk

menggabungkan sebuah website dengan sistem baru yang akan dikembangkan.

Karena dengan membuat sistem tersebut dalam bentuk website, mempunyai

keuntungan tersendiri yang berhubungan dengan tujuan penelitian ini dilakukan.

Yaitu membuat suatu sistem yang efektif dan efisien dan telah diketahui bersama

bahwa hasil informasinya, sistem yang berbasis web itu, dapat diakses kapan saja

dan di mana saja. Seperti yang telah digambarkan pada Gambar 4.4.

73

Gambar 4.4 Rich Picture Sistem yang Diusulkan

4.2.8 Analisis Pembanding

Analisis yang membandingkan antara sistem yang berjalan, sistem literatur

sejenis dan sistem yang diusulkan untuk menggambarkan kelebihan dan

kekurangan dari sistem yang dikembangkan terdapat pada Tabel 4.2.

Tabel 4.2 Analisis Pembanding

Sumber Kelebihan Kekurangan

Customer Care Berbasis Interactive Customer Relationship Management (i-CRM) untuk Meningkatkan Pelayanan Kesehatan yang Efektif pada Rumah Sakit Medika Permata Hijau (RSMPH) oleh Chafni Chairunnisa (2010), Jurusan Sistem Informasi, Universitas Islam Negeri Syarif Hidayatullah.

Sistem dibuat secara online dan disesuaikan dengan kebutuhan pengunjung RSMPH.

1. Sistem hanya digunakan pada saat pengunjung membutuhkan informasi kemudian melihat informasi.

2. Tidak ada fasilitas chatting untuk pelayanan bantuan pengunjung dengan waktu respon yang cepat.

3. Tidak ada fasilitas Newsletter

74

Analisis dan Perancangan Interactive Customer Relationship Management (i-CRM) Berbasiskan Web pada PT. Alfadori Sejati oleh Ramly Yusuf (2009), Jurusan Sistem Informasi, Bina Nusantara.

1. Adanya analisis matrik QSPM yang membutuhkan penyusunan strategi kedalam proses keputusan.

2. Terdapat link untuk download driver yang memudahkan pelanggan yang kehilangan driver sehingga tidak perlu mencari dan membeli ulang driver

Tidak dilakukan penyebaran kuesioner sehingga tidak diketahui apakah website ini sungguh dapat meningkatkan kepuasan pelanggan dan membantu dalam persaingan bisnis perusahaan

Sistem yang Berjalan di PT. Meda Cipta Hutama

-

1. Informasi mengenai perusahaan sulit sampai ke pelanggan.

2. Membutuhkan waktu respon yang lama.

Sistem yang Diusulkan di PT. Meda Cipta Hutama

1. Sistem yang dibuat lebih informative karena admin aktif memberikan informasi menarik setiap ada event melalui fasilitas Newsletter.

2. Fasilitas Chatting untuk melakukan tanya jawab dengan waktu respon yang singkat.

3. Melakukan kuesioner untuk mengetahui tingkat kepuasan pelanggan dan apakah responden menyetujui dan mendukung diadakannya sistem tersebut

1. Tidak dilakukan analisis SWOT, PESTE, CSF, BCG.

2. Sistem i-CRM tidak terintegrasi dengan sistem informasi lain, seperti ERP.

75

4.3 Proses Desain (Workshop Design)

Pada tahap workshop design, dibuat desain yang merupakan solusi dari

hasil analisis pada tahap requirement planning.

4.3.1 Konsep i-CRM

Dalam tahap ini digunakan konsep i-CRM (Interactive Customer

Relationship Management). Dalam konsep ini terdapat tiga tahap yang terlihat

dalam sistem, yaitu tahap pengalaman pre penjualan, tahap pengalaman saat

penjualan dan tahap pengalaman pasca penjualan.

Dalam penerapan pada sebuah aplikasi pemberian informasi kepada

pelanggan maka pengalaman pre penjualan adalah di saat pelanggan ingin

mendapat informasi lebih lengkap tentang PT. Meda Cipta Hutama dan belum

menjadi member. Sedangkan masa saat penjualan yaitu masa di saat pelanggan

telah terdaftar sebagai member dan melakukan pencarian informasi tentang PT.

Meda Cipta Hutama. Dan pasca penjualan itu adalah masa di saat pelanggan telah

mendapatkan respon atau feedback dari aplikasi ini berupa e-mail, melakukan

interaksi dengan sistem lewat chatting dan telah melakukan pencarian informasi.

Aktivitas yang dilakukan pelanggan dalam tiap tahapan i-CRM berdasarkan hasil

wawancara dan observasi.

a. Saat pelanggan ingin mendapatkan informasi lebih lengkap tentang PT. Meda

Cipta Hutama belum menjadi member terdapat aktivitas melihat informasi

dengan company profile dan melakukan registrasi yang telah disediakan pada

aplikasi ini.

76

b. Saat pelanggan telah terdaftar sebagai member dan melakukan pencarian

informasi tentang PT. Meda Cipta Hutama terdapat aktivitas seperti melihat

company profile, data karyawan, berita, melakukan upload file purchase

order, memberikan kritik dan saran serta melihat grafik progress project yang

sedang berjalan.

c. Saat member mendapatkan respon atau feedback dari aplikasi ini. Ketika

perusahaan pengiriman file invoice melalui e-mail untuk purchase order yang

dilakukan member. Sebagai respon dari kritik dan saran, perusahaan mengirim

e-mail ke pelanggan. Selain itu perusahaan mengirimkan newsletter secara

bersamaan ke pelanggan yang telah mendaftarkan diri. Dan interaksi chatting

antara member dan crew PT. Meda Cipta Hutama lewat sistem i-CRM.

Konsep i-CRM tersebut menghasilkan perancangan yang digambarkan

pada Gambar 4.5.

Gambar 4.5 Konsep i-CRM PT. Meda Cipta Hutama

77

4.3.2 System Design

Alur proses sistem i-CRM digambarkan dengan menggunakan diagram

UML yang terdiri atas use case diagram, sequence diagram, class diagram,

statechart diagram dan activity diagram.

4.3.2.1 Use Case Diagram

Use case diagram di bawah ini yaitu menggambarkan mengenai interaksi

antara sistem, eksternal sistem dan user. Adapun langkah-langkah dalam

membuat use case diagram yaitu sebagai berikut:

a. Identifikasi Actor

Tabel 4.3 Identifikasi Actor

No. Actor Description

1. Non Member Orang yang hanya memiliki hak akses untuk melihat company profile/promosi dan melakukan registrasi agar dapat melakukan interaksi dengan sistem

2. Member Orang yang telah terdaftar dalam sistem yang dapat melihat company profile, news, meng-upload purchase order, melihat progress project dan Person In Charge (PIC) karyawan PT. Meda Cipta Hutama. Selain itu member tersebut dapat berinteraksi dengan berbagai divisi lewat chatting, memberikan saran dan keluhan melalui fasilitas suggestion & complain dan mendapatkan info menarik tiap bulan dari e-mail.

3. Admin Aktor admin merupakan super class dari child class divisi project, divisi marketing, divisi personalia dan divisi informasi. Admin dapat mengontrol seluruh kegiatan dalam sistem.

4. 5. 6.

Divisi Project Divisi Marketing Divisi informasi

Orang yang dapat menanggapi puchase order dari member dengan mengirimkan e-mail sebagai persetujuan pengerjaan proyek kemudian menampilkan progress project yang sedang dikerjakan kepada member. Orang yang dapat melihat data registrasi member dan me-record data company profile. Orang yang dapat merespon suggestion & complain. Suggestion & complain direspon melalui e-mail, selain

78

itu menanggapi dengan meng-update data news sebagai promosi untuk member.

7. Divisi Personalia Orang yang dapat me-record data karyawan atau Person In Charge (PIC).

b. Identifikasi Use Case

Tabel 4.4 Identifikasi Use Case

No Use Case Name Description Actor

1. Registrasi Use case ini menggambarkan proses create data baru untuk melakukan pendaftaran sebagai pelanggan (client) baru kemudian dapat mengakses sistem sistem I-CRM.

Non member

2. 3.

Promosi Log in

Use case ini menggambarkan proses input, view, update dan delete yang dilakukan admin atau divisi marketing dalam pengaturan data sedangkan member hanya dapat view data tersebut. Data yang ditampilkan berupa list promosi yang dapat dilihat secara secara lengkap jika memilih menu company profile. Use case ini menggambarkan proses input data username dan password untuk dapat masuk ke dalam sistem dan dapat dilakukan 7 (tujuh) actor.

Member, admin dan divisi marketing. Member, admin, divisi marketing, divisi project, divisi personalia dan divisi informasi.

4. 5. 6.

Newsletter Purchase Order Progress Project

Use case ini menggambarkan proses pengiriman pesan atau informasi menarik seputar PT. Meda Cipta Hutama ke e-mail member yang sudah didaftarkan. Use case ini menggambarkan proses dalam melakukan pembelian jasa yang dilakukan oleh member. Manajer dapat melihat data purchase order dan merespon dengan mengirimkan invoice ke e-mail member. Use case ini menggambarkan tentang proses input, view, update dan delete yang dilakukan admin atau divisi project dalam pengaturan data sedangkan member hanya

Member, admin dan divisi marketing. Admin, divisi project dan member. Member, divisi project dan admin.

79

7.

Chatting

dapat view data tersebut. Data yang ditampilkan berupa list dan grafik progress project yang dapat dilihat jika memilih menu progress project. Use case ini menggambarkan proses member dan berbagai divisi yang dapat berhubungan langsung secara real time.

Member, divisi marketing, divisi project, divisi personalia dan divisi informasi.

8. 9. 10. 11.

Person In Charge (PIC) Berita Kritik dan Saran Logout

Use case ini menggambarkan tentang proses input, view, update dan delete yang dilakukan admin atau divisi personalia dalam pengaturan data sedangkan member hanya dapat view data tersebut. Data yang ditampilkan berupa list nama, lokasi kerja dan nomor telepon karyawan yang dapat dilihat jika memilih menu employee. Use case ini menggambarkan tentang proses input, view, update dan delete yang dilakukan divisi informasi dalam pengaturan data sedangkan member hanya dapat view data tersebut. Data yang ditampilkan berupa list berita yang dapat dilihat jika memilih menu news. Use case ini menggambarkan keadaaan member dapat mengirimkan kritik dan saran yang berhubungan dengan PT. Meda Cipta Hutama. Selanjutnya divisi informasi membalas isi pesan dari kritik dan saran tersebut melalui e-mail member. Use case ini menggambarkan proses untuk mengakhiri dan keluar dari sistem, dengan cara klik menu logout.

Member, admin dan divisi personalia. Admin, divisi informasi dan member. Admin, divisi informasi dan member. Member, admin, divisi marketing, divisi project, divisi personalia dan divisi informasi.

80

c. Use Case Diagram

Diagram use case yang dibuat adalah diagram sistem use case yaitu

diagram use case yang menunjukan beberapa use case dalam sistem, beberapa

aktor dalam sistem dan interaksi antara aktor dan sistem. Diagram use case

system yang terdapat dalam sistem i-CRM digambarkan pada Gambar 4.6.

Gambar 4.6 Use Case Diagram

81

d. Use Case Narrative

Pada use case narasi ini menjelaskan urutan kegiatan yang dilakukan

system dan actor, yaitu antara lain:

Tabel 4.5 Narasi dari Use Case Promosi

Use Case Name Promosi

Use Case ID 1

Actor Non member, member dan divisi marketing (admin)

Brief

Description

Use case ini menggambarkan proses serta menampilkan

company profile dari sistem. Promosi dilihat oleh member

maupun non member dengan memilih menu company

profile.

Basic Flow 1) Member maupun admin harus membuka alamat website

perusahaan tersebut.

2) Log in sebagai divisi marketing (admin).

3) Divisi marketing (admin) memilih menu company

profile.

4) Tampilan form company profile.

5) Divisi marketing (admin) memilih menu add company

profile untuk meng-input data company profile, menu

edit untuk mengubah data company profile dan button

“delete” untuk menghapus company profile.

6) Data company profile yang diberikan perusahaan harus

sudah di-input oleh divisi marketing (admin).

82

7) Member dapat melihat company profile dengan memilih

menu company profile tanpa log in.

Alternate Flow Data yang telah di-entry oleh divisi marketing (admin)

kurang lengkap, sistem menampilkan pesan kesalahan dan

meminta user untuk melengkapi ulang.

Pre condition 1) Divisi marketing (admin) log in terlebih dahulu dan

memilih menu company profile.

2) Non member dan member tidak memilih menu company

profile maka company profile tidak akan tampil.

Post condition Sistem akan menampilkan company profile.

Tabel 4.6 Narasi dari Use Case Registrasi

Use Case Name Registrasi

Use Case ID 2

Actor Non member, divisi marketing (admin)

Brief

Description

Non member terlebih dahulu harus melakukan registrasi

dengan cara meng-input data register agar dapat masuk ke

sistem.

Basic Flow 1) Tampilan form register.

2) Non member meng-input data pada form register.

3) Non member mengirimkan form register yang selesai di-

input dengan memilih button “register”.

4) Sistem menampilkan informasi, jika form register yang

83

di-input berhasil maka sistem akan menampilkan pesan

success, tetapi jika salah sistem akan menampilkan

pesan error.

5) Divisi Marketing (admin) log in dan memilih menu see

member.

6) Tampilan Member List.

7) Divisi marketing dapat mengatur akun dengan

menghapus akun member yang tidak dikenal.

Alternate Flow Jika dalam meng-inputkan data salah pada form register

maka sistem akan menampilkan pesan error dan

memintanya untuk mengisikannya kembali.

Pre condition Non member harus meng-input data-data yang diminta

secara benar dan admin akan mengatur akun bila memilih

menu see member.

Post condition Sistem akan menampilkan data registrasi secara lengkap.

Tabel 4.7 Narasi dari Use Case Log in

Use Case Name Log in

Use Case ID 3

Actor Member client dan admin

Brief

Description

Member client dan admin ingin log in terhadap sistem

dengan meng-input username dan password maka sistem

akan memvalidasi username dan password tersebut.

84

Basic Flow 1) Tampilan form log in.

2) Member dan admin meng-inputkan username dan

password.

3) Memilih scroll log in yang sesuai dengan hak akses

masing-masing user.

4) Member dan admin mengirimkan username dan

password dengan memilih button “log in”. Sistem

memvalidasi username dan password tersebut.

5) Sistem menampilkan informasi, jika username dan

password yang di-inputkan benar maka sistem akan

menampilkan form home yang disesuaikan dengan hak

akses masing-masing user. Tetapi jika salah sistem akan

menampilkan pesan error dan menekan link “try again”

untuk kembali ke menu log in.

Alternate Flow Jika dalam meng-inputkan username dan password salah

maka sistem akan menampilkan pesan error dan

memintanya untuk mengisikannya kembali.

Pre condition Member dan admin harus mengetahui username dan

password.

Post condition Tampilkan form/halaman khusus member dan admin.

85

Tabel 4.8 Narasi dari Manajemen Admin

Use Case Name Manajemen Admin

Use Case ID 4

Actor Administrator (admin)

Brief Condition Use case ini digunakan agar admin dapat mengatur akun

divisi marketing, divisi project, divisi personalia dan divisi

informasi.

Basic Flow 1) Use case ini dimulai ketika member maupun

Administrator (admin) pada saat membuka website, log

in dan memilih menu manage admin.

2) Administrator (admin) memilih salah satu menu divisi

yang di-manage.

3) Tampilan form salah satu divisi yang dipilih.

4) Memilih menu add admin untuk meng-input data admin

yang baru, menu edit untuk mengubah data admin dan

button “delete” untuk menghapus admin.

Alternate Flow Jika administrator tidak memilih menu manage admin

dengan benar maka administrator tidak dapat meng-input

data admin.

Pre condition 1) Administrator harus log in terlebih dahulu dan memilih

menu manage admin dengan benar.

2) Data admin yang diberikan perusahaan harus sudah di-

input oleh Adminitrator.

86

Post condition Menu manage admin tersebut akan menampilkan data

berbagai admin PT. Meda Cipta Hutama.

Tabel 4.9 Narasi dari Use Case Newsletter

Use Case Name Newsletter

Use Case ID 5

Actor Member dan divisi marketing (admin)

Brief

Description

Use case ini menggambarkan proses pengiriman informasi

ke e-mail pelanggan yang sudah terdaftar.

Basic Flow 1) Use case ini dimulai ketika member maupun divisi

marketing (admin) pada saat membuka website dan log

in.

2) Member memilih menu newsletter.

3) Member menekan button “join this site”.

4) Member meng-input akun e-mail yang diinginkan untuk

menerima newsletter dari PT. Meda Cipta Hutama.

5) Divisi marketing (admin) log in dengan akun

[email protected] memilih menu newsletter.

6) Menampilkan halaman input newsletter.

7) Divisi marketing (admin) meng-input data newsletter

tersebut.

8) Divisi marketing (admin) mengirimkan data yang selesai

di-input dengan memilih button “sent”.

87

Alternate Flow Jika member tidak mendaftarkan e-mail pada menu

newsletter maka member tersebut tidak akan menerima

newsletter dari PT. Meda Cipta Hutama.

Pre condition 1) Member maupun divisi marketing (admin) harus log in

terlebih dahulu dan memilih menu newsletter.

2) Member harus mendaftarkan diri untuk menerima

newsletter melalui e-mail yang sudah didaftarkan.

3) Divisi marketing (admin) log in dengan akun webmail

[email protected] dan mengirimkan newsletter

ke masing-masing pelanggan yang sudah terdaftar.

Post condition Member dapat melihat newsletter pada akun e-mail member

yang sudah didaftarkan.

Tabel 4.10 Narasi dari Use Case Purchase Order

Use Case Name Purchase Order

Use Case ID 6

Actor Member dan divisi project (admin)

Brief

Description

Use case ini digunakan agar member sebagai client dapat

meng-upload file purchase order (PO) ke perusahaan

dengan memilih menu purchase order. Purchase order yang

dikirimkan client berisi proyek yang di-request ke

perusahaan, serta material kebutuhan proyek dengan harga

yang dapat dilihat pada quotation yang disepakati.

88


project (admin) pada saat membuka website dan log in.

2) Member memilih menu cooperation kemudian memilih

purchase order.

3) Sistem menampilkan form purchase order.

4) Member memilih “browse” untuk mengambil file

purchase order (PO) tersebut.

5) Member mengirimkan data purchase order (PO) dengan

memilih button “upload”.

6) Divisi project memilih menu purchase order. Sistem

menampilkan form purchase order.

7) Mengklik button “see file” untuk membuka atau

menyimpan file purchase order.

8) Mengklik button “reply” untuk membuka webmail PT.

Meda Cipta Hutama dan invoice dikirim ke e-mail client

(member).

9) Purchase order yang sudah dikonfirmasi dapat dihapus

dengan mengklik button “delete”.

Alternate Flow Jika member dan divisi project (admin) tidak memilih menu

purchase order maka menu tersebut tidak akan tampil dan

jika member tidak melakukan “upload” file PO maupun

admin tidak melakukan “see file”, ”reply” dan “delete” file

PO maka tidak akan terjadi perubahan pada form purchase

89

order.

Pre condition 1) Member harus log in terlebih dahulu.

2) Member harus mengisi form purchase order.

Post condition Admin menanggapi purchase order dengan mengirimkan

invoice ke e-mail client.

Tabel 4.11 Narasi dari Progress Project

Use Case Name Progress Project

Use Case ID 7

Actor Member dan divisi project (admin)

Brief Condition Use case ini digunakan agar client tidak datang ke lokasi

proyek dan dapat melihat progress project yang sedang

berjalan dengan mengakses sistem.


project (admin) pada saat membuka website, log in dan

memilih menu progress project.

6) Divisi project (admin) memilih menu input progress

project untuk mengisi data progress project, menu edit

untuk mengubah data company profile dan button

“delete” untuk menghapus company profile.

7) Data progress project yang diberikan perusahaan harus

sudah di-input oleh divisi project (admin).

8) Member dapat melihat data progress project dalam

90

bentuk tabel dengan memilih menu progress project dan

dalam bentuk grafik dengan memilih “graphic”.

Alternate Flow Jika dalam pengisian form progress project salah, maka

sistem akan menampilkan pesan error dan memintanya

untuk mengisikannya kembali.

Pre condition 3) Member maupun divisi project harus log in terlebih

dahulu.

4) Data progress project yang diberikan perusahaan harus

sudah di-input oleh divisi project.

5) Member melihat progress project yang sudah di-input

oleh divisi project.

Post condition Menu progress project tersebut akan menampilkan progress

project yang diberikan perusahaan.

Tabel 4.12 Narasi dari Use Case Chatting

Use Case Name Chatting

Use Case ID 8

Actor Member

Brief

Description

Use case ini digunakan agar member dapat berinteraksi

dengan berbagai divisi di PT. Meda Cipta Hutama agar

pertanyaan pelanggan direspon lebih cepat.

Basic Flow 1) Use case ini dimulai ketika member pada saat membuka

website dan log in.

91

2) Tampilan form contact us, kemudian memilih costumer

services online.

3) Member terhubung lewat chatting dengan divisi PT.

Meda Cipta Hutama dengan memilih crew yang

diinginkan.

Alternate Flow Jika member tidak memilih crew atau divisi yang inginkan

pada menu costumer service maka member tersebut tidak

dapat melakukan chat dan jika berbagai divisi tidak online

pada masing-masing akun divisi PT. Meda Cipta Hutama

pada yahoo messeger maka member tidak dapat melakukan

chat.

Pre condition 1) Member harus log in terlebih dahulu dan memilih crew

yang diinginkan pada menu costumer service.

2) Berbagai divisi harus online di yahoo messeger.

Post condition Member akan mendapat informasi yang ditanyakan melalui

chatting dengan respon yang cepat

Tabel 4.13 Narasi dari Use Case PIC (Person In Charge)

Use Case Name PIC atau Person In Charge

Use Case ID 9

Actor Member dan divisi personalia (admin)

Brief

Description

Use case ini digunakan agar member dapat melihat jadwal

karyawan dan nomor telepon agar dapat mengetahui

92

karyawan di perusahaaan dengan memilih menu employee.


personalia (admin) pada saat membuka website, log in

dan memilih menu employee.

2) Divisi personalia (admin) memilih menu input employee

untuk mengisi data karyawan, menu edit untuk

mengubah data karyawan dan button “delete” untuk

menghapus data karyawan.

3) Data karyawan yang diberikan perusahaan harus sudah

di-input oleh divisi personalia (admin).

4) Member melihat data karyawan dengan memilih menu

employee.

Alternate Flow Jika dalam pengisian form employee salah, maka sistem

akan menampilkan pesan error dan memintanya untuk

mengisikannya kembali.

Pre condition 1) Admin dan member harus log in terlebih dahulu

2) Divisi personalia (admin) harus mengisi form employee.

Post condition Member akan mengetahui jadwal dan nomor telepon untuk

dihubungi.

93

Tabel 4.14 Narasi dari Berita

Use Case Name Berita

Use Case ID 10

Actor Member dan divisi informasi (admin)

Brief Condition Use case ini digunakan agar client dapat melihat berita

terbaru dengan mengakses sistem.


informasi (admin) pada saat membuka website dan log

in.

2) Divisi informasi (admin) memilih menu add news.

3) Tampilan form add news.

4) Divisi informasi (admin) mengisi data berita dengan

menekan button “submit”.

5) Sistem menampilkan informasi, jika data yang di-input

berhasil maka sistem akan menampilkan pesan success,

tetapi jika salah sistem akan menampilkan pesan error.

6) Member dapat melihat data berita dengan memilih menu

news.

Alternate Flow Jika dalam pengisian form news salah, maka sistem akan

menampilkan pesan error dan memintanya untuk

mengisikannya kembali.

Pre condition 1) Member dan admin log in terlebih dahulu.

2) Divisi informasi (admin) membuka form add news

94

untuk meng-input berita.

3) Member dapat melihat berita yang sudah di-input oleh

divisi informasi (admin) dengan membuka form news.

Post condition Menu news tersebut akan menampilkan berita yang

diberikan perusahaan.

Tabel 4.15 Narasi dari Use Case Kritik dan Saran

Use Case Name Kritik dan Saran

Use Case ID 11

Actor Member dan divisi marketing (admin)

Brief Descriftion Use case ini merupakan tempat bagi member

menyampaikan keluhan atau masalah yang dihadapi, serta

untuk menyampaikan saran.


informasi (admin) pada saat membuka website, log in

dan memilih menu suggestion & complain.

2) Tampilan form suggestion & complain.

3) Member mengisi kritik dan saran dengan menekan button

“submit”.

4) Sistem menampilkan informasi, jika data yang di-input

berhasil maka sistem akan menampilkan pesan success,

tetapi jika salah sistem akan menampilkan pesan error.

5) Divisi marketing (admin) dapat melihat form suggestion

95

& complain serta merespon kritik & saran dengan

memilih button “reply”.

Alternate Flow Jika member belum melakukan pengisian kritik dan saran

maka tidak ada data yang tampil dan jika admin tidak

memilih button “reply” pada form suggestion & complain

maka admin tidak dapat melakukan respon kritik dan saran.

Pre condition 1) Member log in terlebih dahulu.

2) Member membuka form suggestion & complain untuk

mengirim kritik dan saran.

Post condition Admin akan menanggapi suggestion & complain melalui e-

mail.

Tabel 4.16 Narasi dari Use Case Log out

Use Case Name Log out

Use Case ID 12

Actor Admin dan member

Brief

Description

Use case ini digunakan apabila admin dan member ingin

keluar dari sistem yang khusus halaman/page untuk admin

dan member dengan memilih button “log out”.

Basic Flow 1) Admin dan member dengan memilih button “log out”.

2) Sistem pada halaman/page khusus admin dan member

akan tertutup atau tidak dapat diakses sebelum

melakukan log in terlebih dahulu.

96

Alternate Flow Admin dan member tidak memilih menu log out maka tidak

akan keluar dari sistem.

Pre condition Admin dan member harus mengetahui username dan

password untuk masuk ke sistem pada halaman/page khusus

admin dan member, kemudian memilih menu log out.

Post condition Keluar dari sistem.

4.3.2.2 Sequence Diagram

1) Sequence Diagram Promosi (Member & Non Member)

Gambar 4.7 Sequence Diagram Promosi (Member & Non Member)

Pada Gambar 4.7 menampilkan interaksi antara member dan non member

dengan sistem untuk melihat form company profile pada halaman utama tanpa

harus log in. Di company profile terdapat beberapa informasi mengenai services,

accreditation, partner dan informasi lain yang diberikan PT. Meda Cipta Hutama.

2 : Menampilkan halaman Company Profile

: Member & Non Member

Company Profile

1 : Memilih menu Company Profile

97

2) Sequence Diagram Promosi (Admin/Divisi Markerting)

Gambar 4.8 Sequence Diagram Promosi (Divisi Markerting)

Pada Gambar 4.8 menampilkan interaksi antara divisi markerting dengan

sistem dalam memasukkan, meng-update dan menghapus data company profile.

Admin dapat mengisi, meng-update dan menghapus company profile dengan cara

log in ke halaman sistem divisi markerting terlebih dahulu. Setelah masuk ke

: Divisi MarketingUser Company

Profile

1 : Memasukkan Username & Password

2 : Memilih login sebagai Divisi Marketing

4 : Username, Password & Pilih Login Salah

5 : Menampilkan Pesan "Log in Failed"

3 : Login Gagal

6 : Login Sukses 7 : Username, Password & Pilih Login Benar

8 : Masuk ke halaman sistem i-CRM

9 : Memilih menu Company Profile

10 : Menampilkan Data Company Profile

11 : Memilih menu Add Company Profile

12 : Menampilkan form Add Company Profile

13 : Mengisi Data Company Profile 14 : Data Telah Disimpan


16 : Memilih "Edit"

17 : Menampilkan form Edit Company Profile

18 : Meng-update Data Company Profile19 : Data Telah Disimpan


21 : Memilih "delete" pada data yang diinginkan22 : Data Telah Dihapus


98

halaman admin, lalu memilih menu add company profile. Kemudian admin dapat

mengisi form add company profile dengan beberapa informasi mengenai services,

accreditation, partner yang diberikan PT. Meda Cipta Hutama. Apabila ingin

mengubah data company profile maka admin memilih “edit”. Dan menghapus

dengan memilih “delete”.

3) Sequence Diagram Registrasi (Non Member)

Gambar 4.9 Sequence Diagram Registrasi (Non Member)

Pada Gambar 4.9 menampilkan urutan cara non member melakukan

registrasi apabila ingin menjadi member, dengan cara memilih menu register.

Kemudian mengisi data diri dan kesediaan menyetujui peraturan yang ditetapkan

oleh perusahaan.

: Non member Register

1 : Memil ih menu Register

2 : Menampi lkan halaman Registration

3 : Mengisi Data Diri

4 : Register Gagal

5 : Data Belum Lengkap

6 : Menampi lkan Pesan "Error"

7 : Register Sukses

8 : Data Telah Disimpan

9 : Menampilkan Pesan "Success

Thank You For Registering"

99

4) Sequence Diagram Registrasi (Admin/Divisi Markerting)

Gambar 4.10 Sequence Diagram Registrasi (Divisi Markerting)

Gambar 4.10 menampilkan interaksi antara divisi markerting dengan

sistem dalam mengatur akun member. Proses awalnya dimulai dengan divisi

marketing melakukan log in yang kemudian ditampilkan home divisi marketing.

Setelah itu member memilih menu see member dan menampilkan form member

list. Divisi marketing mengatur akun dengan menghapus data member yang tidak

dikenali.

: Divisi MarketingUser Register


2 : Memilih Login sebagai Divisi Marketing

4 : Username, Password & Pilihan Login Salah

5 : Menampilkan Pesan "Login Failed"

3 : Login Gagal

6 : Login Sukses 7 : Username, Password & Pilihan Login Benar

8 : Menampilkan Halaman Divisi Marketing

9 : Memilih Menu See Member

10 : Menampilkan Form Member List

11 : Memilih "delete" pada form yang diinginkan12 : Data Telah Dihapus

13 : Menampilkan Form Member List

100

5) Sequence Diagram Log in (Member & Admin)

Gambar 4.11 Sequence Diagram Log in (Member & Admin)

Pada Gambar 4.11 menampilkan interaksi antara member dan admin

(divisi project, divisi personalia, divisi informasi dan divisi marketing) dengan

sistem agar dapat masuk ke halaman utama (home) sistem dan mengakses

keseluruhan menu dalam sistem.

8 : Menampilkan Halaman Sistem i-CRM

: Member & AdminUser


7 : Username, Password & Pilihan Login Benar


2 : Memilih Login sebagai Member / Admin


3 : Login Gagal

6 : Login Sukses

101

6) Sequence Diagram Manajemen Admin (Administrator)

Gambar 4.12 Sequence Diagram Manajemen Admin (Administrator)

Pada Gambar 4.12 menampilkan interaksi antara administrator atau admin

dengan sistem dalam memasukkan, meng-update dan menghapus data admin

berbagai divisi. Admin dapat mengisi, meng-update dan menghapus data admin

: AdminUser Progress

Project


7 : Username,Password & Pilihan Login Benar

15 : Data yang dimasukan Salah



2 : Memilih Login sebagai Administrator

3 : Login Gagal


6 : Login Sukses

8 : Menampilkan Halaman Administrator

9 : Memilih Menu Manage Admin

10 : Menampilkan Form Manage Admin

11 : Memilih salah satu divisi yang diinginkan

12 : Menampilkan Form salah satu divisi yang dipilih

13 : Menambah data admin

14 : Input admin Gagal

16 : Menampilkan Pesan "Error"

17 : Input admin Sukses

19 : Menampilkan Pesan "Input success"

20 : Memilih "see admin"

22 : Memilih "delete"

21 : Menampilkan data admin

23 : Data Telah Dihapus

24 : Menampilkan Pesan "delete success"

102

berbagai divisi dengan cara harus log in ke halaman sistem administrator. Setelah

masuk ke halaman admin, lalu memilih salah salu menu divisi yang diinginkan

dan terdapat pilihan input, update dan delete. Kemudian admin dapat mengisi

form manajemen admin dengan beberapa informasi mengenai nama, nomor

telepon, nama divisi, username dan password. Apabila ingin mengubah data

admin, maka memilih “edit”. Dan menghapus dengan memilih “delete”.

7) Sequence Diagram Newsletter (Member)

Gambar 4.13 Sequence Diagram Newsletter (Member)

: MemberUser Newsletter




2 : Memilih Login sebagai Member

3 : Login Gagal


6 : Login Sukses


9 : Memilih Menu Newsletter

10 : Menampilkan form Newsletter

11 : Memilih "Join This Site"

12 : Menampilkan form join this site

13: Mengisi data id e-mail yang diinginkan

14: Input id email & password success15: Data Telah Disimpan

16 : Menampilkan form newsletter

103

Pada Gambar 4.13 adalah diagram sekuensial newsletter, proses awalnya

dimulai dengan member melakukan log in yang kemudian ditampilkan home

member. Setelah itu member memilih menu newsletter dan menampilkan form

newsletter. Member melakukan pendaftaran newsletter dengan memilih “join this

site”, kemudian member masukkan user id dan password yang disesuaikan

dengan keinginan member.

8) Sequence Diagram Newsletter (Admin)

Gambar 4.14 Sequence Diagram Newsletter (Admin)

: Divisi MarketingUser Newsletter




2 : Memilih Login sebagai Divisi Marketing

3 : Login Gagal


6 : Login Sukses

8 : Menampilkan Halaman Divisi Marketing

9 : Memilih menu Newsletter

10 : Menampilkan form Newsletter

11 : Login sebagai [email protected]

12 : Login Sukses 13 : Username & Password benar

14 : Menampilkan form google friendconnect

15 : Memilih menu Send a Newsletter

16 : Menampilkan form Send a Newsletter

17 : Mengisi form Send a Newsletter

18 : Pengiriman Newsletter Sukses

19 : Data Terkirim

20 : Menampilkan Newsletter Preview

104

Pada Gambar 4.14 menampilkan interaksi antara divisi markerting dengan

sistem dalam mengirimkan newsletter ke akun member yang sudah terdaftar

dengan cara log in ke halaman sistem divisi markerting terlebih dahulu. Setelah

masuk ke halaman admin, lalu memilih menu newsletter. Untuk mengakses

newsletter pada “google friendconnect” maka admin harus log in dengan akun

[email protected]. Kemudian admin dapat mengirimkan newsletter ke

member yang sudah mendaftarkan diri.

9) Sequence Diagram Purchase Order (Member)

Gambar 4.15 Sequence Diagram Purchase Order (Member)

: MemberUser Purchase Order



3 : Login Gagal 4 : Username, Password & Pilihan Login Salah


6 : Login Sukses



9 : Memilih Menu Cooperation

10 : Menampilkan form Cooperation

11 : Memilih Purchase Order

12 : Menampilkan form Purchase Order

13 : Memilih "Browse File"

14 : Menampilkan File yang akan dipilih

15 : Mengisi Deskripsi

16 : Upload Sukses

17 : File Upload Disimpan

18 : Menampilkan Pesan "upload sukses"

105

Pada Gambar 4.15 menampilkan interaksi antara member dengan sistem

dalam melakukan purchase order ke perusahaan. Form purchase order diakses

dengan log in sebagai member terlebih dahulu. Apabila client tertarik melakukan

kerjasama maka akan memilih “purchase order” yang ada di form cooperation.

Kemudian memilih “browse file” purchase order dan mengisi deskripsi lalu

memilih button “upload”.

10) Sequence Diagram Purchase Order (Admin/Divisi Project)

Gambar 4.16 Sequence Diagram Purchase Order (Divisi Project)

: Divisi ProjectUser Purchase Order




2 : Memilih Login sebagai Divisi Project

3 : Login Gagal


6 : Login Sukses

8 : Menampilkan Halaman Divisi Project

9 : Memilih Menu Manage Project

10 : Menampilkan form Manage Project

11 : Memilih Menu PO

12 : Menampilkan Form PO

13 : Memilih "Reply" Purchase Order via E-mail

15 : Membuka webmail Medatama

16 : Memilih "delete" pada data yang diinginkan

17 : Data Telah Dihapus18 : Menampilkan pesan "delete success"

14 : Reply via E-mail

106

Pada Gambar 4.16 menampilkan interaksi antara divisi project (admin)

dengan sistem dalam melakukan konfirmasi purchase order. Form konfirmasi

purchase order diakses dengan log in sebagai divisi project terlebih dahulu.

Kemudian purchase order direspon dengan mengirim quotation atau penawaran.

11) Sequence Diagram Progress Project (Member)

Gambar 4.17 Sequence Diagram Progress Project (Member)


dalam melihat progress project yang sedang berjalan. Form progress project

diakses dengan log in sebagai member terlebih dahulu. Kemudian memilih menu

: MemberUser Progress

Project





3 : Login Gagal


6 : Login Sukses



10 : Menampilkan Form Cooperation

11 : Memilih "Progress Project"

12 : Menampilkan Form Progress Project

13 : Memilih "see the progress project grafic"

14 : Menampilkan grafik Progress Project

107

progress project dan dapat melihat tabel dan grafik progress project yang

tersedia.

12) Sequence Diagram Progress Project (Admin/Divisi Project)

Gambar 4.18 Sequence Diagram Progress Project (Divisi Project)

: Divisi ProjectUser Progress

Project



17: Data yang dimasukkan Salah


2 : Memilih Login sebagai Divisi Project

3 : Login Gagal


6 : Login Sukses

8 : Menampilkan Halaman Divisi Project

9: Memilih menu Manage Project

10: Menampilkan form Manage Project

11: Memilih menu Progress Project

12: Menampilkan form Progress Project

13: Memilih "Input Progress Project"

14: Menampilkan form Input Progress Project

15: Mengisi Data Progress Project

16: Input Progress Project Gagal

18: Menampilkan pesan "Error"

19: Input Progress Project Sukses20: Data telah disimpan

21: Menampilkan pesan "Input Success"

22: Memilih "Edit"

23: Menampilkan form Edit Progress Project

24: Mengubah data Progress Project25: Data telah disimpan

26: Menampilkan pesan "Renewed Success"

27: Memilih "Delete"

28: Data telah dihapus

29: Menampilkan pesan "Delete Success"

108

Pada Gambar 4.18 menampilkan interaksi antara divisi project dengan

sistem dalam memasukkan, meng-update dan menghapus data progress project.

Admin dapat mengisi, meng-update dan menghapus form progress project dengan

cara harus log in ke halaman sistem divisi project. Setelah masuk ke halaman

admin, lalu memilih menu progress project yang terdapat pilihan input, update

dan delete. Kemudian admin dapat mengisi form progress project dengan

beberapa informasi mengenai nama proyek, tahun dan persentase proyek yang

sedang dikerjakan. Apabila ingin mengubah data progress project, maka memilih

“edit”. Dan menghapus dengan memilih “delete”.

13) Sequence Diagram Chatting

Gambar 4.19 Sequence Diagram Chatting

: MemberUser Contact Us



3 : Login Gagal 4 : Username, Password & Pilihan Login Salah


6 : Login Sukses7 : Username, Password & Pilihan Login Benar


9 : Memilih Menu Contact Us

10 : Menampilkan Form Contact Us

11 : Memilih Costumer Services

12 : Menampilkan list Crew Medatama

13 : Memilih crew Medatama

14 : Menampilkan Alternatif Interaksi

109

Pada Gambar 4.19 adalah diagram sekuensial chatting, proses awalnya

dimulai dengan member melakukan log in yang kemudian ditampilkan home

member. Setelah itu member memilih menu contact us lalu ditampilkan list crew

PT. Meda Cipta Hutama yang kemudian diikuti dengan alternatif pilihan interaksi

dengan masing-masing personal. Setelah itu member dapat melakukan interaksi

dengan crew PT. Meda Cipta Hutama.

14) Sequence Diagram Kritik dan Saran (Member)

Gambar 4.20 Sequence Diagram Kritik dan Saran (Member)

16 : Data yang dimasukkan Benar

: MemberUser Suggestion &

Complain





3 : Login Gagal


6 : Login Sukses


9 : Memilih Menu Suggestion & Complain

10 : Menampilkan form Suggestion & Complain

11 : Mengisi Data Suggestion & Complain

13 : Data yang dimasukkan Salah

12 : Input Suggestion & Complain Gagal

14 : Menampilkan Pesan "Error: Sorry, field still empty"

15 : Input Suggestion & Complain Sukses

17 : Menampilkan Pesan "Thank You For Your Suggestion & Complain"

110


dalam melakukan kritik dan saran kepada perusahaan. Untuk mengakses form

suggestion & complain harus dilakukan log in sebagai member. Member mengisi

kritik dan saran, lalu sistem akan menampilkan nama pengirim secara otomatis.

15) Sequence Diagram Kritik & Saran (Admin/Divisi Informasi)

Gambar 4.21 Sequence Diagram Kritik & Saran (Divisi Informasi)

: Divisi InformasiUser Suggestion &

Complain




2 : Memilih Login sebagai Divisi Informasi

3 : Login Gagal


6 : Login Sukses

8 : Menampilkan Halaman Divisi Informasi

9 : Memilih Menu Suggestion & Complain

10 : Menampilkan Form Suggestion & Complain

11 : Memilih "Reply" Suggestion & Complain via E-mail12 : Reply via E-mail

13 : Menampilkan Webmail Medatama

14 : Memilih "delete" pada data yang diinginkan 15 : Data Telah Dihapus

16 : Menampilkan pesan "delete success"

111

Pada Gambar 4.21 menampilkan interaksi antara divisi informasi dengan

sistem dalam melihat kritik dan saran dengan cara log in ke halaman divisi

informasi terlebih dahulu. Setelah masuk ke halaman admin, lalu memilih menu

suggestion & complain. Member yang telah melakukan kritik dan saran tersebut

direspon dengan mengirim e-mail ke alamat yang sudah dicantumkan client.

16) Sequence Diagram Berita (Member)

Gambar 4.22 Sequence Diagram Berita (Member)


dalam melihat berita dengan cara log in ke halaman member terlebih dahulu.

Setelah masuk ke halaman member, lalu memilih menu news untuk melihat berita

terbaru.

: MemberUser News





3 : Login Gagal


6 : Login Sukses


9 : Memilih menu news

10 : Menampilkan form news

112

17) Sequence Diagram Berita (Admin/Divisi Informasi)

Gambar 4.23 Sequence Diagram Berita (Divisi Informasi)

Pada Gambar 4.23 menampilkan interaksi antara divisi informasi dengan

sistem dalam melakukan pemasukan dan menghapus data berita. Admin dapat

: Divisi InformasiUser News



13 : Data yang dimasukkan Salah



2 : Memilih Login sebagai Divisi Informasi

3 : Login Gagal


6 : Login Sukses

8 : Menampilkan Halaman Divisi Informasi

9 : Memilih Menu Add News

10 : Menampilkan Form Add News

11 : Memasukkan Data News

12 : Input News Gagal

14 : Menampilkan Pesan "Error"

15 : Input News Sukses

17 : Menampilkan Pesan "Input success"

18 : Memilih "see the news"

20 : Memilih "delete"

19 : Menampilkan halaman News

21 : Data Telah Dihapus

22 : Menampilkan Pesan "delete success"

113

mengisi form add news dengan cara harus log in ke halaman sistem divisi

informasi. Setelah masuk ke halaman admin, lalu memilih menu add news.

Kemudian admin dapat mengisi form add news dengan berita terbaru dari PT.

Meda Cipta Hutama.

18) Sequence Diagram PIC atau Person In Charge (Member)

Gambar 4.24 Sequence Diagram PIC (Member)


dalam melihat PIC dengan cara log in ke halaman member terlebih dahulu.

Setelah masuk ke halaman member, lalu memilih menu employee untuk melihat

karyawan yang bertugas.

User : Member

Employee





3 : Login Gagal


6 : Login Sukses



10 : Menampilkan form Cooperation

11 : Memilih "Employee"

12 : Menampilkan form Employee

114

19) Sequence Diagram PIC atau Person In Charge (Admin/Divisi Personalia)

Gambar 4.25 Sequence Diagram PIC (Divisi Personalia)

Pada Gambar 4.25 menampilkan interaksi antara divisi personalia dengan

sistem dalam memasukkan, meng-update dan menghapus data karyawan. Admin

dapat mengisi, meng-update dan menghapus form karyawan dengan cara log in ke

halaman sistem divisi personalia terlebih dahulu. Setelah masuk ke halaman

: Divisi PersonaliaUser Employee




2 : Memilih Login sebagai Divisi Personalia

3 : Login Gagal


6 : Login Sukses

8 : Menampilkan Halaman Divisi Personalia

9: Memilih menu Manage Project

10: Menampilkan form Manage Project

11: Memilih menu Employee

12: Menampilkan form Employee

13: Memilih "Input Employee"

14: Menampilkan form Input Employee

15: Mengisi Data Employee

16: Input Employee Gagal

18: Menampilkan pesan "Error"

17: Data yang dimasukkan Salah

19: Input Employee Sukses20: Data telah disimpan

21: Menampilkan pesan "Input Success"

22: Memilih "Edit"

23: Menampilkan form Edit Employee

24: Mengubah data Employee25: Data telah disimpan

26: Menampilkan pesan "Renewed Success"

27: Memilih "Delete"

28: Data telah dihapus

29: Menampilkan pesan "Delete Success"

115

admin, lalu memilih menu employee yang terdapat pilihan input, update dan

delete. Kemudian admin dapat mengisi form employee dengan beberapa informasi

mengenai nama karyawan, jadwal kerja dan nomor telepon. Apabila ingin

mengubah data karyawan, maka memilih “edit”. Dan menghapus dengan memilih

“delete”.

20) Sequence Diagram Log out (Member & Admin)

Gambar 4.26 Sequence Diagram Log out (Member & Admin)

Pada Gambar 4.26 merupakan diagram sekuensial log out, untuk proses

log out dapat dilakukan setelah log in dan semua proses yang diinginkan telah

berjalan. Member atau admin yang telah menjalankan semua proses yang

diinginkan kemudian ingin keluar dari sistem dengan cara memilih menu log out,

maka akan keluar dari halaman utama (home) website sistem i-CRM.

10 : Keluar dari Sistem

: Member & AdminUser




2 : Memilih Login sebagai Member / Admin


3 : Login Gagal

6 : Login Sukses


9 : Memilih Menu Log Out

116

4.3.2.3 Class Diagram

Class diagram menjelaskan tentang hubungan antara class yang terdapat

pada Sistem Informasi i-CRM. Class tersebut dibentuk oleh entity/object yang

mempunyai atribut dan operasi. Dari class tersebut dapat terbentuk sebuah tabel

yang dapat berasosiasi dengan tabel lainnya dan membentuk sebuah database.

1. Analisis Kebutuhan Objek

Analisis kebutuhan objek yang dilakukan untuk mengetahui objek-objek

yang terlibat adalah sebagai berikut:

a. Administrator yang mengontrol sistem dan empat admin. id_admin id_dmarketing id_dproject id_dpersonalia id_dinformasi adm_id passw nama no_telp b. Divisi Project yang merespon purchase order dan progress project.

id_dproject id_po id_progres adm_id passw nama no_telp

c. Divisi Marketing yang mengatur akun member dan data company profile. id_dmarketing id_cp user_id adm_id passw nama no_telp

d. Divisi Personalia yang mengatur person in charge karyawan. id_dpersonalia id_karyawan adm_id

117

passw nama no_telp

e. Divisi Informasi yang meng-input berita terbaru dan merespon kritik & saran. id_dinformasi id_berita id_bt adm_id passw nama no_telp

f. Kritik dan Saran yang dapat dilakukan oleh member. id_bt tgl_post nama komentar email

g. Member yang dapat melihat kebutuhan informasi di i-CRM. user_id passw nama kwn birthtown birthdate email tgl_daftar

h. Progress Project yang memudahkan member tanpa harus ke lokasi proyek. id_progres tahun bulan persen nama_proyek lokasi_proyek

i. Berita yang terbaru dari PT. Meda Cipta Hutama id_berita jdl_berita isi_berita tgl_berita

j. Company Profile perusahaan sebagai promosi. id_cp jdl_cp deskripsi gambar tgl_masuk

k. Purchase Order yang memudahkan member untuk melakukan kerjasama. id_po

118

deskripsi filename filedata filetype filesize

l. Employee (PIC) yang memudahkan member melihat person in charge. id_karyawan nama no_telp jdwl_kerja

2. Class diagram

Class diagram ini memiliki dua belas class, yaitu class admin, dmarketing,

dproject, dpersonalia, dinformasi, member, purchaseorder, companyprofile,

progressproject, karyawan, news dan kritiksaran. Penjelasan mengenai class

diagram Sistem Informasi i-CRM adalah pada Gambar 4.27.

Gambar 4.27 Class Diagram

progressproject

id_progres : varchar = 4nama_proyek : varchar = 30lokasi_proyek : varchar = 50bulan : varchar = 10tahun : varchar = 4persen : varchar = 3

submit()update()delete()

karyawan

id_karyawan : varchar = 4jadwal_kerja : varchar = 100no_telp : varchar = 30nama : varchar = 30


companyprofile

id_cp : int = 5jdl_cp : varchar = 100deskripsi : textgambar : varchar = 100tgl_masuk : date


purchaseorder

id_po : varchar = 4id_progres : varchar = 4id_karyawan : varchar = 4filename : varchar = 200filedata : longblobfiletype : varchar = 200filesize : varchar = 200deskripsi : varchar = 200

browse()upload()seefile()reply()delete()

1

1

1

1

1..n

1

1..n

1

dproject

id_dproject : varchar = 4id_progres : varchar = 4id_po : varchar = 4adm_id : varchar = 16passw : varchar = 16nama : varchar = 50no_telp : varchar = 12

login()

0..n

1

0..n

1

0..n

1

0..n

1

dpersonalia

id_dpersonalia : varchar = 4id_karyawan : varchar = 4adm_id : varchar = 16passw : varchar = 16nama : varchar = 50no_telp : varchar = 12

login()

1..n

1

1..n

1

dmarketing

id_dmarketing : varchar = 4id_cp : varchar = 5user_id : varchar = 16adm_id : varchar = 16passw : varchar = 16nama : varchar = 50no_telp : varchar = 12

login()

0..n1

0..n1

member

user_id : varchar = 16password : varchar = 16nama : varchar = 50email : varchar = 80birthtown : varchar = 40birthdate : datekwn : varchar = 40tgl_daftar : varchar = 20

register()login()delete()

0..n

1

0..n

1

0..n

1

0..n

1

admin

id_admin : varchar = 4id_dmarketing : varchar = 4id_dproject : varchar = 4id_dhumas : varchar = 4id_dpersonalia : varchar = 4adm_id : varchar = 16passw : varchar = 16nama : varchar = 50no_telp : varchar = 12

login()submit()update()delete()

1

1..n

1

1..n

1 1..n1 1..n1..n 11..n 1

kritiksaran

id_bt : varchar = 4tgl_post : varchar = 20nama : varchar = 30komentar : varchar = 255email : varchar = 50

submit()reply()delete()

0..n

1

0..n

1

news

id_berita : varchar = 4judul_berita : varchar = 75isi_berita : texttgl_berita : varchar = 12

submit()delete()

dinformasi

id_dinformasi : varchar = 4id_bt : varchar = 4id_berita : varchar = 4adm_id : varchar = 16passw : varchar = 16nama : varchar = 50no_telp : varchar = 12

login()

1..n

1

1..n

1

0..n

1

0..n

1

0..n

1

0..n

1

119

Keterangan:

1. Class “admin” merupakan composite dari class “dmarketing”, “dproject”,

“dpersonalia”, “dinformasi”. Setiap satu admin memiliki satu sampai banyak

divisi marketing, setiap satu admin memiliki satu sampai banyak divisi

project, setiap satu admin dapat memiliki satu sampai banyak divisi

personalia, setiap satu admin dapat memiliki satu sampai banyak divisi

informasi.

2. Class “dmarketing” composite dari class “companyprofile”. Setiap satu divisi

marketing memiliki 0 sampai banyak company profile.

3. Class “dproject” composite dari class “purchaseorder” dan “progressproject”.

Setiap satu divisi project memiliki 0 sampai banyak purchase order, setiap satu

divisi project memiliki 0 sampai banyak progress project.

4. Class “dinformasi” composite dari class “news” dan “kritiksaran”. Setiap satu

divisi informasi memiliki 0 sampai banyak berita, setiap satu divisi informasi

memiliki 0 sampai banyak kritik & saran.

5. Class “member” berasosiasi dengan class purchaseorder” dan “kritiksaran”.

Setiap satu member memiliki 0 sampai banyak purchase order dan setiap satu

member memiliki 0 sampai banyak kritik & saran.

6. Class “purchaseorder” composite dari class “karyawan” dan “progressproject”,

karena setiap satu purchase order memiliki satu sampai banyak karyawan dan

setiap satu purchase order memiliki satu progress project.

120

4.3.2.4 Statechart Diagram

1) Statechart Diagram Promosi (Member)

Gambar 4.28 Statechart Diagram Promosi (Member)

Pada Gambar 4.28 menu company profile dikatakan aktif apabila dipilih

oleh member. Menu company profile dikatakan pasif apabila menu company

profile tidak dipilih dan aktif kembali jika dipilih kembali. Sudah tidak masuk

menu company profile apabila keluar dari sistem.

2) Statechart Diagram Promosi (Admin/Divisi Markerting)

Gambar 4.29 Statechart Diagram Promosi (Divisi Markerting)

Startmenu company

profile aktifpilih menu company profile

dipilih kembali

tidak dipilih

keluar sistem

menu company profile pasif

keluar sistem

End

Startmenu company

profile aktifmenu company

profile pasif

save company profile

input, update & delete

data company profile

cek database

dicek

validasiinput, update & delete

dipilih kembali

End

menu company profile

berhasil

keluar sistem

keluar sistempilih menu company profile

tidak dipilih

121

Pada Gambar 4.29 menu company profile dikatakan aktif apabila dipilih

oleh divisi marketing (admin). Jika member melakukan input, update dan delete

company profile maka company profile tersimpan dan database akan melakukan

pengecekan. Jika berhasil data akan tersimpan dan masuk ke menu progress

project. Menu company profile dikatakan pasif apabila menu company profile

tidak dipilih dan aktif kembali jika dipilih kembali. Sudah tidak masuk menu

company profile apabila keluar dari sistem.

3) Statechart Diagram Registrasi (Member)

Gambar 4.30 Statechart Diagram Registrasi (Member)

Pada Gambar 4.30 menu register dikatakan aktif apabila dipilih oleh

member. Jika member melakukan input registrasi, maka register tersimpan dan

database akan melakukan pengecekan. Jika berhasil muncul pesan data tersimpan

dan jika gagal muncul pesan gagal dan link masuk ke menu register. Menu

register dikatakan pasif apabila menu register tidak dipilih dan aktif kembali jika

dipilih kembali. Sudah tidak masuk menu register apabila keluar dari sistem.

menu register aktif

menu register pasif

EndStart

save program

cek databaseinput

save data member

menu register

keluar sistem

berhasil

gagal

validasi

dicek

pilih menu register

dipilih kembali

keluar sistem

tidak dipilih

input registrasi

122

4) Statechart Diagram Registrasi (Admin/Divisi Markerting)

Gambar 4.31 Statechart Diagram Registrasi (Divisi Markerting)

Pada Gambar 4.31 menu see member dikatakan aktif apabila dipilih oleh

divisi marketing (admin). Setelah itu divisi marketing (admin) dapat mengatur

akun member dengan menghapusnya dari dalam database. Menu see member

dikatakan pasif apabila menu see member tidak dipilih dan aktif kembali jika

dipilih kembali. Sudah tidak masuk menu see member apabila keluar dari sistem.

5) Statechart Diagram Log in (Member & Admin)

Gambar 4.32 Statechart Diagram Log in (Member & Admin)

End

Start

save programdelete

menu see member aktif

menu see member pasif

tidak dipilih

dipilih kembali

pilih menu see member

delete data registrasi member

keluar sistem

keluar sistem

Start

menu login aktif

menu login pasif

username inserted

password inserted

memilih user login sebagai member atau admin

cek database

dicek

memilih button login

home aktif

menu login aktif

keluar sistem

gagal

berhasil

End

input password

memilih scroll login

validasi

pilih menu login

tekan button login

dipilih kembali

keluar sistem

tidak dipilih

input username

123

Pada Gambar 4.32 menu log in dikatakan aktif apabila dipilih oleh

member dan admin. Username dan password diinputkan ke dalam sistem. Setelah

itu memilih scroll log in yang tepat, tekan tombol log in. Setelah itu, sistem akan

memvalidasi username, password dan scroll log in ke dalam database. Kemudian

dilakukan pengecekan ke dalam database. Jika berhasil menu home aktif artinya

masuk ke halaman member dan jika gagal sistem kembali ke menu log in. Menu

log in dikatakan pasif apabila menu log in tidak dipilih dan aktif kembali jika

dipilih kembali. Sudah tidak masuk menu log in apabila keluar dari sistem.

6) Statechart Diagram Manajemen Admin (Administrator)

Gambar 4.33 Statechart Diagram Manajemen Admin (Administrator)

Pada Gambar 4.33 menu manage admin dikatakan aktif apabila dipilih

oleh administrator (admin). Menu manage admin dikatakan pasif apabila menu

manage admin tidak dipilih dan aktif kembali jika dipilih kembali. Sudah tidak

masuk menu manage admin apabila keluar dari sistem. Jika administrator (admin)

memilih menu salah satu divisi maka dapat melakukan input data admin, update

dan delete, kemudian data admin tersimpan dan database akan melakukan

Startmenu manage

admin aktifmenu manage

admin pasifpilih menu manage admin

tidak dipilh

dipilih kembali

menu salah satu divisi

pilih menu salah satu divisi

save program

input, update, delete

admin

input, update, delete

cek database

validasi

dicek

menu salah satu divisi

save admin

keluar sistem keluar sistem

End

124

pengecekan. Jika berhasil muncul pesan data tersimpan dan jika gagal muncul

pesan gagal dan link masuk ke menu manage admin.

7) Statechart Diagram Newsletter (Member)

Gambar 4.34 Statechart Diagram Newsletter (Member)

Pada Gambar 4.34 menu newsletter dikatakan aktif apabila dipilih oleh

member. Setelah itu member mendaftarkan diri dengan cara memasukkan user id

e-mail dan password. Menu newsletter dikatakan pasif apabila menu newsletter


newsletter apabila keluar dari sistem.

8) Statechart Diagram Newsletter (Admin)

Gambar 4.35 Statechart Diagram Newsletter (Admin)

Startmenu newsletter

aktifmenu newsletter

pasif

tidak dipilih

Endprogram newsletterinput

input id email & password

pilih menu newsletter

dipilih kembali

keluar sistem

keluar sistem

Startmenu newsletter

aktifmenu newsletter

pasif

Endprogram newsletter

tidak dipilih

pilih menu newsletter

sent newsletter

sent

dipilih kembali

keluar sistem

keluar sistem

125

Pada Gambar 4.35 menu newsletter dikatakan aktif apabila dipilih oleh

admin. Setelah itu admin mengirimkan newsletter ke member yang telah

mendaftarkan e-mailnya. Menu newsletter dikatakan pasif apabila menu

newsletter tidak dipilih dan aktif kembali jika dipilih kembali. Sudah tidak masuk

menu newsletter apabila keluar dari sistem.

9) Statechart Diagram Purchase Order (Member)

Gambar 4.36 Statechart Diagram Purchase Order (Member)

Pada Gambar 4.36 menu purchase order dikatakan aktif apabila dipilih

oleh member. Setelah itu member melakukan upload purchase order dan

menyimpannya ke dalam database. Menu purchase order dikatakan pasif apabila

menu purchase order tidak dipilih dan aktif kembali jika dipilih kembali. Sudah

tidak masuk menu purchase order apabila keluar dari sistem.

Startmenu purchase

order aktifmenu purchase

order pasif

save purchase order

Startmenu purchase

order pasif

save purchase order

pilih menu purchase order

dipilih kembali

upload purchase order

keluar sistem

keluar sistem

tidak dipilih

Endupload

126

10) Statechart Diagram Purchase Order (Admin/Divisi Project)

Gambar 4.37 Statechart Diagram Purchase Order (Divisi Project)

Pada Gambar 4.37 menu purchase order dikatakan aktif apabila dipilih

oleh divisi project (admin). Setelah itu divisi project (admin) melihat file

purchase order, merespon dan menghapusnya dari database. Menu purchase

order dikatakan pasif apabila menu purchase order tidak dipilih dan aktif kembali

jika dipilih kembali. Sudah tidak masuk menu purchase order apabila keluar dari

sistem.

11) Statechart Diagram Progress Project (Member)

Gambar 4.38 Statechart Diagram Progress Project (Member)

menu purchase order pasif

End

menu purchase order aktif

pilih menu purchase order

keluar sistem

menu purchase order aktif

tidak dipilih

dipilih kembali

program

see, reply & delete purchase order

see, reply & deletekeluar sistem

Start

keluar sistem

Startmenu progress

project aktifmenu progress

project pasifpilih menu progress project

End

tidak dipilih

dipilih kembali

keluar sistem

127

Pada Gambar 4.38 menu progress project dikatakan aktif apabila dipilih

oleh member. Menu progress project dikatakan pasif apabila menu progress

project tidak dipilih dan aktif kembali jika dipilih kembali. Sudah tidak masuk

menu progress project apabila keluar dari sistem.

12) Statechart Diagram Progress Project (Admin/Divisi Project)

Gambar 4.39 Statechart Diagram Progress Project (Divisi Project)

Pada Gambar 4.39 menu progress project dikatakan aktif apabila dipilih

oleh divisi project (admin). Jika member melakukan input progress project,

update dan delete maka progress project tersimpan dan database akan melakukan

pengecekan. Jika berhasil muncul pesan data tersimpan dan jika gagal muncul

pesan gagal dan link masuk ke menu progress project. Menu progress project

dikatakan pasif apabila menu progress project tidak dipilih dan aktif kembali jika

dipilih kembali. Sudah tidak masuk menu progress project apabila keluar dari

sistem.

Startmenu progress

project aktifmenu progress

project pasifpilih menu progress project

dipilih kembali

tidak dipilih

save progress project

input, update & deleteprogress project


menu progress project

cek database

dicek

save progress project

gagal

berhasil

Endkeluar sistem

keluar sistem

validasi

128

13) Statechart Diagram Chatting

Gambar 4.40 Statechart Diagram Chatting

Pada Gambar 4.40 menu contact us dikatakan aktif apabila dipilih oleh

member. Jika member memilih costumer services lalu memilih crew, maka sistem

akan melakukan pengecekan dan menampilkan pilihan. Jika menekan “ok” maka

masuk ke chat dan jika menekan “cancel” maka kembali ke costumer services.

Menu contact us pasif apabila menu contact us tidak dipilih dan aktif kembali jika

dipilih kembali. Sudah tidak masuk menu contact us apabila keluar dari sistem.

14) Statechart Diagram Kritik & Saran (Member)

Gambar 4.41 Statechart Diagram Kritik & Saran (Member)

Startmenu contact

us aktifmenu contact

us pasifpilih menu contact us

tidak dipilih

dipilih kembali

memilih costumer services

tekan pilihan costumer services

memilih crew medatama

tekan pilihan crew medatama

cek program

dicek

validasi

Chat

tekan ok

menu customer servicestekan cancel

End

keluar sistem

keluar sistem

menu suggestion&complain aktif

pilih menu suggestion&complain menu suggestion&complain pasif

tidak dipilih

dipilih kembali

save program

cek databaseinput

validasi

dicek

input kritik dan saran

menu suggestion&complain

save data suggestion & complainsukses

gagal

Endkeluar sistem

keluar sistem

129

Pada Gambar 4.41 menu suggestion & complain dikatakan aktif apabila

dipilih oleh member. Menu suggestion & complain dikatakan pasif apabila menu

suggestion & complain tidak dipilih dan aktif kembali jika dipilih kembali. Sudah

tidak masuk menu suggestion & complain apabila keluar dari sistem. Jika member

melakukan input suggestion & complain, maka suggestion & complain tersimpan

dan database akan melakukan pengecekan. Jika berhasil muncul pesan data

tersimpan dan jika gagal muncul pesan gagal dan link masuk ke menu suggestion

& complain.

15) Statechart Diagram Kritik & Saran (Admin/Divisi Informasi)

Gambar 4.42 Statechart Diagram Kritik & Saran (Divisi Informasi)

Pada Gambar 4.42 menu suggestion & complain dikatakan aktif apabila

dipilih oleh divisi informasi (admin). Setelah itu divisi informasi (admin) dapat

merespon dan menghapusnya dari database. Menu suggestion & complain

dikatakan pasif apabila menu suggestion & complain tidak dipilih dan aktif

kembali jika dipilih kembali. Sudah tidak masuk menu suggestion & complain

apabila keluar dari sistem.

Endprogram keluar sistem

Startmenu

suggestion&complain aktifmenu

suggestion&complain pasif

pilih menu suggestion&complain

tidak dipilih

dipilih kembalikeluar sistem

reply & delete

reply & delete kritik dan saran

130

16) Statechart Diagram Berita (Member)

Gambar 4.43 Statechart Diagram Berita (Member)

Pada Gambar 4.43 menu news dikatakan aktif apabila dipilih oleh member.

Menu news dikatakan pasif apabila menu news tidak dipilih dan aktif kembali jika

dipilih kembali. Sudah tidak masuk menu news apabila keluar dari sistem.

17) Statechart Diagram Berita (Admin/Divisi Informasi)

Gambar 4.44 Statechart Diagram Berita (Divisi Informasi)

Start

End

menu news aktif

menu news pasif

memilih menu news

dipilih kembali

tidak dipilih

keluar sistemkeluar sistem

Startmenu add news aktif

menu add news pasif

tidak dipilih

dipilih kembali

memilih menu add news

save program

input & delete berita

input & delete cek database

validasi

dicek

Endkeluar sistem

menu add news

save data newssukses

gagal

keluar sistem

131

Pada Gambar 4.43 menu add news dikatakan aktif apabila dipilih oleh

divisi informasi (admin). Jika member melakukan input news dan delete, maka

news tersimpan dan database akan melakukan pengecekan. Jika berhasil muncul

pesan data tersimpan dan jika gagal muncul pesan gagal dan link masuk ke menu

add news. Menu add news dikatakan pasif apabila menu news tidak dipilih dan

aktif kembali jika dipilih kembali. Sudah tidak masuk menu add news apabila

keluar dari sistem.

18) Statechart Diagram PIC atau Person In Charge (Member)

Gambar 4.45 Statechart Diagram PIC (Member)

Pada Gambar 4.45 menu employee dikatakan aktif apabila dipilih oleh

member. Menu employee dikatakan pasif apabila menu employee tidak dipilih dan

aktif kembali jika dipilih kembali. Sudah tidak masuk menu employee apabila

keluar dari sistem.

Startmenu

employee aktifmenu

employee pasifpilih menu employee

dipilih kembali

End

tidak dipilih

keluar sistem

keluar sistem

132

19) Statechart Diagram PIC atau Person In Charge (Admin/Divisi Personalia)

Gambar 4.46 Statechart Diagram PIC (Divisi Personalia)

Pada Gambar 4.46 menu employee dikatakan aktif apabila dipilih oleh

divisi personalia (admin). Menu employee dikatakan pasif apabila menu employee


employee apabila keluar dari sistem. Jika divisi personalia (admin) melakukan

input employee, update dan delete maka employee tersimpan dan database akan

melakukan pengecekan. Jika berhasil muncul pesan data tersimpan dan jika gagal

muncul pesan gagal dan link masuk ke menu employee.

20) Statechart Diagram Log out (Member & Admin)

Gambar 4.47 Statechart Diagram Log out (Member & Admin)

Startmenu

employee aktifmenu

employee pasifpilih menu employee

dipilih kembali

save employee



data karyawan

cek database

dicek

validasi

menu employee

save data employee

End

keluar sistem

keluar sistem

berhasil

gagal

tidak dipilih

Startmenu

logout aktifmenu

logout pasif

halaman non member

End

pilih menu logout

keluar sistem

tidak dipilih

keluar dari halaman member

dipilih kembalikeluar sistem

133

Pada Gambar 4.47 menu log out dikatakan aktif apabila dipilih oleh

member. Menu log out dikatakan pasif apabila menu log out tidak dipilih dan aktif

kembali jika dipilih kembali. Sudah tidak masuk menu log out apabila keluar dari

sistem. Masuk menu log out apabila ingin keluar dari halaman member dan

menuju ke halaman non member. Sudah tidak masuk halaman non member

apabila keluar dari sistem.

4.3.2.5 Activity Diagram

1) Activity Diagram Promosi (Member & Non Member)

Gambar 4.48 Activity Diagram Promosi (Member & Non Member)

Aktifitas pada Gambar 4.48 ini dilakukan oleh member dan non member

agar client dapat melihat company profile dari PT. Meda Cipta Hutama. Sebelum

melihat company profile, member dan non member harus membuka halaman

website sistem dengan memasukkan alamat halaman website sistem pada browser.

Setelah masuk ke halaman website sistem, member dan non member dapat melihat

promosi dengan memilih menu company profile.

Start

Memilih menu company profile

Menampilkan form company profile

End

SistemMember & Non Member

134

2) Activity Diagram Promosi (Admin/Divisi Markerting)

Gambar 4.49 Activity Diagram Promosi (Divisi Markerting)

Aktifitas pada Gambar 4.49 ini dapat dilakukan oleh divisi markerting

untuk melakukan promosi company profile untuk member. Sebelum melakukan

promosi admin harus log in terlebih dahulu. Kemudian admin dapat mengisi

company profile dengan memilih menu add company profile, mengubah company

profile dengan memilih button “edit” dan dapat menghapus dengan memilih

button “delete”. Kemudian sistem menampilkan company profile di halaman

member dan non member.

Start

Login

Memilih menu Company Profile

Melakukan tindakan

input update delete

Menyimpan data

Menampilkan halaman admin

End

Menampilkan form Company Profile

Menampilkan Tindakan

SistemAdmin/Div isi Marketing

135

3) Activity Diagram Registrasi (Non Member)

Gambar 4.50 Activity Diagram Registrasi (Non Member)

Aktifitas pada Gambar 4.50 ini dapat dilakukan oleh non member untuk

melakukan permohonan sebagai member. Sebelum melakukan registrasi, non

member harus membuka halaman website sistem dengan memasukkan alamat

halaman website sistem pada browser. Setelah masuk ke halaman website sistem,

non member melakukan pengisian form pendaftaran yang ada pada menu register.

Jika data yang dimasukkan tidak lengkap, sistem akan menampilkan peringatan

error yang menampilkan kesalahan pengisian dan melakukan pengisian data

kembali. Dan jika data yang dimasukkan terisi lengkap, data register akan

tersimpan kemudian sistem menampilkan alert pendaftaran sukses.

End

Start

Memilih menu register

Mengisi data diri

Men-check list kesepakatan

Memilih button "register"

Apakah data terisi lengkap?

Menampilkan form registration

Menampilkan alert "error" atas sejumlah kesalahan

Menampilkan alert "Success. Thank you for registering."

tidak

ya

SistemNon Member

136

4) Activity Diagram Registrasi (Admin/Divisi Markerting)

Gambar 4.51 Activity Diagram Registrasi (Divisi Markerting)

Aktifitas pada Gambar 4.51 ini dapat dilakukan oleh admin divisi

marketing untuk mengatur akun member. Sebelum mengatur akun admin harus

log in. Setelah log in berhasil, sistem akan menampilkan halaman admin. Admin

memilih menu see member. Kemudian sistem menampilkan list calon member dan

admin mengatur akun member sesuai dengan ketentuan dan menghapus akun

member yang tidak dikenal dengan memilih button “delete”.

Memilih button "delete"

Start

Memilih menu see members

Login

Menampilkan form member list

End

Menampilkan alert "Data successfully deleted from database."



137

5) Activity Diagram Log in (Member & Admin)

Gambar 4.52 Activity Diagram Log in (Member & Admin)

Aktifitas pada Gambar 4.52 ini dilakukan oleh member dan admin agar

dapat masuk ke halaman utama (home) sistem dan mengakses keseluruhan menu

dalam sistem. Untuk itu member atau admin harus melakukan pengisian username

dan password pada menu log in. Memilih log in sebagai member atau admin

dengan membuka scroll pilihan. Dalam scroll terdapat pilihan log in yaitu

member, administrator serta admin dari divisi marketing, divisi project, divisi

personalia dan divisi informasi. Jika username dan password yang dimasukkan

salah serta belum memilih scroll log in, maka sistem akan menampilkan

peringatan username dan password yang dimasukkan salah serta belum memilih

log in dengan tepat. Dan jika benar, maka sistem akan menampilkan halaman

utama (home) sistem dan selanjutnya member atau admin dapat mengakses menu-

menu yang disediakan sistem.

Start

Memilih menu login

Memasukkan username & password

Memilih scroll pilihan login sebagai member atau admin

Menampilkan form login

Menampilkan halaman sistem

ya

EndMenampilkan alert "Sorry, you have input wrong User ID or Password"

tidak

Mengecek kesesuaian username & password

Data valid?

SistemAdmin & Member

138

6) Activity Diagram Manajemen Admin (Administrator)

Gambar 4.53 Activity Diagram Manajemen Admin (Administrator)

Aktifitas pada Gambar 4.53 ini dilakukan oleh administrator (admin) agar

dapat masuk ke halaman utama (home) sistem dan mengatur keseluruhan akun

admin PT. Meda Cipta Hutama. Sebelum mengatur akun admin, administrator

harus log in. Setelah log in berhasil, sistem akan menampilkan halaman

administrator. Administrator memilih menu manage admin kemudian sistem

menampilkan admin dari berbagai divisi. Setelah itu admistrator memilih divisi

yang inginkan, admistrator dapat menambah akun admin pada menu add admin.

Bila diinginkan administrator dapat mengubah data admin dengan memilih button

“edit” dan menghapus dengan memilih button “delete”.

Login

Memilih menu manage admin

Memilih divisi yang ingin dimanage

Melakukan tindakan

updateinput delete

Menyimpan data


Menampilkan form manage admin

Menampilkan form divisi yang diinginkan

Menampilkan hasil tindakan

End

SistemAdmin

139

7) Activity Diagram Newsletter (Member)

Gambar 4.54 Activity Diagram Newsletter (Member)

Aktifitas pada Gambar 4.54 ini dilakukan oleh member agar dapat masuk

ke halaman utama (home) sistem dan mendaftarkan diri agar dapat menerima

newsletter dari PT. Meda Cipta Hutama. Sebelum mendaftarkan e-mail yang

diinginkan, member harus log in. Setelah log in berhasil, sistem akan

menampilkan halaman member. Member memilih menu newsletter kemudian

sistem menampilkan form newsletter. Setelah itu member memilih “join this site”

dan menampilkan form join this site untuk memilih akun yang ingin didaftarkan.

Pada form tersebut, member dapat memasukkan user id dan password yang ingin

didaftarkan dengan memilih button “join this site” dan sistem akan menampilkan

form newsletter.

End

Start

Login

Memilih menu newsletter

Memilih "Join This Site"

Memilih akun yang akan didaftarkan

Memasukkan id user & password

Memilih button "join this site"

Menampilkan halaman member

Menampilkan form newsletter

Menampilkan form "Join This Site"

Menampilkan form newsletter

Menampilkan form login yang dipilih

SistemMember

140

8) Activity Diagram Newsletter (Admin/ Divisi Marketing)

Gambar 4.55 Activity Diagram Newsletter (Divisi Marketing)

Aktifitas pada Gambar 4.55 ini dilakukan oleh admin divisi marketing

untuk mengirimkan newsletter ke akun member yang sudah didaftarkan. Sebelum

mengirim newsletter, admin harus log in. Setelah log in berhasil, sistem akan

menampilkan halaman admin. Admin memilih menu newsletter. Kemudian sistem

menampilkan form log in newsletter dan admin harus log in sebagai

[email protected] untuk menampilkan form “google friendconnect”.

Admin memilih menu send a newsletter dan mengisi form tersebut dengan berita

yang diinginkan perusahaan. Untuk mengirimkan newsletter tersebut admin

memilih button “preview and send newsletter”.

End

Login

Memilih menu Newsletter

Login sebagai [email protected]

Memilih menu send a newsletter

Mengisi form newsletter

Memilih button "preview and send newsletter"

Start


Menampilkan form Newsletter

Menampilkan form google friendconnect

Menampilkan form send a newsletter

Menampilkan newsletter preview


141

9) Activity Diagram Purchase Order (Member)

Gambar 4.56 Activity Diagram Purchase Order (Member)

Aktifitas pada Gambar 4.56 ini dilakukan oleh member untuk melakukan

kerjasama. Sebelum melakukan kerjasama, member harus log in. Kemudian

mengirim purchase order dengan memilih submenu purchase order yang ada

pada form cooperation. Member mengisi deskripsi proyek dan browse file

purchase order yang akan dikirim ke sistem dengan memilih button “upload”.

Kemudian sistem menampilkan file purchase order yang telah di-upload di

halaman admin divisi project.

Start

Login

Memilih menu Cooperation

Memilih purchase order

Memasukkan Deskripsi Proyek

Browse File PO

Memilih button "upload"


Menampilkan form cooperation

Menampilkan form purchase order

Menampilkan alert "Upload Success."

End

SistemMember

142

10) Activity Diagram Purchase Order (Admin/Divisi Project)

Gambar 4.57 Activity Diagram Purchase Order (Divisi Project)

Aktifitas pada Gambar 4.57 ini dilakukan oleh divisi project (admin)

untuk mengkonfirmasi kerjasama dengan mengirim file invoice. Sebelum

mengkonfirmasi, divisi project (admin) harus log in. Kemudian admin melihat

purchase order yang ada pada form PO dengan memilih button “see file”. Sistem

akan menampilkan pilihan open file untuk membuka file dan save file untuk

menyimpan file. File purchase order dapat di-download dan disimpan ke arsip

purchase order dalam PC. Setelah proyek selesai dikerjakan admin segera

Start

Login

Memilih menu manage project

Memilih menu PO

Memilih button "see file"

Mengambil file?

open file

Memilih button "ok"

save file


Memilih button "cancel"

Memilih button "Reply"

Melakukan tindakan


Menampilkan form manage project

Menampilkan form purchase order

EndMenampilkan alert "delete success"

Menampilkan atau menyimpan file

Reply via email & menampilkan webmail medatama

tidak

ya

membuka data

hapus data

merespon purchase order

SistemAdmin/Div isi Proj ect

143

memberikan invoice ke pelanggan dengan memilih button “reply” untuk

merespon purchase order. Sistem akan menampilkan halaman webmail PT. Meda

Cipta Hutama dan admin dapat mengirimkan invoice ke e-mail member. Apabila

purchase order telah direspon maka divisi project dapat menghapus purchase

order dengan memilih button “delete”.

11) Activity Diagram Progress Project (Member)

Gambar 4.58 Activity Diagram Progress Project (Member)

Aktifitas pada Gambar 4.58 ini dilakukan oleh member agar dapat melihat

progress project yang sedang berjalan dengan mengakses sistem. Sebelum

melihat progress project, member harus log in. Kemudian melihat progress

project dengan memilih submenu progress project yang ada pada form

cooperation. Progress project tersebut dapat dilihat dalam bentuk tabel dan

grafik.

Start

Login

Memilih menu progress


Melihat grafik progress project

Menampilkan form progress project



Menampilkan grafik progress project

End

SistemMember

144

12) Activity Diagram Progress Project (Admin/Divisi Project)

Gambar 4.59 Activity Diagram Progress Project (Divisi Project)

Aktifitas pada Gambar 4.59 ini dilakukan oleh divisi project (admin)

untuk mengisi progress project yang sedang berjalan. Sebelum mengisi progress

project, divisi project (admin) harus log in. Kemudian divisi project (admin)

mengisi progress project yang ada pada form input progress. Bila diinginkan

admin dapat mengubah data progress project dengan memilih button “edit” dan

menghapus progress project dengan memilih button “delete”.

Login


Melakukan

tindakan

Input Update Delete

Menyimpan data

Memilih menu Progress Project

End




Menampilkan form Progress Project

SistemAdmin/Div isi Project

145

13) Activity Diagram Chatting

Gambar 4.60 Activity Diagram Chatting

Aktifitas pada Gambar 4.60 ini dapat dilakukan member untuk melakukan

interaksi langsung dengan crew PT. Meda Cipta Hutama dalam hal tanya jawab

seputar project. Untuk dapat melakukan interaksi langsung, member harus log in

terlebih dulu. Setelah log in, member dapat memilih salah satu crew yang telah

terdaftar dalam list dengan alternatif pilihan yang dipilih untuk berkomunikasi

langsung secara interaktif.

End

Start

Login

Memilih menu contact us

Memilih Customer Services

Memilih crew Medatama


Menampilkan form contact us

Menampilkan list crew Medatama

Menampilkan alternatif interaksi

SistemMember

146

14) Activity Diagram Kritik dan Saran (Member)

Gambar 4.61 Activity Diagram Kritik dan Saran (Member)

Aktifitas pada Gambar 4.61 ini dilakukan oleh member untuk

mengirimkan kritik dan saran. Sebelum mengirimkan kritik dan saran, member

harus log in. Kemudian mengirimkan kritik dan saran dengan memilih menu

suggestion & complain. Member mengisi kritik dan saran yang akan dikirim ke

sistem dengan memilih button “submit”. Kemudian sistem menampilkan kritik

dan saran yang telah di-submit di halaman admin divisi informasi.

Start

Login

Memilih menu suggestion & complain

Mengisi comment & email

Memilih button "submit"

apakah telah terisi?

Memilih "fill out again"


Menampilkan form suggestion & complain

Menampilkan alert "Error: Sorry,

field still empty"

Menampilkan alert "thank you for your suggestion & complain"

End

belum

sudah

SistemMember

147

15) Activity Diagram Kritik & Saran (Divisi Informasi)

Gambar 4.62 Activity Diagram Kritik & Saran (Divisi Informasi)

Aktifitas pada Gambar 4.62 ini dilakukan oleh divisi informasi (admin)

untuk merespon kritik dan saran. Sebelum merespon kritik dan saran, divisi

informasi (admin) harus log in. Kemudian divisi informasi (admin) melihat kritik

dan saran yang telah dikirim member dengan memilih menu suggestion &

complain. Setelah melihat kritik dan saran, admin merespon dengan mengirimkan

e-mail dengan memilih button “reply” dan bila diinginkan admin dapat

menghapus kritik dan saran dengan memilih button “delete”.

Start

Login

Memilih menu suggestion & complain


Memilih button "Reply"

Melakukan tindakan


Menampilkan form suggestion & complain

Reply via email & menampilkan webmail medatama

End

merespon kritik & saranmenghapus data

SistemAdmin/Div isi Informasi

148

16) Activity Diagram Berita (Member)

Gambar 4.63 Activity Diagram Berita (Member)

Aktifitas pada Gambar 4.63 ini dilakukan oleh member agar dapat melihat

berita terbaru dari PT. Meda Cipta Hutama. Untuk melihat berita terbaru, member

harus log in terlebih dahulu. Kemudian melihat berita terbaru dengan memilih

menu news.

Login

Start

Memilih menu news


Menampilkan form news

End

SystemMember

149

17) Activity Diagram Berita (Divisi Informasi)

Gambar 4.64 Activity Diagram Berita (Divisi Informasi)

Aktifitas pada Gambar 4.64 ini dilakukan oleh divisi informasi (admin)

mengisi berita terbaru. Sebelum mengisi berita terbaru, admin harus log in sebagai

divisi informasi. Kemudian divisi informasi (admin) mengisi berita terbaru yang

ada pada menu news. Jika data yang dimasukkan tidak lengkap, sistem akan

menampilkan peringatan error yang menampilkan kesalahan pengisian dan

melakukan pengisian data kembali. Dan jika data yang dimasukkan lengkap, data

berita terbaru akan tersimpan kemudian sistem menampilkan alert pendaftaran

Start

Login

Memilih menu add news

Mengisi title news & news contents

Memilih button "submit"

apakah telah terisi?

Memilih "add news again"

Memilih menu news


Melakukan tindakan


Menampilkan form add news

Menampilkan alert "input success"

End

Menampilkan alert "Error: Sorry, field still empty"

Menampilkan form news

sudah

belum

SistemAdmin/Div isi Informasi

150

sukses. Bila diinginkan admin dapat menghapus berita dengan memilih button

“delete”.

18) Activity Diagram PIC atau Person In Charge (Member)

Gambar 4.65 Activity Diagram PIC (Member)

Aktifitas pada Gambar 4.65 ini dilakukan oleh member untuk dapat

melihat jadwal karyawan dan nomor telepon agar dapat mengetahui karyawan di

perusahaaan. Sebelum melihat jadwal karyawan, member harus membuka

halaman website sistem dengan memasukkan alamat halaman website sistem pada

browser. Setelah masuk ke halaman website sistem, member log in terlebih dahulu

kemudian melihat jadwal karyawan dengan memilih submenu employee yang ada

pada form cooperation.

End

Start

Login


Memilih menu employee



Menampilkan form employee

SystemMember

151

19) Activity Diagram PIC atau Person In Charge (Admin/Divisi Personalia)

Gambar 4.66 Activity Diagram PIC (Divisi Personalia)

Aktifitas pada Gambar 4.66 ini dilakukan oleh divisi personalia (admin)

untuk mengisi jadwal karyawan dan nomor telepon. Sebelum mengisi data

karyawan, admin harus log in sebagai divisi personalia. Kemudian divisi

personalia (admin) mengisi data karyawan yang ada pada form input employee.

Bila diinginkan admin dapat mengubah data karyawan dengan memilih button

“edit” dan menghapus data karyawan dengan memilih button “delete”.

Login


Memilih menu employee

Melakukan tindakan

Input Update Delete

Menyimpan data

End


Menampilkan form employee



SistemAdmin/Div isi Personalia

152

20) Activity Diagram Log out (Member & Admin)

Gambar 4.67 Activity Diagram Log out (Member & Admin)

Aktifitas pada ini Gambar 4.67 dapat dilakukan member atau admin bila

tidak lagi melakukan aktivitas apapun di dalam sistem dan ingin keluar dari

sistem. Admin disini adalah divisi project, divisi marketing dan divisi informasi.

Member atau admin cukup memilih menu log out pada sistem maka member atau

admin akan keluar dari sistem.

4.3.3 Database Design

4.3.3.1 Spesifikasi Database

1) Tabel Admin

Nama tabel : Tabel Admin

Alias : admin

Fungsi : Untuk log in admin

Primary key : adm_id

Masuk halaman sistem i-CRM

Start

Memilih menu log out

Menampilkan halaman sistem i-CRM

keluar sistem?

Keluar dari sistem

End

tidak

ya

SistemAdmin & Member

153

Foreign key : id_dmarketing, id_dproject, id_dpersonalia, id_dinformasi

Tabel 4.17 Admin

Nama Field Type Data Fields Size Keterangan id_admin Varchar 4 ID admin id_dmarketing Varchar 4 ID divisi marketing id_dproject Varchar 4 ID divisi project id_dpersonalia Varchar 4 ID divisi personalia id_dinformasi Varchar 4 ID divisi informasi adm_id Varchar 16 Username passw Varchar 16 Password nama Varchar 50 Nama admin no_telp Varchar 12 Nomor telepon

2) Tabel Divisi Project (Admin)

Nama tabel : Tabel Divisi Project/Admin

Alias : dproject

Fungsi : Untuk log in admin divisi project

Primary key : id_dproject

Foreign key : id_po dan id_progres

Tabel 4.18 Divisi Project/Admin

Nama Field Type Data Fields Size Keterangan id_dproject Varchar 4 ID divisi project id_po Varchar 10 ID file PO id_progres Varchar 4 ID progress project adm_id Varchar 16 Username passw Varchar 16 Password nama Varchar 50 Nama admin no_telp Varchar 12 Nomor telepon

154

3) Tabel Divisi Marketing (Admin)

Nama tabel : Tabel Div. Marketing/Admin

Alias : dmarketing

Fungsi : Untuk log in admin divisi marketing

Primary key : id_dmarketing

Foreign key : id_cp

Tabel 4.19 Divisi Marketing/Admin

Nama Field Type Data Fields Size Keterangan id_dmarketing Varchar 4 ID divisi marketing id_cp Varchar 5 ID company profile adm_id Varchar 16 Username passw Varchar 16 Password nama Varchar 50 Nama admin no_telp Varchar 12 Nomor telepon

4) Tabel Divisi Personalia (Admin)

Nama tabel : Tabel Divisi Personalia/Admin

Alias : dpersonalia

Fungsi : Untuk log in admin divisi personalia

Primary key : id_dpersonalia

Foreign key : id_karyawan

Tabel 4.20 Divisi Personalia/Admin

Nama Field Type Data Fields Size Keterangan id_dpersonalia Varchar 4 ID divisi personalia id_karyawan Varchar 4 ID karyawan adm_id Varchar 16 Username passw Varchar 16 Password

155

nama Varchar 50 Nama admin no_telp Varchar 12 Nomor telepon

5) Tabel Divisi Informasi (Admin)

Nama tabel : Tabel Divisi Informasi/Admin

Alias : dinformasi

Fungsi : Untuk log in admin divisi informasi

Primary key : id_dinformasi

Foreign key : id_berita dan id_bt

Tabel 4.21 Divisi Informasi/Admin

Nama Field Type Data Fields Size Keterangan id_dinformasi Varchar 4 ID divisi informasi id_berita Varchar 4 ID berita id_bt Varchar 4 ID buku tamu adm_id Varchar 16 Username passw Varchar 16 Password nama Varchar 50 Nama admin no_telp Varchar 12 Nomor telepon

6) Tabel Registrasi Member

Nama tabel : Tabel Registrasi Member

Alias : member

Fungsi : Untuk registrasi sebagai member

Primary key : -

156

Tabel 4.22 Registrasi Member

Nama Field Type Data Fields Size Keterangan user_id Varchar 16 ID member passw Varchar 16 Password nama Varchar 50 Username kwn Varchar 40 Kewarganegaraan birthtown Varchar 40 Tempat lahir birthdate Date - Tanggal Lahir email Varchar 80 E-mail tgl_daftar Varchar 20 Tanggal daftar

7) Tabel Suggestion & Complain

Nama tabel : Tabel Kritik dan Saran

Alias : kritiksaran

Fungsi : Untuk pendataan kritik dan saran dari pelanggan

Primary key : id_bt

Tabel 4.23 Suggestion & Complain

Nama Field Type Data Fields Size Keterangan id_bt Varchar 4 ID buku tamu tgl_post Varchar 20 Tanggal post nama Varchar 30 Nama komentator komentar Varchar 255 Kritik dan saran email Varchar 50 E-mail komentator

8) Tabel Progress Project

Nama tabel : Tabel Progress Project

Alias : progressproject

Fungsi : Untuk pendataan progress project yang sedang dikerjakan

Primary key : id_progres

157

Tabel 4.24 Progress Project

Nama Field Type Data Fields Size Keterangan id_progres Varchar 4 ID progress project tahun Varchar 4 Tahun proyek bulan Varchar 10 Bulan persen Varchar 3 Persentase proyek nama_proyek Varchar 30 Nama proyek lokasi_proyek Varchar 50 Lokasi Proyek

9) Tabel Berita

Nama tabel : Tabel Berita

Alias : news

Fungsi : Untuk pendataan berita yang terbaru

Primary key : id_berita

Tabel 4.25 Berita

Nama Field Type Data Fields Size Keterangan id_berita Varchar 4 ID berita jdl_berita Varchar 75 Judul berita isi_berita Text - Isi berita tgl_berita Varchar 12 Tanggal berita

10) Tabel Company Profile

Nama tabel : Tabel Company Profile

Alias : companyprofile

Fungsi : Untuk pendataan company profile

Primary key : id_cp

158

Tabel 4.26 Company Profile

Nama Field Type Data Fields Size Keterangan id_cp Varchar 5 ID company profile jdl_cp Varchar 100 Judul company profile deskripsi Text - Isi company profile gambar Varchar 100 Gambar company profile tgl_masuk Date - Tanggal input company profile

11) Tabel Upload Purchase Order

Nama tabel : Tabel Upload Purchase Order

Alias : purchaseorder

Fungsi : Untuk pendataan purchase order yang terjadi

Primary key : id_po

Foreign key : id_progres, id_karyawan

Tabel 4.27 Upload Purchase Order

Nama Field Type Data Fields Size Keterangan id_po Varchar 10 ID file PO id_progres Varchar 4 ID progress project id_karyawan Varchar 4 ID karyawan deskripsi Varchar 200 Deskripsi proyek yang di-order filename Varchar 200 Nama file filedata Longblob - Data file filetype Varchar 200 Tipe file filesize Varchar 20 Ukuran file

12) Tabel Employee

Nama tabel : Tabel Employee

Alias : karyawan

Fungsi : Untuk pendataan karyawan PT. Meda Cipta Hutama

Primary key : id_karyawan

159

Tabel 4.28 Employee

Nama Field Type Data Fields Size Keterangan id_karyawan Varchar 4 ID karyawan nama Varchar 100 Nama karyawan no_telp Varchar 30 Nomor telepon jdwl_kerja Varchar 100 Jadwal kerja

4.3.4 Prototype Design

Perancangan tampilan program menggambarkan protoype dari awal

perancangan sistem informasi (Prototype Design terdapat pada Lampiran 8).

4.4 Penerapan (Implementation)

Pada tahap ini di mana prototype telah disempurnakan dan disesuaikan

dengan keinginan user. Dan tahap ini disebut juga tahap implementasi. Jadi,

sistem yang telah dianalisis dan didesain telah di-review oleh user kemudian

dilakukan revisi hingga sesuai dengan keinginan user sehingga sistem ini akhimya

sempurna dan tiba saatnya sekarang sistem ini untuk diimplementasikan

(diterapkan). Tahap implementasi sistem merupakan tahap meletakan sistem

supaya siap untuk dioperasikan.

Implementasi dilakukan dengan meng-upload semua file i-CRM ini ke

penyedia web-hosting, dalam hal ini peneliti menggunakan domain

MEDATAMA.COM dan sistem sudah dapat digunakan oleh user. Menurut hasil

kuesioner, 73,33% user mengatakan informasi yang diberikan aplikasi i-CRM

sudah memadai dan 100% user setuju apabila aplikasi i-CRM diterapkan pada PT.

Meda Cipta Hutama. Pimpinan juga mempunyai keterlibatan dalam perbaikan

sistem i-CRM. Menurut hasil wawancara pimpinan memberikan masukan

160

mengenai penambahan fasilitas agar pelanggan dapat menyalurkan kritik dan

saran dan penambahan fasilitas agas pelanggan dapat mengetahui PIC (Person In

Charge) karyawan PT. Meda Cipta Hutama (Wawancara dan hasil kuesioner

selengkapnya dapat dilihat di Lampiran 1, Lampiran 2 dan Lampiran 4)

4.4.1 Tampilan Program

Tampilan program i-CRM di PT. Meda Cipta Hutama terdapat pada

Lampiran 9.

4.4.2 Pengujian Sistem

Pengujian sistem dengan menggunakan metode blackbox testing. Cara

pengujian dilakukan dengan menjalankan i-CRM dan melakukan input data serta

me1ihat output-nya apakah sesuai dengan proses bisnis yang diharapkan. Hasil

pengujian blackbox testing disajikan dalam Tabel 4.29.

Tabel 4.29 Pengujian dengan Blackbox Testing

No Rancangan Proses Keterangan Hasil

1 Klik menu “Log in” Berhasil masuk ke form log in Sesuai

2 Input Username &

Password

Diisi dengan username & password yang

mempunyai otorisasi untuk masuk ke

dalam sistem berhasil masuk ke dalam

sistem

Sesuai

3 Input Username & Diisi dengan username & password yang Sesuai

161

Password tidak mempunyai otorisasi untuk masuk ke

dalam sistem tidak berhasil masuk ke

dalam sistem

4 Klik menu “Purchase

Order”

Berhasil masuk ke form upload purchase

order member

Sesuai

5 Klik button “upload” Diisi dengan deskripsi proyek dan

masukan upload purchase order yang


dalam sistem maka berhasil masuk ke

dalam sistem

Sesuai

6 Klik menu “purchase

order”

Berhasil masuk ke form purchase order Sesuai

7 Klik “see file” File purchase order pelanggan dapat

dibuka dan disimpan

Sesuai

8 Klik “delete” File purchase order pelanggan dapat

dihapus

Sesuai

9 Klik “reply” Berhasil membuka webmail PT. Meda

Cipta Hutama

Sesuai

10 Klik menu “Manage

Admin”

Berhasil masuk ke form manage admin Sesuai

11 Klik menu “Add

Admin”

Berhasil masuk ke form add admin Sesuai

12 Input Admin Diisi dengan username, password, nama Sesuai

162

admin dan nomor telepon yang


dalam sistem maka berhasil masuk ke

dalam sistem

13 Input Admin Username, password, nama admin dan

nomor telepon tidak diisi (dikosongkan)

maka pemberitahuan akan muncul

Sesuai

14 Klik button “cancel” Data admin batal di-input Sesuai

15 Klik “see admin” Berhasil masuk ke form list admin Sesuai

16 Klik menu “edit” Berhasil masuk ke form edit admin Sesuai

17 Klik button “update” Diisi dengan username, password, nama

admin dan nomor telepon yang


dalam sistem berhasil diperbaharui

Sesuai

18 Klik button “cancel” Data admin batal di-update Sesuai

19 Klik “delete” Data admin dapat dihapus Sesuai

20 Klik menu “Employee” Berhasil masuk ke form employee Sesuai

21 Klik menu “Input

Employee”

Berhasil masuk ke form input employee Sesuai

22 Input Employee Diisi dengan nama karyawan, jadwal kerja

dan nomor telepon yang mempunyai

otorisasi untuk masuk ke dalam sistem

maka berhasil masuk ke dalam sistem

Sesuai

163

23 Input Employee Nama karyawan, jadwal kerja dan nomor

telepon tidak diisi (dikosongkan) maka

pemberitahuan akan muncul

Sesuai

24 Klik button “cancel” Data employee batal di-input Sesuai

25 Klik “see the employee

table”

Berhasil masuk ke form tabel employee Sesuai

26 Klik menu “edit” Berhasil masuk ke form edit employee Sesuai

27 Klik button “update” Diisi dengan nama karyawan, jadwal kerja

dan nomor telepon yang mempunyai


maka berhasil diperbaharui

Sesuai

28 Klik button “cancel” Data employee batal di-update Sesuai

29 Klik “delete” Data employee dapat dihapus Sesuai

30 Klik menu “Progress

Project”

Berhasil masuk ke form progress project Sesuai

31 Klik menu “Input

Progress Project”

Berhasil masuk ke form input progress

project

Sesuai

32 Input Progress Project Diisi dengan tahun, nama proyek dan

persentase yang mempunyai otorisasi

untuk masuk ke dalam sistem berhasil

masuk ke dalam sistem

Sesuai

33 Input Progress Project Tahun, nama proyek dan persentase yang

tidak diisi (dikosongkan) pemberitahuan

Sesuai

164

akan muncul

34 Klik button “cancel” Data progress project batal di-input Sesuai

35 Klik menu “edit” Berhasil masuk ke form edit progress

project

Sesuai

36 Klik button “update” Diisi dengan tahun, nama proyek dan

persentase yang mempunyai otorisasi

untuk masuk ke dalam sistem berhasil

diperbaharui

Sesuai

37 Klik button “cancel” Data progress project batal di-update Sesuai

38 Klik “see the progress

project table”

Berhasil masuk ke form tabel progress

project

Sesuai

39 Klik “delete” Data progress project dapat dihapus Sesuai

40 Klik menu “Newsletter”

(admin)

Berhasil masuk ke form newsletter admin Sesuai

41 Klik menu “Newsletter”

(member)

Berhasil masuk ke form newsletter

member

Sesuai

42 Klik menu “Suggestion

& Complain”

Berhasil masuk ke form suggestion &

complain

Sesuai

43 Input Suggestion &

Complain

Diisi dengan komentar dan e-mail yang



sistem

Sesuai

44 Input Suggestion & Komentar dan e-mail yang tidak diisi Sesuai

165

Complain (dikosongkan) pemberitahuan akan

muncul

45 Klik “reply” Berhasil membuka webmail PT. Meda

Cipta Hutama

Sesuai

46 Klik “delete” Data suggestion & complain dapat dihapus Sesuai

47 Klik menu “Add News” Berhasil masuk ke form add news Sesuai

48 Input News Diisi dengan judul dan isi berita yang



sistem

Sesuai

49 Input News Judul dan isi berita yang tidak diisi

(dikosongkan) pemberitahuan akan

muncul

Sesuai

50 Klik “see news” Berhasil masuk ke form news Sesuai

51 Klik “delete” Data news dapat dihapus Sesuai

52 Klik menu News Menampilkan berita di form news

pelanggan

Sesuai

53 Klik menu Register Menampilkan form Register untuk

pelanggan

Sesuai

54 Input Register Diisi dengan biodata dan harus menandai

check box kesepakatan yang mempunyai



Sesuai

166

55 Input Register Biodata yang tidak diisi (dikosongkan) dan

check box tidak ditandai pemberitahuan

akan muncul

Sesuai

56 Klik “see member” Berhasil masuk ke form member Sesuai

57 Klik “delete” Data member dapat dihapus Sesuai

58 Klik menu “Company

Profile” (admin)

Berhasil masuk ke form company profile Sesuai

59 Klik menu “Add

Company Profile”

Berhasil masuk ke form add company

profile

Sesuai

60 Klik button “submit” Diisi dengan judul, isi dan gambar

company profile yang mempunyai



Sesuai

61 Klik “edit” Berhasil masuk ke form edit company

profile

Sesuai

62 Klik button “update” Diisi dengan judul, isi dan gambar

company profile yang mempunyai



Sesuai

63 Klik “delete” Data company profile dapat dihapus Sesuai

64 Klik menu Company

Profile (pelanggan)

Menampilkan form Company Profile

pelanggan

Sesuai

167

BAB V

PENUTUP

5.1 Simpulan

Berdasarkan pada hasil penelitian yang telah dilakukan dan pembahasan

yang telah dijabarkan, maka dapat disimpulkan bahwa:

1. Penelitian ini menghasilkan sebuah perancangan dan aplikasi Interactive

Customer Relationship Management pada PT. Meda Cipta Hutama dan

berdasarkan hasil wawancara, sistem sesuai dengan kebutuhan owner dalam

mempererat hubungan antara perusahaan dan pelanggan demi terjalinnya

sebuah loyalitas mitra. Dalam merancang sistem Interactive Customer

Relationship Management, menggunakan beberapa diagram antara lain use

case diagram, sequence diagram, class diagram, statechart diagram dan

activity diagram.

2. Dengan diterapkannya Sistem Informasi Interactive Customer Relationship

Management, PT. Meda Cipta Hutama dapat berinteraksi langsung dengan

pelanggan menggunakan fasilitas suggestion & complain, chatting dan

newsletter. Fasilitas suggestion & complain digunakan agar member dapat

memberikan kritik dan saran guna membangun perusahaan, fasilitas chatting

adalah fasilitas chatting yang disediakan agar member dapat dengan mudah

menghubungi perusahaan dan fasilitas newsletter digunakan agar member

mendapatkan informasi menarik mengenai event perusahaan, ucapan selamat

168

Hari Raya atau seputar project yang telah dilakukan perusahaan. Fasilitas ini

merupakan salah satu upaya untuk mempertahankan pelanggan.

3. Dengan diterapkannya Sistem Informasi Interactive Customer Relationship

Management dan berdasarkan kuesioner, 73,33% user mengatakan informasi

yang diberikan aplikasi i-CRM sudah memadai. Informasi tersebut tentang

data karyawan, data berita, data company profile dan data progress project

telah tersaji secara relevan. Dan 100% responden mengatakan dengan adanya

aplikasi i-CRM ini dapat meningkatkan kualitas dan kuantitas layanan.

5.2 Saran

Beberapa saran yang diusulkan untuk perbaikan dan penelitian selanjutnya

antara lain:

1. Sistem Informasi Interactive Customer Relationship Management ini dapat

dikembangkan agar dapat diakses melalui handphone dengan fasilitas

teknologi WAP.


dikembangkan dengan pertambahan konsep manajemen pengetahuan

(knowledge management) yang baik, maka dapat menghindari kesalahan yang

telah muncul dan memastikan konsistensi pelayanan yang optimal.


dikembangkan berdasarkan analisis yang digunakan yaitu SWOT, PESTE dan

BCG.

169

DAFTAR PUSTAKA

Adminah. 2009. Analisis Pengaruh Service Quality Terhadap Kepuasan Pelanggan pada Perusahaan Asuransi Syari’ah Mubarakah Cabang Solo. Surakarta: Universitas Muhammadiyah Surakarta.

Agustianto. 2008. Etika Bisnis Dalam Islam. [Online]. Tersedia: http://agustianto.niriah.com/2008/04/11/etika-bisnis-dalam-islam/ - [15 maret 2008].

Aizcorbe AC. 2007. Customer Relationship Management (CRM) as an Innovative Element of Direct Marketing and Its Impact on Market Performance. International Business and Economics Research Journal, vol. 6, no. 5, hlm. 7-18.

Ajid. 2008. Apache Web Server. [Online]. Tersedia: http://indonesiankiddz.blogspot.com/2008/12/pengertian-apache-web-server.html - [20 Januari 2011].

Al-Mudimigh AS, Saleem F, Ullah Z & Al-Aboud FN. 2009. Implementation of Data Mining Engine on CRM-Improve Customer Satisfaction. Proc. Int. Conf. Information and Communication Technologies ICICT '09, hlm. 193-197.

Aminuddin S & Suyono. 2002. Manajemen Pengelolaan Perpustakaan. [Online]. Tersedia: http://syamsularifin.web.ugm.ac.id/ [23 februari 2008].

Bahia K & Nantel J. 2000. A Reliable and Valid Measurement Scale for the Perceived Service Quality of Banks. International Journal of Bank Marketing, vol. 2, no. 18, hlm. 84-91.

Cristobal E, Carlos F & Miguel G. 2007. Perceived e-Service Quality (PeSQ) Measurement Validation and Effects on Customer Satisfaction and Website Loyalty. Managing Service Quality, vol.17, no. 3, hlm. 317-340.

Cross F & Lawrence E. 2002. Synergies in Applying Rad to Support E-business Project Management. Proc. Int Information Technology: Coding and Computing Conf. 2002, hlm. 56-67.

Dammar. 2010. Apache Web Server. [Online]. Tersedia: http://damarae.blogspot.com/2010/01/apache-web-server.html - [22 Januari 2011].

Davis GB. 1999. Kerangka Dasar Sistem Informasi Manajemen. Adiwardana AS, penerjemah, Jakarta: PT. Ikrar Mandiriabadi.

[Kemdiknas] Kementrian Pendidikan Nasional. 2008. Kamus Besar Bahasa Indonesia. Jakarta: Kemdiknas.

Hasibuan Z. 2007. Metodologi Penelitian pada bidang Ilmu Komputer dan Teknologi Informasi: Konsep, Teknik dan Aplikasi. Fakultas Ilmu Komputer UI: Jakarta.

170

Herlambang F. 2005. Trik Explorasi Dreamweaver MX. Cetakan kedua. Jakarta: PT. Elex Media Komputindo.

Huang Y & He Y. 2009. CRM Strategies Based on the Five Stages of Telecommunications Enterprise Customer Life Cycle. Proc. Int. Conf. Management and Service Science MASS '09, hlm. 1-4.

Indrajit RE. 2001. Manajemen Sistem Informasi dan Teknologi Informasi. Cetakan ketiga. Jakarta: PT. Elex Media Komputindo.

Jogiyanto HM. 2001. Analisis dan Desain Sistem Informasi Pendekatan Terstruktur, Teori dan Praktek Aplikasi Bisnis. Cetakan kedua. Yogyakarta: Andi Offset.

Kadir A. 2003. Dasar Pemrograman Web Dinamis Menggunakan PHP. Yogyakarta: Andi.

Kalakota R & Robinson. 2001. E-Business 2.0: Roadmap for Success. Addison-Wesley, Information Technology Series.

Kendall KE & Kendall JE. 2008. Analisis & Perancangan Sistem. Jakarta: Indeks.

Ladjamudin, Al-Bahra. 2005. Analisis dan Desain Sistem Informasi. Yogyakarta: Graha Ilmu.

Liu CN & Zhu XW. 2009. A Study on CRM Technology Implementation and Application Practices. Proc. Int. Conf. Computational Intelligence and Natural Computing CINC, 2009, vol. 2, hlm. 367-370.

McLeod R. 2001. Sistem Informasi Manajemen. Jilid 1. Jakarta: PT. Prenhallindo.

Munawar. 2005. Pemodelan Visual dengan UML. Yogyakarta: Graha Ilmu.

Nuari R. 2008. Sejarah singkat apache. [Online]. Tersedia: http://richie133.wordpress.com/2008/04/04/sejarah-singkat-apache/ - [21 Januari 2011].

Nugroho A. 2005. Rational Rose untuk Pemodelan Berorientasi Objek. Bandung: Informatika.

O’Brien J. 2004. Pengantar Sistem Informasi Perspektif Bisnis Dan Manajerial Edisi12. Salemba Empat, Jakarta.

Oetomo, Dharma BS, Simandjuntak, Philio J, Sukoco & Ari A. 2003. I-CRM membina relasi dengan pelanggan dot com. Yogyakarta: Andi.

Osarenkhoe A & Az-Eddine B. 2007. An Exploratory Study of Implementation of Customer Relationship Management Strategy. Business Process Management Journal, vol. 13, no. 1, hlm. 139-146.

Pressman RS. 2002. Rekayasa Perangkat Lunak: Pendekatan Praktisi (Buku I). Yogyakarta: Andi.

Pressman RS. 2005. Software Engineering: A Practitioner Approach Sixth Edition. Mcgraw Hill, New York.

171

Schoder D & Madeja N. 2004. Is Customer Relationship Management a Success Factor in Electronic Commerce?. Journal of Electronic Commerce Research, vol. 5, no. 1, hlm. 38-52.

Sholiq. 2006. Pemodelan Sistem Informasi Berorientasi Objek dengan UML. Graha Ilmu.

Simarmata J & Paryudi I. 2006. Basis Data. Yogyakarta: Andi.

Sin, Leo YM, Alan CB, Tse & Frederick HK. 2005. CRM: Conceptualization and Scale Development. European Journal of Marketing, vol. 39, no. 12, hlm. 1264-1290.

Siswono, Liem, Juni & Prasetyo A. 2006. Perancangan Aplikasi Customer Relationship Management. Sistem Informasi dari berbagai Perspektif. Bandung: Informatika Bandung.

Suhendar A & Gunadi H. 2002. Visual Modeling Menggunakan UML dan Rational Rose. Bandung: Informatika.

Tunggal & Widjaja A. 2008. Dasar-dasar Customer Relationship Management (CRM). Jakarta: Harvarindo.

Turban E. 2004. Electronic Commerce A managerial Perspective. Prentice Hall, New Jersey.

Whitten, Jeffrey, Bently & Dittman. 2004. Systems Analysis Design Methods Sixth edition. The McGraw Hill: New York, America.

Wibowo A. 2007. 16 Aplikasi Gratis untuk Pengembangan Situs Web. Penerbit Andi: Yogyakarta.

Yang CC, Jou YT & Cheng LY. 2008. The Development of Integrated CRM System and Analysis of Implementation among the Service Industries. Proce, of the 9th Asia Pasific Industrial Engineering and Management Systems Conference, hlm. 1076-1083.

Zikmund, William G, dkk. 2003. Customer Relationship Management: Integrating Marketing Strategy and Information Technology, John Willey & Sons, Inc., United States.

Zuhdi A & Setiawan H. 2006. Implementasi Customer Relationship Management pada Perusahaan Kontraktor Pembangunan. Sistem Informasi dari berbagai Perspektif. Bandung: Informatika Bandung.

L-1

LAMPIRAN 1

Wawancara dengan Direktur PT. Meda Cipta Hutama

Penulis [PN] mewawancarai Direktur PT. Meda Cipta Hutama, Gatot Susilo [GS],

seputar PT. Meda Cipta Hutama terutama sistem yang berjalan dan rencana

pembangunan sistem i-CRM.

PN: Selamat Siang Pak.

GS: Selamat Siang.

PN: Baik, langsung saja. Sebenarnya PT. Meda Cipta Hutama bergerak dibidang

apa?

GS: PT. Meda Cipta Hutama adalah perusahaan yang bergerak dibidang structure

cabling system (Network Infrastructure).

PN: Selanjutnya, apakah terdapat permasalahan pada sistem yang berjalan saat ini?

GS: Iya

PN: Bagaimana permasalahannya?

GS: Kebetulan perusahaan ini bermasalah di sistem, kami kesulitan dalam

memberikan informasi seputar jasa infrastruktur jaringan, mulai services yang

diberikan perusahaan, berita terbaru dari perusahaan dan memberikan

informasi penting tentang kredibilitas kerja.

L-2

PN: Apakah perusahaan ini sudah memiliki sistem untuk melakukan penyebaran

informasi tersebut?

GS: Sebenarnya sudah, tetapi sistem yang kami gunakan masih berbasis manual.

PN: Bisa bapak ceritakan bagaimana sistem itu bekerja, beserta proses-proses di

dalamnya?

GS: Begini, saya sebagai Direksi mempunyai tanggung jawab untuk melakukan

pemasukan proyek. Saya telah memiliki pelanggan yang mengetahui kualitas

kerja kami karena saya pribadi menjalani bidang ini selama belasan tahun.

Perusahaan yang telah bekerja sama dengan kami, tentu sudah paham tentang

cara melakukan kerjasama dengan kami. Apabila perusahaan tertarik

melakukan kerjasama, maka perusahaan tersebut akan mengirimkan purchase

order melalui faks, setelah itu karyawan membuat quotation atau penawaran

harga untuk proyek. Kemudian dikirim melalui e-mail atau faks untuk

divalidasi oleh saya, maka proyek tersebut akan dilaksanakan.

PN: Ok, tetapi saya lihat sistem tersebut sudah bagus. Terus apa yang menjadi

permasalahannya?

GS: Perusahaan telah memiliki beberapa pelanggan yang telah mengetahui

kualitas kerja kami secara personal, namun permasalahannya itu terletak pada

sulitnya perusahaan untuk memberikan informasi ke perusahaan lain yang

belum mengetahui kualitas engineer kami. Perusahaan masih menggunakan

penyebaran company profile yang tidak merata. Artinya perusahaan tidak

mampu menjangkau penyebaran informasi lebih luas, kendala lain yaitu

L-3

kurang menariknya bentuk dari company profile yang merupakan hardcopy.

Sampai adanya perusahaan yang telah melakukan kerjasama, dalam

berjalannya proyek pelanggan juga sering menanyakan tentang informasi

tentang data karyawan dan progres proyek telah berjalan seberapa jauh.

PN: Oh, seperti itu.

GS: Tidak hanya itu, yang jadi permasalahan saya tidak lagi memantau secara

langsung ke lokasi proyek dan pelanggan selalu ingin mengetahui

perkembangan suatu proyek, maka saya menelpon dan otomatis jika lewat

telepon yang didapat hanyalah sebuah persentase saja. Yang saya inginkan

adalah dimana pun proyek itu, pelanggan dapat mengetahui dengan pasti

laporan persentase perkembangan proyeknya tiap minggu.

PN: Jadi itu yang bapak inginkan.

GS: Iya dan sekarang kan sudah ada internet. Bisa tidak sistem yang akan Anda

kerjakan itu terhubung ke internet sehingga saya bisa mengakses dimana saja

saya berada sesuai keinginan saya. Dan kebetulan perusahaan kami belum

mempunyai website. Biasanya kan website digunakan sebagai company

profile suatu perusahaan, tetapi yang saya inginkan fungsi website perusahaan

saya tidak hanya itu, kalau bisa terdapat sistem yang dapat memudahkan

pelanggan untuk melihat perkembangan proyeknya.

PN: Oh, bisa pak. Baik, saya cukup mengerti sistem apa yang bapak maksud. Saya

akan segera mengerjakannya dan saya mohon ijin untuk melakukan observasi

L-4

dan pengumpulan data-data yang saya butuhkan untuk pengembangan sistem

ini.

GS: Ok, mulai besok Anda sudah bisa melakukan observasi di perusahaan ini.

PN: Baik, terima kasih banyak pak atas waktunya dan kesempatan yang bapak

berikan kepada saya dalam pengembangan sistem perusahaan bapak.

GS: Sama-sama, terima kasih kembali.

L-5

Lampiran 2

Wawancara dengan Direktur PT. Meda Cipta Hutama

Penulis [PN] mewawancarai Direktur PT. Meda Cipta Hutama, Gatot Susilo [GS],

prototype sistem Interactive Customer Relationship Management (i-CRM) yang telah

dibuat dan rencana dan penyempurnaan sistem i-CRM tersebut.

PN: Selamat siang pak.

GS: Selamat siang.

PN: Baik, langsung saja. Saya ingin menanyakan tentang prototype yang telah

saya buat dan saya persentasikan. Menurut Bapak apakah sudah memenuhi

sistem yang Bapak inginkan? Atau ada kekurangan?

GS: Hmm, kurang lebih prototype yang Anda buat memang memenuhi kebutuhan

dari sistem yang kami inginkan dan dapat menambah loyalitas dengan client

kami, tetapi memang ada beberapa hal yang harus ditambahkan atau diganti

agar sistemnya menjadi sempurna.

PN: Bila memang masih belum memenuhi silahkan Bapak utarakan bagian mana

yang kurang, dilebihkan atau bahkan mungkin dihilangkan.

GS: Oke, saya akan bahas dari pertama ya, dari halaman depan memang harus ada

yang dirubah, silahkan Anda catat perubahan-perubahannya.

PN: Baik, akan saya catat, silahkan Bapak sebutkan apa saja yang harus dirubah.

L-6

GS: Baik, yang pertama adalah Logo, saya ingin Logo perusahaan kami berada di

pojok kiri atas dan diperbesar, tapi jangan terlalu besar. Kemudian

disampingnya barulah nama perusahaan kami dengan huruf besar semua dan

dibawah Nama Perusahaan kami, dipasang slogan kami dengan huruf yang

lebih kecil. Yang kedua adalah background untuk halaman sistem member

adalah putih.

PN: Baik Pak, sudah saya catat, ada lagi yang harus diganti atau ditambahkan?

GS: Saya rasa cukup, sekarang kita membahas tentang sistemnya, ada beberapa

hal juga yang harus disesuaikan.

PN: Silahkan Pak, apa saja yang harus disesuaikan?

GS: Yang pertama saya ingin ada penambahan Modul baru, yaitu pada Divisi

Personalia. Yang di mana divisi personalia tersebut disertakan menu data

karyawan. Data karyawan tersebut berisi nama karyawan, karyawan tersebut

sedang dalam pengerjaan proyek mana dan nomer telepon karyawan. Yang

kedua member juga ditambahkan menu kritik & saran dan yang merepon

adalah divisi humas & informasi. Saya kira itu saja beberapa penyeseuaian

yang harus dilakukan.

PN: Iya Pak, sudah saya catat semua, saya akan langsung kerjakan dan secepatnya

akan saya laporkan hasil dari perubahan prototype ini. Terima Kasih

waktunya Pak.

GS: Sama-sama, terima kasih banyak atas sistem yang akan Anda sempurnakan.

L-7

Nama :

Perusahaan :

Bidang :

Beri tanda silang (X) pada salah satu jawaban yang sesuai dengan pendapat Anda telah

menggunakan aplikasi Interactive Customer Relationship Management (i-CRM) PT. Meda Cipta

Hutama!

1. Bagaimana menurut Anda informasi seputar company profile di PT. Meda Cipta

Hutama dapat anda terima dengan mudah?

a. Ya b. Tidak

2. Apakah anda sudah dapat melakukan purchase order dengan respon cepat di PT.

Meda Cipta Hutama?

a. Ya b. Tidak

3. Apakah anda mengalami kesulitan saat melihat progress project?

a. Ya b. Tidak

4. Bagaimana menurut Anda informasi seputar berita di PT. Meda Cipta Hutama

dapat anda terima dengan mudah?

a. Ya b. Tidak

5. Setujukah apabila aplikasi i-CRM diterapkan pada PT. Meda Cipta Hutama?

a. Ya b. Tidak

KEMENTRIAN AGAMA UNIVERSITAS ISLAM NEGERI (UIN) SYARIF HIDAYATULLAH JAKARTA FAKULTAS SAINS DAN TEKNOLOGI

Jl. Ir. H Juanda No. 95 Ciputat, 15412 Indonesia Telp : (62-21) 7493606, 7493547 Fax (62-21) 7493315

E-mail : [email protected] Website : www.fst.uinjkt.ac.id

L-8

Nama :

Perusahaan :

Bidang :

Beri tanda silang (X) pada salah satu jawaban yang sesuai dengan pendapat Anda telah

menggunakan aplikasi Interactive Customer Relationship Management (i-CRM) PT. Meda Cipta

Hutama!

1. Bagaimana fasilitas yang tersedia pada aplikasi i-CRM?

a. Sangat Memadai b. Memadai

c. Cukup Memadai d. Kurang Memadai

2. Bagaimana tampilan dari aplikasi i-CRM ini?

a. Sangat Bagus b. Bagus

c. Cukup Bagus d. Kurang Bagus

3. Bagaimana menurut Anda informasi yang diberikan aplikasi i-CRM sudah

memadai?

a. Sangat Memadai b. Memadai

c. Cukup Memadai d. Kurang Memadai

Jika kurang memadai, sebutkan informasi yang ingin Anda tambahkan

4. Apakah nantinya Anda akan mengakses i-CRM ini di internet?

a. Ya b. Tidak




L-9

5. Bagaimana cara penggunaan aplikasi i-CRM ini?

a. Sangat Sulit b. Sulit

c. Mudah d. Sangat Mudah

6. Apakah Anda sering menggunakan aplikasi i-CRM ini?

a. Sangat Sering b. Sering

c. Cukup Sering d. Jarang

7. Apakah aplikasi i-CRM memudahkan Anda dalam melakukan Purchase Order?

a. Sangat Memudahkan b. Memudahkan

c. Cukup Memudahkan d. Kurang Memudahkan

8. Setujukah apabila aplikasi i-CRM diterapkan pada PT. Meda Cipta Hutama?

a. Setuju b. Tidak Setuju

9. Adakah manfaat yang diperoleh dengan adanya aplikasi i-CRM ini?

a. Ada b. Tidak Ada

Kalau ada, sebutkan manfaat yang diperoleh

10. Apakah dengan adanya aplikasi i-CRM ini dapat meningkatkan kualitas dan

kuantitas layanan di PT. Meda Cipta Hutama?

a. Ya b. Tidak




L-10

LAMPIRAN 4

Hasil Kuesioner Ke-1

Tabel hasil kuesioner sebelum melakukan perancangan aplikasi Interactive Customer

Relationship Management (i-CRM) PT. Meda Cipta Hutama:

NO SOAL JAWABAN

A B C D

1 33,33% 66,67% - -

2 45,00% 55,00% - -

3 93,33% 6,67% - -

4 29,67% 70,33% - -

5 64,00% 36,00% - -

Dari hasil kuesioner dapat disimpulkan bahwa:

1) 33,33% responden mengatakan bahwa informasi seputar company profile di PT.

Meda Cipta Hutama dapat diterima dengan mudah dan 66,67% informasi seputar

company profile di PT. Meda Cipta Hutama tidak dapat diterima dengan mudah.

2) 45,00% responden mengatakan bahwa sudah dapat melakukan purchase order

dengan respon cepat di PT. Meda Cipta Hutama dan 55,00% responden

mengatakan bahwa tidak dapat melakukan purchase order dengan respon cepat di

PT. Meda Cipta Hutama.

L-11

3) 93,33% responden mengatakan bahwa mereka mengalami kesulitan saat melihat

progress project dan 6,67% responden mengatakan bahwa mereka tidak

mengalami kesulitan saat melihat progress project.

4) 29,67% responden mengatakan bahwa informasi seputar berita di PT. Meda Cipta

Hutama dapat anda terima dengan mudah dan 70,33% responden mengatakan

bahwa informasi seputar berita di PT. Meda Cipta Hutama tidak dapat anda

terima dengan mudah.

5) 64,00% responden mengatakan bahwa aplikasi i-CRM diterapkan pada PT. Meda

Cipta Hutama dan 36,00% responden mengatakan bahwa aplikasi i-CRM tidak

boleh diterapkan pada PT. Meda Cipta Hutama.

Hasil Kuesioner Ke-2

Tabel hasil kuesioner setelah menggunakan aplikasi Interactive Customer

Relationship Management (i-CRM) PT. Meda Cipta Hutama:

NO SOAL JAWABAN

A B C D

1 33,33% 53,33% 13,33% 0

2 20% 66,67% 13,33% 0

3 20% 73,33% 6,67% 0

4 93,33% 6,67% - -

5 0 0 60% 40%

L-12

6 40% 20% 26,67% 13,33%

7 53,33% 33.33% 13,33% 0

8 100% 0 - -

9 100% 0 - -

10 100% 0 - -

Dari hasil kuesioner dapat disimpulkan bahwa:

1) 33,33% responden mengatakan bahwa fasilitas yang tersedia pada aplikasi i-CRM

sangat memadai, 53,33% responden mengatakan bahwa fasilitas yang tersedia

pada aplikasi i-CRM memadai, 13,33% responden mengatakan bahwa fasilitas

yang tersedia pada aplikasi i-CRM cukup memadai dan tidak ada responden yang

mengatakan bahwa fasilitas yang tersedia pada aplikasi i-CRM kurang memadai.

2) 20% responden mengatakan bahwa tampilan dari aplikasi i-CRM ini sangat

bagus, 66,67% responden mengatakan bahwa tampilan dari aplikasi i-CRM ini

bagus, 13,33% responden mengatakan bahwa tampilan dari aplikasi i-CRM ini

cukup bagus dan tidak ada responden mengatakan yang bahwa tampilan dari

aplikasi i-CRM ini kurang bagus.

3) 20% responden mengatakan bahwa informasi yang diberikan aplikasi i-CRM

sudah sangat memadai, 73,33% responden mengatakan bahwa informasi yang

diberikan aplikasi i-CRM sudah memadai, 6,67% responden mengatakan bahwa

informasi yang diberikan aplikasi i-CRM cukup memadai dan tidak ada

L-13

responden yang mengatakan bahwa informasi yang diberikan aplikasi i-CRM

kurang memadai.

4) 93,33% responden mengatakan bahwa mereka akan mengakses i-CRM ini di

internet dan 6,67% responden mengatakan bahwa tidak akan mengakses i-CRM

ini di internet.

5) Tidak ada responden yang mengatakan bahwa cara penggunaan aplikasi i-CRM

ini sangat sulit, tidak ada responden yang mengatakan bahwa cara penggunaan

aplikasi i-CRM ini sulit, 60% responden yang mengatakan bahwa cara

penggunaan aplikasi i-CRM ini mudah dan 40% responden yang mengatakan

bahwa cara penggunaan aplikasi i-CRM ini sangat mudah.

6) 40% responden mengatakan bahwa aplikasi i-CRM ini sangat sering digunakan,

20% responden mengatakan bahwa aplikasi i-CRM ini sering digunakan, 26,67%

responden mengatakan bahwa aplikasi i-CRM ini cukup sering digunakan dan

13,33% responden mengatakan bahwa aplikasi i-CRM ini jarang digunakan.

7) 53,33% responden mengatakan bahwa aplikasi i-CRM sangat memudahkan

dalam melakukan purchase order, 33,33% responden mengatakan bahwa aplikasi

i-CRM memudahkan dalam melakukan purchase order, 13,33% responden

mengatakan bahwa aplikasi i-CRM cukup memudahkan mereka dalam

melakukan purchase order dan tidak ada 53,33% responden yang mengatakan

bahwa aplikasi i-CRM kurang memudahkan dalam melakukan purchase order.

8) 100% responden mengatakan bahwa mereka setuju apabila aplikasi i-CRM

diterapkan pada PT. Meda Cipta Hutama dan tidak ada responden mengatakan

L-14

bahwa mereka tidak setuju apabila aplikasi i-CRM diterapkan pada PT. Meda

Cipta Hutama.

9) 100% responden mengatakan bahwa mereka memperoleh manfaat yang dengan

adanya aplikasi i-CRM ini serta telah menjabarkan manfaat yang diperoleh dan

tidak ada responden yang mengatakan bahwa mereka tidak memperoleh manfaat

yang dengan adanya aplikasi i-CRM ini.

10) 100% responden mengatakan bahwa dengan adanya aplikasi i-CRM ini dapat

meningkatkan kualitas dan kuantitas layanan di PT. Meda Cipta Hutama dan tidak

ada responden yang mengatakan bahwa dengan adanya aplikasi i-CRM ini tidak

dapat meningkatkan kualitas dan kuantitas layanan di PT. Meda Cipta Hutama.

L-19

LAMPIRAN 8

Prototype Design

1) Menu Registrasi

a) Menu Registrasi (Non Member)

b) Menu See Member (Admin/Divisi Marketing)

Full Name : Citizenship : Place of Birth : Date of Birth : E-mail :

User id : Password : Confirm password:

Footer

Menu

Menu

Header

Register

User ID : Password : Name : Citizenship : Place of Birth : Date of Birth : Email : Join Since :

Header

Footer

Hapus

L-20

2) Company Profile

a) Company Profile (Admin/Divisi Marketing)

b) Menu Add Company Profile (Admin/Divisi Marketing)

Title :

Description :

Picture :

Header

Footer

Menu

Submit Cancel

browse

No. : Last update :

Title : Description :

Header

Footer

Menu

Add company profile

Edit Delete

L-21

c) Menu Edit Company Profile (Admin/Divisi Marketing)

d) Menu Company Profile (Member & Non Member)

Gambar 4.68 Menu Promosi (Member & Non Member)

Header

Footer

Menu

Menu

Title

Picture

Description

Title :

Description :

Picture

Change Picture

Header

Footer

Menu

Update Cancel

browse

L-22

3) Menu Login (User)

Gambar 4.68 Menu Promosi (Member & Non Member)

4) Manage Admin

a) Menu Manage Admin (Admin/Administrator)

User ID

Password

Login As

Header

Footer

Menu

Menu

Member ▼ Member Administrator Division of marketing Division of project Division of personnel Division of information

Login

Add Admin

Menu

Header

Name Phone Username Password Actions

Number

Edit Delete

L-23

b) Menu Add Admin (Admin/Administrator)

c) Menu Edit Manage Admin (Admin/Administrator)

Name Phone Number Username Password

Back to Admin

Menu

Header

Cancel Submit

Name Phone Number Username Password

Back to Admin

Menu

Cancel Update

Header

L-24

5) Purchase Order

a) Menu Purchase Order (Admin/Divisi Project)

b) Menu Upload Purchase Order (Member)

Footer

Menu

Menu

Header

File

Deskripsi

Browse

Upload

Menu

Header

ID File Name Type Size Description Actions

See Delete Reply File

L-25

6) Progress Project

a) Menu Progress Project (Admin/Divisi Project)

b) Menu Input Progress Project (Admin/Divisi Project)

Input Progress Project

Menu

Header

Project Prosentase Year Month Work Actions Name Place

Edit Delete

Project Name Work Place Year Month Prosentase

See the progress project table

Menu

Header

Cancel Submit

L-26

c) Menu Edit Progress Project (Admin/Divisi Project)

d) Menu Progress Project (Member)

Footer

Menu

Menu

Header

Project Prosentase Graphic Name View

Work Place

Year Month

Project Name Work Place Year Month Prosentase

Back to the progress project table or input new progress project

Menu

Header

Cancel Update

L-27

7) Employee

a) Menu Employee (Admin/Divisi Personalia)

b) Menu Input Employee (Admin/Divisi Personalia)

Input Employee

Menu

Header

Project Work Schedule Phone Actions Name Place Number

Edit Delete

Employee Name Work Schedule Place Phone Number See the employee table

Menu

Header

Cancel Submit

L-28

c) Menu Edit Employee (Admin/Divisi Personalia)

d) Menu Employee (Member)

Footer

Menu

Menu

Header

Employee Name Phone Number Work Schedule Place

Employee Name Work Schedule Place Phone Number Back to the employee table or input new employee

Menu

Header

Cancel Update

L-29

8) News

a) Menu News (Admin/Divisi Informasi)

b) Add News (Admin/Divisi Informasi)

Date/Time : News Title :

News Contents:

Header

Footer

Menu

Delete

News Title : :

News Content :

Header

Footer

Submit

L-30

c) Menu News (Member)

9) Suggestion & Complain

a) Menu Suggestion & Complain (Admin/Divisi Informasi)

Footer

Menu

Menu

Date/Time

News Contents

News Title

Header

Date/Time : User ID :

Email : Feedback :

Header

Footer

Menu

Reply Delete

L-31

b) Menu Suggestion & Complain (Member)

Comment :

Email :

Footer

Menu

Menu

Header

Submit

L-32

LAMPIRAN 8

Source Code

1) Form Promosi (Member & Non Member)

2) Form Promosi (Admin/Divisi Markerting)

L-33

3) Form Registrasi (Non Member)

4) Form Registrasi (Admin/Divisi Markerting)

L-34

5) Form Log in (Member & Admin)

6) Form Manajemen Admin (Admin/Administrator)

L-35

7) Form Newsletter (Member)

8) Form Newsletter (Admin/Divisi Marketing)

L-36

9) Form Purchase Order (Member)

10) Form Purchase Order (Admin/Divisi Project)

L-37

11) Form Progress Project (Member)

12) Form Progress Project (Admin/Divisi Project)

L-38

13) Form Chatting

14) Form Kritik dan Saran (Member)

L-39

15) Form Kritik & Saran (Admin/Divisi Humas dan Informasi)

16) Form Berita (Member)

L-40

17) Form Berita (Admin/Divisi Informasi)

Gambar 4.84 Form Berita (Divisi Informasi)

18) Form PIC atau Person In Charge (Member)

L-41

19) Form PIC atau Person In Charge (Admin/Divisi Personalia)

20) Form Log out (Member & Admin)

L-42

LAMPIRAN 10

Source Code

index.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <title>Meda Cipta Hutama Site</title> <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> <style type="text/css">  </style> </head> <div id="container"> <div id="page_header_index"> <div id="page_heading"> </div></div>  <body> <?php include 'menu2.php'; ?> <p> </p> <p> </p> <div id="main_content"> <div id="topPanel"> <ul></ul> <div id="bodyPanel"> <h3> Welcome to Meda Cipta Hutama</h3> <div id="testimonial"> <p class="sub_items_cartinfo" align="justify">PT. Meda Cipta Hutama companies be active in data communications network specialist and system integrator. We create a network design, implementation and project management services for

structure cabling system (Network Infrastructure), the distribution installation work UPS System, Precision Air-Conditioning Installation, Fire suppression System, Security System, Raised Floor System and Integrated solutions including supporting infrastructure providers in civil works and interior design for site preparation and construction of data centers.</p> </div></div></div> <div id="footer"> <div id="left_con_bot"> <p><a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a> | <a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></p> <p> © Copyright 2011 Meda Cipta Hutama. <a href="http://www.flashtemplatesdesign.com/" ></a> </p> </body></html>

home.php <?php session_start(); $sesiku = $_SESSION['member']; ?> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <title>Meda Cipta Hutama Site</title> <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> <style type="text/css"> <!-- body { background-color: #000033; background-image: url(images/spring3.jpg); background-repeat: no-repeat;} .style1 { font-family: Dotum; font-size: 14px;} .style12 {color: #CC99CC; font-size: 18px; font-family: "Gill Sans Ultra Bold";} .style13 {color: #0066CC}

L-43

style15 {color: #0000CC} --> </style> </head> <div class="style17" id="container"> <div id="page_header_home"> <div id="page_heading"> </div> </div>  <body> <?php include 'menu.php'; ?> <div id="main"> <div id="main_bot"> <div id="right"> <?php $page = $_GET[page]; $con = mysql_connect ("localhost","root",""); if (!$con) { die ('could not connect: '.mysql_error); } mysql_select_db("ids",$con); ?> </p> <p> </p> </div> <div id="right"> <?php $page = $_GET[page]; if ($page=='') {if(!isset($sesiku {echo("<h1> Options </h1><hr> <p>If you want to do a collaboration agreement:</p> <p><strong>1. <em>Call Division of Marketing</em></strong></p> <p>We provide service and material and according to your needs, chat with marketing division to request a quotations.</p> <p><strong>2. <em>Upload File</em></strong></p> <p>Attach a file in accordance with the terms and conditions you want, upload Purchase Order. </p> <p><strong>3. <em>Progress Project</em></strong></p> <p>You can see how many percent of progress project that is being done and see the Employee, if you find updated information about PIC (Person In Charge) from medatama. </p> <p> </p> <p>If you have not registered, <a href=home.php?page=register>register</a> your self.</p> <p>If you have already registered, click <a <a href=reg.php?page=login>Log in</a> first."); }}

else if ($page=='about') {if(isset($sesiku)) { echo ("<h1>Options</h1><hr> <p>If you want to do a collaboration agreement:</p> <p><strong>1. <em>Call Division of Marketing</em></strong></p> <p>We provide service and material and according to your needs, click <a href=ymsgr:sendIM?marketingmedatama>chat with marketing division </a><strong></strong> to request a quotations.</p> <p><strong>2. <em>Upload File</em></strong></p> <p>Attach a file in accordance with the terms and conditions you want, click <a href=uploadpo.php>upload Purchase Order</a> <strong></strong> now....</p> <p><strong>3. <em>Progress Project</em></strong></p> <p>You can see how many percent of <a href=progres.php>progress project</a> that is being done and click <a href=employee.php>Employee </a><strong></strong> you can find updated information about PIC (Person In Charge) from medatama. </p>");} else { echo ("<h1>You are not logged.</h1><hr> Please <a href=reg.php?page=login>Log in</a> first."); } } else if ($page=='login') { echo("<h1>Login</h1><hr> <form action=login.php method=post name=login> <table width='336' height='95' border='0'> <tr> <td width='90'>User ID:</td> <td width='150'><input type=text name=user_id></td> </tr> <tr><td>Password:</td> <td><input type=password name=passw></td> </tr> <tr> <td>Login As:</td> <td><select name=login_as> <option value=member>Member <option value=admin>Administrator <option value=dmarketing>Division of Marketing <option value=dproject>Division of Project <option value=dpersonalia>Division of Personnel <option value=dhumas>Division of information </select></td> </tr></table> <p> </p> <p> <input type=submit name=submit value=Login><p> </form> <p><?php ?> </p> <p> </p><p> </p>");}

L-44

else if ($page=='complain') { echo("<h1>Suggestion and Complain /h1><hr> <p>Please fill comments and suggestions to us. Please use polite words and for suggestions / criticism can be constructive. Thank you.</p> <form action=s&c.php method=post name=login> <table width='336' height='95' border='0'> <tr> <td width='90' valign=top>Comment:</td> <td width='150'><textarea name=komentar cols='30' rows='8'></textarea></td> </tr> <tr> <td width='90' valign=top>Email:</td> <td width='50'><input type=text name=email>// [email protected]</td></tr> </table> <p> </p> <p> <input type=submit name=submit value=Submit><p> </form> <p><?php ?> </p> <p> </p> <p> </p>");} else if ($page=='contactus') {if(isset($sesiku)) {echo ("<h1>Contact Us</h1><hr> <p></p> <p>1. <a href=ymsgr:sendIM?marketingmedatama>Chat with Division of Marketing</a><strong></strong></p> <p> You can inquire with the division of Marketing on the cooperation agreement </p> <p>2. <a href=ymsgr:sendIM?div.projectmedatama>Chat with Division of Project</a><strong></strong></p> <p> You can inquire with the division of the project on the progress project </p> <p>3. <a href=ymsgr:sendIM?div.personaliamedatama>Chat with Division of Personnel</a> <strong></strong> </p> <p>4. <a href=ymsgr:sendIM?div.humasmedatama>Chat with Division of Information</a> <strong></strong> </p> <p> You can inquire with the division of the personnel about the presence of employees </p> ");} else { echo ("<h1>You are not logged.</h1><hr> Please href=home.php?page=login>log in.</a></p>");} else if (isset($sesiku)){ echo("<h1>Welcome As Medatama Client!</h1><hr>PT. Meda Cipta Hutama companies be active in data communications network specialist and system integrator. We hope can give several update information and complete about good news or our promotion. See <a href=home.php?page=news>News</a>, <a href=contact.php>Contact Us</a>, <a href=employee.php>Employee</a>, <a href=progres.php>Progress Project</a>, <a href=uploadpo.php>Upload Purchase Order Cooperation</a> and give some <a href=s&c.php>Suggestion and Complain</a> for built metadama to be a better one.");}} else if ($page=='register') { echo("<h1>Registration</h1><hr>

<h3>Personal Data:</h3> <form action=registration.php method=post name=login> <table width='536' height='306' border='0'> <tr><td width='159'>Full Name:</td> <td><input type=text name=fullname> // 3 to 12 characters</td></tr> <tr><td>Citizenship:</td> <td><input type=text name=kwn> // 2 to 40 characters</td> </tr><tr><td>Place of Birth:</td> <td><input type=text name=birthtown> // 2 to 40 characters</td></tr> <tr> <td>Date of Birth:</td> <td><input type=text name=birthdate> // Format: yyyy/mm/dd</td> </tr> <tr><td>Email:</td> <td><input type=text name=email> // [email protected]</td></tr></table> <h3>Login Data:</h3> <table width='615' height='127' border='0'> <tr> <td width=159>User ID:</td> <td width=446><input type=text name=user_id> // 2 to 16 characters</td> </tr> <tr><td>Password:</td> <td><input type=password name=passw> // 2 to 16 characters</td> </tr> <tr><td>Confirm Password:</td> <td><input type=password name=pass_con> // Same with the password</td></tr> </table><p>As member of Meda Cipta Hutama, you must:<b> <ol> <li>Using this website properly,</li> <li>Respecting copyright of this site,</li> <li>Fill out seriously, any information requested.</li></ol> </b><p> <input type=checkbox name=setuju value=ya> I agree all regulations determined by Meda Cipta Hutama. <p> <p> <input type=submit name=kirim value=Register> <p> </form> <p> </p> <p> </p> <p> </p>");}

administrasi .php <?php session_start(); $sesiku = $_SESSION['admin']; ?> <html><head> <title>Meda Cipta Hutama-Administrator</title>

L-45

<link rel="stylesheet" href="style.css" type="text/css" /> </head> <body class="twoColElsLtHdr"> <div id="container"> <div id="header"> <h1 align="right" class="style1">Meda Cipta Hutama</h1> </div> <div id="sidebar1"> <?php include ('functions.php'); echo ("<a href=admin/manage1.php><img src=images/manageadmin.png alt=manageadmin></a><br> <a href=members.php?act=see_members><img src=images/see_members.png alt=see members></a><br> <a href=administrasi.php?act=see_feedbacks><img src=images/see_feedbacks.png alt=see suggestion & complain></a><br> <a href=http://www.google.com/friendconnect/admin/site/newsletter/open?id=13836392991100325454 target=_blank><img src=images/newsletter.png alt=newsletter></a><br> <a href=add_news.html><img src=images/add_news.png alt=add news></a><br> <a href=admin/adminweb/media.php?module=produk><img src=images/add_cprofile.png alt=add cprofile></a><br> <a href=admin/home.php><img src=images/5135916.png alt=add news></a><br> <a href=administrasi.php?act=logout><img src=images/logout.png alt=logout></a><br> "); ?> </div> <div id="mainContent"> <?php $act=$_GET[act]; $con = mysql_connect ("localhost","root",""); if (!$con) { die ('could not connect: '.mysql_error);} mysql_select_db("ids",$con); if (!isset($sesiku)) {echo ("<h1>Sorry,</h1> you must <a href=reg.php?page=login>Log in </a> as admin.");} else if($act==''){ echo("<h1>Welcome, Administrator!</h1><hr>Click <a href=members.php?act=see_members>See Member</a> to view the member list, click <a href=administrasi.php?act=see_feedbacks>Suggestion and Complain</a> to see the feedbacks from member, click <a href=http://www.google.com/friendconnect/admin/site/newsletter/open?id=13836392991100325454

target=_blank> Newsletter</a> for sent information to client e-mail, click<a href=add_cprofile.html> Company Profile</a> for adding Company Profile, click <a href=add_news.html>Add News</a> for adding news, click<a href=admin/home.php> Manage Project</a> for controls all the project activities and click<a href=administrasi.php?act=logout> Logout</a> to round out the administrative session.");} else if ($act=='see_feedbacks'){ $hasil = mysql_query("SELECT * FROM bukutamu ORDER BY id_bt DESC"); echo '<h2>Feedbacks List</h2><hr>'; if (mysql_num_rows($hasil)==0){ echo "No one has to give feedback"; } else { while ($data = mysql_fetch_array($hasil)){ echo '<b>Date/Time: </b>'.$data[1].'<br>'; echo '<b>User ID: </b>'.$data[2].'<br>'; echo '<b>Email: </b>'.$data[4].'<br>'; echo '<font color=blue><b>Feedback: </b>'.$data[3].'</font><br>'; echo '<a href="http://webmail.medatama.com" target=_blank>'.'<font color=red><i>Reply</i></font></a><br>'; echo '<a href="administrasi.php?act=hapusfd&id='.$data['id_bt'].'">'.'<font color=red><i>Delete</i></font></a><br>'; echo ("<br>"); }}} else if ($act=='hapusfd'){ $id = $_GET['id']; $hasil = mysql_query("DELETE FROM bukutamu WHERE id_bt='$id'"); if (!$hasil) echo "Error: delete data is fail from database."; else echo '<h1>Delete success</h1>Data successfully deleted from the database. <a href="administrasi.php?act=see_feedbacks">See Feedbacks</a>'; } ?></div> <br class="clearfloat" /> <div id="footers"> <p align="center">© Copyright 2011 Meda Cipta Hutama.</p></div> </body> </html>

member.php <?php session_start(); $sesiku = $_SESSION['admin']; ?> echo '<b>Date/Time: </b>'.$data[3].'<br>';

L-46

<html> <head><title>Meda Cipta Hutama Site</title> <link rel="stylesheet" href="style2.css" type="text/css" /></head> <body class="twoColElsLtHdr"> <div id="container"> <div id="header"> <h1 align="right" class="style1"> <a name="toppage"></a> Meda Cipta Hutama</h1> </div> <div id="mainContent"> <?php include ('functions.php'); $act=$_GET[act]; $con = mysql_connect ("localhost","root",""); if (!$con){ die ('could not connect: '.mysql_error); } mysql_select_db("ids",$con); if (!isset($sesiku)) { echo ("<h1>Sorry, </h1> you must<a href=home.php?page=login>log in as administrator."); } else if ($act=='see_members'){ $hasil = mysql_query("SELECT * FROM member ORDER BY nama"); echo '<h2>Member List</h2><hr>'; if (mysql_num_rows($hasil)==0){ echo "No one has signed up";} while ($data = mysql_fetch_array($hasil)){ $hapus = '<a href="member.php?act=hapus&username='.$data['nama'].'">'.'Hapus</a>'; echo '<br><b>User ID: </b>'.$data[0].'<br>'; echo '<b>Password: </b>'.$data[1].'<br>'; echo '<b>Name: </b>'.$data[2].'<br>'; echo '<b>Citizenship: </b>'.$data[3].'<br>'; echo '<b>Place of Birth: </b>'.$data[4].'<br>'; echo '<b>Date of Birth: </b>'.$data[5].'<br>'; echo '<b>Email: </b>'.$data[6].'<br>'; echo '<b><font color=blue>Joined Since: </b>'.$data[7].'<br></font>'; echo $hapus.'<br>'; } echo '</table>'.'<p><a href="dmarketing.php">First Page</a>'; } else if ($act=='hapus'){ $user = $_GET['username']; $hasil = mysql_query("DELETE FROM member WHERE nama='$user'"); if (!$hasil) echo 'Error: failed to remove data from database. else if ($act=='see_news'){ $hasil = mysql_query("SELECT * FROM news ORDER BY id_berita DESC"); echo '<h2>News List</h2><hr>'; if (mysql_num_rows($hasil)==0){ echo "You have no news";} else {while ($data = mysql_fetch_array($hasil)){

echo '<b>News Title: </b>'.$data[1].'<br>'; echo '<font color=black><b>News Contents: </b>'.$data[2].'</font><br>'; echo '<a href="administrasi.php?act=hapusnews&id='.$data['id_berita'].'">'.'<font color=red><i>Delete</i></font></a><br>'; echo ("<br>"); } } } else if ($act=='hapusnews'){ $id = $_GET['id']; $hasil = mysql_query("DELETE FROM news WHERE id_berita='$id'"); if (!$hasil) echo "Error: delete data is fail from database."; else echo '<h1>Delete success</h1>Data successfully deleted from the database. <a href="administrasi.php?act=see_news">See News</a>'; } ?> </div> <br class="clearfloat" /> <div id="footers"> <p align="center">© Copyright 2011 Meda Cipta Hutama.</p> </div></body> </html> <a href="member.php?act=see_members">back</a>'; else echo 'Data successfully deleted from the database. <a href="member.php?act=see_members">back</a>'; } ?> </div> <p> </p> <p> <br class="clearfloat" /> </p> <div id="footer"> <p align="center">© Copyright 2011 Meda Cipta Hutama.</p> </div> </div> </body> </html>

tabelpo.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

L-47

<title>Administrator - purchase order</title> <link rel="stylesheet" href="css/960.css" type="text/css" media="screen" charset="utf-8" /> <link rel="stylesheet" href="css/template.css" type="text/css" media="screen" charset="utf-8" /> <link rel="stylesheet" href="css/colour.css" type="text/css" media="screen" charset="utf-8" /> <link href="js/glow/1.7.0/widgets/widgets.css" type="text/css" rel="stylesheet" /> <style type="text/css"> </style></head> <?php include ("koneksi.php"); $data = @mysql_query ("select * from purchaseorder"); ?>  <?php include('menu.php'); ?>  <div id="content" class="container_16 clearfix"> <div class="grid_16"> <table> <thead> <tr> <th>ID</th> <th>File Name</th> <th>Type</th> <th>Size</th> <th>Description</th> <th colspan="3" width="30%">Actions</th> </tr> </thead> <?php while ($row = @mysql_fetch_assoc($data)) { ?> <tbody> <tr> <td> <?=$row['id_po'] ?></td> <td><?=$row['filename'] ?></td> <td><?=$row['filetype'] ?></td> <td><?=$row['filesize'] ?></td> <td><?=$row['deskripsi'] ?></td> <td><a href="download.php?id_po=<?=$row['id_po'] ?>" class="edit">See File</a></td> <td><a href="hapuspo.php?id_po=<?=$row['id_po'] ?>" class="delete">Delete</a></td> <td><a href="http://webmail.medatama.com" class="reply">Reply</a></td> </tr> <?php } ?> </tbody> </table> </div> <div class="clearfix"></div>  </div> </body> </html>

tabelemployee.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Administrator - employee</title> <link rel="stylesheet" href="css/960.css" type="text/css" media="screen" charset="utf-8" /> <link rel="stylesheet" href="css/template.css" type="text/css" media="screen" charset="utf-8" /> <link rel="stylesheet" href="css/colour.css" type="text/css" media="screen" charset="utf-8" /> <link href="js/glow/1.7.0/widgets/widgets.css" type="text/css" rel="stylesheet" /> <style type="text/css"> </style> </head> <?php include ("koneksi.php"); $data = @mysql_query ("select * from karyawan"); ?>  <?php include('menu.php'); ?>  <div id="content" class="container_16 clearfix"> <div class="grid_16"> <table><thead><tr> <th>Employee Name</th><th>Work Schedule Place</th><th>Phone Number</th> <th colspan="2" width="20%">Actions</th></tr></thead> <?php while ($row = @mysql_fetch_assoc($data)) { ?> <tbody><tr> <td><?=$row['nama'] ?></td> <td><?=$row['jdwl_kerja'] ?></td> <td><?=$row['no_telp'] ?></td> <td><a href="karyawan.php?proses=edit&id_karyawan=<?=$row['id_karyawan'] ?>" class="edit">Edit</a></td> <td><a href="karyawan.php?proses=hapus&id_karyawan=<?=$row['id_karyawan'] ?>" class="delete">Delete</a></td></tr> <?php } ?></tbody> </table></div> <h2>Administrator</h2> <p><a href=inputkaryawan.php>Input Employee</a></p> </div></div> </body> </html>

L-48

tabelprogres.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Administrator - progress project</title> <link rel="stylesheet" href="css/960.css" type="text/css" media="screen" charset="utf-8" /> <link rel="stylesheet" href="css/template.css" type="text/css" media="screen" charset="utf-8" /> <link rel="stylesheet" href="css/colour.css" type="text/css" media="screen" charset="utf-8" /> <link href="js/glow/1.7.0/widgets/widgets.css" type="text/css" rel="stylesheet" /> <style type="text/css">  </style> </head> <?php include ("koneksi.php"); $data = @mysql_query ("select * from progressproject"); ?>  <?php include('menu.php'); ?>  <div id="content" class="container_16 clearfix"> <div class="grid_16"><table> <thead> <tr><th>Project Name</th> <th>Prosentase</th> <th>Year</th> <th>Month</th> <th>Work Place</th> <th colspan="2" width="20%">Actions</th> </tr> </thead> <?php while ($row = @mysql_fetch_assoc($data)) { ?> <tbody> <tr> <td><?=$row['nama_proyek'] ?></td> <td><?=$row['persen'] ?></td> <td><?=$row['tahun'] ?></td> <td><?=$row['bulan'] ?></td> <td><?=$row['lokasi_proyek'] ?></td> <td><a

href="progress.php?proses=edit&id_progres=<?=$row['id_progres'] ?>" class="edit">Edit</a></td> <td><a href="progress.php?proses=hapus&id_progres=<?=$row['id_progres'] ?>" class="delete">Delete</a></td> </tr> <?php } ?> </tbody> </table> </div> <h2>Administrator</h2> <p><a href=inputprogres.php>Input Progress Project</a></p> </div> </div> </body> </html>

inputkaryawan.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Administrator - employee</title> <link rel="stylesheet" href="css/960.css" type="text/css" media="screen" charset="utf-8" /> <link rel="stylesheet" href="css/template.css" type="text/css" media="screen" charset="utf-8" /> <link rel="stylesheet" href="css/colour.css" type="text/css" media="screen" charset="utf-8" /> <link href="js/glow/1.7.0/widgets/widgets.css" type="text/css" rel="stylesheet" /> <style type="text/css"> </style></head>  <?php include('menu.php'); ?>  <div id="content" class="container_16 clearfix"> <div class="grid_16"> <h2>Submit Employee</h2> <div class="grid_5"> <p> <form action=simpankaryawan.php method=post name=formulir> <label for=employeename>Employee Name </label> <input type=text name=nama size=30/> <label for=title>Work Schedule Place</small></label>

L-49

<input type=text name=jdwl_kerja size=30/> <label for=title>Phone Number </label> <input type=text name=no_telp size=30/> </p> <p></p> <p class="submit"> <input type=reset value=Cancel /> <input type=submit value=Submit /></p> </div> </div> <h2>Administrator</h2> <p><a href="tabelemployee.php">See the Employee table </a></p></div> </div> </body> </html>

inputprogres.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Administrator - progress project</title> <link rel="stylesheet" href="css/960.css" type="text/css" media="screen" charset="utf-8" /> <link rel="stylesheet" href="css/template.css" type="text/css" media="screen" charset="utf-8" /> <link rel="stylesheet" href="css/colour.css" type="text/css" media="screen" charset="utf-8" /> <link href="js/glow/1.7.0/widgets/widgets.css" type="text/css" rel="stylesheet" /> <style type="text/css"> </style> </head>  <?php include('menu.php'); ?>  <div id="content" class="container_16 clearfix"> <div class="grid_16"> <h2>Submit Progress Project</h2> <div class="grid_5"> <p> <form action=simpanprogres.php method=post name=formulir> <label for=projectname>Project Name </label> <input type=text name=nama_proyek size=30/> <label for=projectname>Work Place </label> <input type=text name=lokasi_proyek size=30/> <label for=title>Year</small></label> <input type=text name=tahun size=30/> <label for=title>Bulan</small></label> <input type=text name=bulan size=30/> <label for=title>Prosentase </label>

<input type=text name=persen size=30/></p> <p></p> <p class="submit"> <input type=reset value=Cancel /> <input type=submit value=Submit /></p> </div></div> <h2>Administrator</h2> <p><a href="tabelprogres.php">See the Progress Project table </a></p> </div> </div> </body></html>

Karyawan.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Administrator - employee</title> <link rel="stylesheet" href="css/960.css" type="text/css" media="screen" charset="utf-8" /> <link rel="stylesheet" href="css/template.css" type="text/css" media="screen" charset="utf-8" /> <link rel="stylesheet" href="css/colour.css" type="text/css" media="screen" charset="utf-8" /> <link href="js/glow/1.7.0/widgets/widgets.css" type="text/css" rel="stylesheet" /> <style type="text/css"> </style></head>  <?php include('menu.php'); ?>  <div id="content" class="container_16 clearfix"> <div class="grid_16"> <h2>Administrator</h2> <div class="grid_5"> <p> <?php include_once("librari/koneksi.php"); include_once("librari/fungsi.php"); $proses=$_GET['proses']; switch($proses){ case 'edit': $edit = mysql_query("SELECT * FROM karyawan WHERE id_karyawan ='$_GET[id_karyawan]'"); $r = mysql_fetch_array($edit); $id_karyawan=$_GET['id_karyawan']; $sqlEdit="select * from karyawan where id_karyawan='$id_karyawan'";

L-50

$queryEdit=mysql_query($sqlEdit); $jumEdit=mysql_num_rows($queryEdit); if($jumEdit==0) echo "<div>No Data </div>"; } else{ $rowEdit=mysql_fetch_array($queryEdit); echo " <form action=\"karyawan.php?proses=update\" method=\"post\"> <input type=hidden name=id_karyawan value=$r[id_karyawan]> <label for=employeename>Employee Name </label> <input type=text name=nama size=40 value='$r[nama]'> <label for=title>Work Schedule Place</small></label> <input type=text name=jdwl_kerja size=40 value='$r[jdwl_kerja]'> <label for=title>Phone Number </label> <input type=text name=no_telp size=40 value='$r[no_telp]'></td></td></tr> <p></p> <tr><td colspan=2><input type=reset value=Cancel /> <input type=submit value=Update /> </table> </form> <br> ";} break; case 'update': $id_karyawan=(int)$_POST['id_karyawan']; $nama=$_POST['nama']; $jdwl_kerja=$_POST['jdwl_kerja']; $no_telp=$_POST['no_telp']; if($id_karyawan !="" && $nama !="" && $jdwl_kerja !="" && $no_telp !=""){ $sql=" UPDATE karyawan SET id_karyawan='$id_karyawan', nama='$nama', jdwl_kerja='$jdwl_kerja', no_telp='$no_telp' WHERE id_karyawan='$id_karyawan' "; $query=mysql_query($sql); if($query){ echo "Renewed success "; } else{ echo "<div class=\"style3\"> Failure <a href=\"tabelemployee.php\"><span class=\"style3\">Back</span></a></div>";}} else{ echo "<div class=\"style3\">

Failure <a href=\"tabelemployee.php\"><span class=\"style3\">Back</span></a> </div>";} break; case 'hapus': $id_karyawan=(int)$_GET['id_karyawan']; $queryHapus=mysql_query("DELETE FROM karyawan WHERE id_karyawan='$id_karyawan'"); if(!$queryHapus){ echo "<div> Delete Failure <a href=\"tabelemployee.php\"><span class=\"style3\">Back</span></a> </div>";} else{ echo "Data successfully deleted from the database. "; } break; } ?> </p> </div> </div> <p> </p> <p>back to <a href="tabelemployee.php"> the employee table </a> or <a href="inputkaryawan.php"> input new employee </a> </p> </div> </div> </body> </html>

progress.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Administrator - Progress Project</title> <link rel="stylesheet" href="css/960.css" type="text/css" media="screen" charset="utf-8" /> <link rel="stylesheet" href="css/template.css" type="text/css" media="screen" charset="utf-8" /> <link rel="stylesheet" href="css/colour.css" type="text/css" media="screen" charset="utf-8" /> <link href="js/glow/1.7.0/widgets/widgets.css" type="text/css" rel="stylesheet" /> <style type="text/css"> </style></head> <label for=employeename>Work Place </label>

L-51

<input type=text name=lokasi_proyek size=40 value='$r[lokasi_proyek]'> <label for=title>Year</small></label> <input type=text name=tahun size=40 value='$r[tahun]'> <label for=title>Month</small></label> <input type=text name=bulan size=40 value='$r[bulan]'> <label for=title>Prosentase </label> <input type=text name=persen size=40 value='$r[persen]'></td></td></tr><p></p> <tr><td colspan=2><input type=reset value=Cancel /> <input type=submit value=Update /> </table></form> <br> ";} break; case 'update': $id_progres=(int)$_POST['id_progres']; $nama_proyek=$_POST['nama_proyek']; $lokasi_proyek=$_POST['lokasi_proyek']; $tahun=$_POST['tahun']; $bulan=$_POST['bulan']; $persen=$_POST['persen']; if($id_progres !="" && $nama_proyek !="" && $lokasi_proyek !="" && $tahun !="" && $bulan !="" && $persen !=""){ $sql=" UPDATE progressproject SET id_progres='$id_progres', nama_proyek='$nama_proyek', lokasi_proyek='$lokasi_proyek', tahun='$tahun', bulan='$bulan', persen='$persen' WHERE id_progres='$id_progres' "; $query=mysql_query($sql); if($query){ echo "Renewed success "; } else{ echo "<div class=\"style3\"> Failure <a href=\"tabelprogres.php\"><span class=\"style3\">Back</span></a> </div>"; }} else{ echo "<div class=\"style3\"> Failure <a href=\"tabelprogres.php\"><span class=\"style3\">Back</span></a> </div>";} break; case 'hapus':

$id_progres=(int)$_GET['id_progres']; $queryHapus=mysql_query("DELETE FROM progressproject WHERE id_progres='$id_progres'"); if(!$queryHapus){ echo "<div> Delete Failure <a href=\"tabelprogres.php\"><span class=\"style3\">Back</span></a> </div>"; } else{ echo "Data successfully deleted from the database. "; } break; } ?> </p> </div> </div> <p> </p> <p>back to <a href="tabelprogres.php"> the employee table </a> or <a href="inputkaryawan.php"> input new employee </a> </p> </div> </div> </body> </html>

manage1.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Administrator - Manage Admin</title> <link rel="stylesheet" href="css/960.css" type="text/css" media="screen" charset="utf-8" /> <link rel="stylesheet" href="css/template.css" type="text/css" media="screen" charset="utf-8" /> <link rel="stylesheet" href="css/colour.css" type="text/css" media="screen" charset="utf-8" /> <link href="js/glow/1.7.0/widgets/widgets.css" type="text/css" rel="stylesheet" /> <style type="text/css"> </style></head>  <?php include('menu-manage.php'); ?>  <div id="content" class="container_16 clearfix"> <div class="grid_16"> <h2>Manage Admin Marketing Division</h2> <div class="grid_5"> <p> <?php

L-52

include_once("librari/koneksi.php"); include_once("librari/fungsi.php"); $proses=$_GET['proses']; switch($proses){ case 'tambah': echo "<div class=\"judul\"><span class=\"style3\">Add New Admin</span></div>"; echo "<div style=\"padding: 10px 10px 10px 10px\"> <form action=\"manage1.php?proses=input\" method=\"post\"> <table align=\"left\" cellpadding=\"3\" cellspacing=\"2\"> <label for=name>Name </label> <input type=text name=nama size=40 value='$r[nama]'> <label for=phone>Phone Number </label> <input type=text name=no_telp size=40 value='$r[no_telp]'> <label for=username>Username </label> <input type=text name=adm_id size=40 value='$r[adm_id]'> <label for=passw>Password </label> <input type=text name=passw size=40 value='$r[passw]'> </td></td></tr> <p></p> <tr><td colspan=2><input type=reset value=Cancel /> <input type=submit value=Submit /> </table> </form> <br> <p><a href=manage1.php>Back to the table Marketing Division</a></p> "; break; case 'edit': echo "<div class=\"judul\"> <span class=\"style3\">Edit </span></div>"; $edit = mysql_query("SELECT * FROM dmarketing WHERE id_dmarketing ='$_GET[id_dmarketing]'");

$r = mysql_fetch_array($edit); $id_dmarketing=$_GET['id_dmarketing']; $sqlEdit="select * from dmarketing where id_dmarketing='$id_dmarketing'"; $queryEdit=mysql_query($sqlEdit); $jumEdit=mysql_num_rows($queryEdit); if($jumEdit==0){ echo "<div>No Data </div>"; } else{ $rowEdit=mysql_fetch_array($queryEdit); echo " <div style=\"padding: 10px 10px 10px 10px\"> <form action=\"manage1.php?proses=update\" method=\"post\"> <input type=hidden name=id_dmarketing value=$r[id_dmarketing]>

<table align=\"left\" cellpadding=\"3\" cellspacing=\"2\"> <label for=nama>Name </label> <input type=text name=nama size=40 value='$r[nama]'> <label for=no_telp>Phone Number </label> <input type=text name=no_telp size=40 value='$r[no_telp]'> <label for=adm_id>Username </label> <input type=text name=adm_id size=40 value='$r[adm_id]'> <label for=passw>Password </label> <input type=text name=passw size=40 value='$r[passw]'></td></td></tr> <p></p> <tr><td colspan=2><input type=reset value=Cancel /> <input type=submit value=Update /> </table> </form> <br> <p><a href=manage1.php>Back to the table Marketing Division</a></p> "; } break; case 'update': $id_dmarketing=(int)$_POST['id_dmarketing']; $id_dmarketing=$_POST['id_dmarketing']; $nama=$_POST['nama']; $no_telp=$_POST['no_telp']; $adm_id=$_POST['adm_id']; $passw=$_POST['passw']; if($id_dmarketing !="" && $nama !="" && $no_telp !="" && $adm_id !="" && $passw !=""){ $sql=" UPDATE dmarketing SET id_dmarketing='$id_dmarketing', nama='$nama', no_telp='$no_telp', adm_id='$adm_id', passw='$passw'

WHERE id_dmarketing='$id_dmarketing' ";

$query=mysql_query($sql); if($query){ echo "Renewed Success <a href=\"manage1.php\"><span class=\"style3\">View</span></a> "; } else{ echo "<div class=\"style3\"> Renewed Failed <a href=\"manage1.php\"><span class=\"style3\">Back</span></a> </div>"; }} else{

L-53

echo "<br><center>Data Saved. Click: <a href='manage1.php'>REFRESH</a>"; break; default: echo "<div class=\"judul\"> <form action=\"manage1.php?proses=tambah\" method=\"post\"><input type=submit value='Add Admin'> </form></div>"; $id_dmarketing = $_SESSION[id_dmarketing]; $query=mysql_query("select * from dmarketing"); if(mysql_num_rows($query)==0){ echo "<div style=\"padding-top:10px; textalign:left\"> Data Still Empty </div>"; } else{ echo "<div class=grid_16> <table> <thead> <tr> <th>Nama</th> <th>Phone Number</th> <th>Username</th> <th>Password</td> <th colspan=2 width=20%>Actions</th> </tr></thead> "; $i=1; while($row=mysql_fetch_array($query)) echo" <tr> <td class=\"bwh\" align=\"left\">$row[nama]</td> <td class=\"bwh\" align=\"left\">$row[no_telp]</td> <td class=\"bwh\" align=\"left\">$row[adm_id]</td> <td class=\"bwh\" align=\"left\">$row[passw]</td> <td class=\"aksi\" align=\"center\"><a href=\"manage1.php?proses=edit&id_dmarketing=$row[id_dmarketing]\" class=\"aksi\"><img src='images/edit.png' border=\"0\" vspace=\"0\" alt='Edit'/></a> <a href=\"manage1.php?proses=hapus&id_dmarketing=$row[id_dmarketing]\" class=\"aksi\" onClick=\"return confirm('Are You Sure to Delete?');\"><img src='images/trash.png' border=\"0\" vspace=\"0\" alt='Delete'/></a></td> </tr> "; $i++;} echo"</table>"; echo"</div>"; } break; } ?></div> <p> </p> </p> </div></body></html>

see_cprofile.php <?php $aksi="modul/mod_produk/aksi_produk.php"; switch($_GET[act]){ // Tampil Produk default: echo " <p> </p><h1>Company Profile</h1><hr> <br />"; $p = new Paging; $batas = 10; $posisi = $p->cariPosisi($batas); $tampil = mysql_query("SELECT * FROM companyprofile ORDER BY id_cp DESC LIMIT $posisi,$batas"); $no = $posisi+1; while($r=mysql_fetch_array($tampil)){ $tanggal=tgl_indo($r[tgl_masuk]); $harga=format_rupiah($r[harga]); echo " <h2> $r[jdl_cp]</h2> <font size=2><i> $tanggal</i></font><br><br> <img src='../foto_produk/$r[gambar]'></td></tr> <p>$r[deskripsi] </p> <hr> <p> </p> "; $no++; } echo "</table>"; $jmldata = mysql_num_rows(mysql_query("SELECT * FROM companyprofile")); $jmlhalaman = $p->jumlahHalaman($jmldata, $batas); $linkHalaman = $p->navHalaman($_GET[halaman], $jmlhalaman); echo "<div id=paging>Page: $linkHalaman</div><br>"; break; } ?>

see.php <?php session_start(); $sesiku = $_SESSION['member']; ?> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <title>Meda Cipta Hutama Site</title> <link href="../../style.css" rel="stylesheet" type="text/css" /> <style type="text/css">

L-54

 </style> </head> <div class="style17" id="container"> <div id="page_header_home"> <div id="page_heading"> </div></div>  <body> <?php include 'menu.php'; ?> <div id="main"> <div id="main_bot"> <div id="right"> <?php include "content.php"; ?> </div> <?php include 'left&footer.php'; ?> </body> </html>

media.php <?php session_start(); $sesiku = $_SESSION['admin']; ?> <html> <head> <title></title> <link href="../../style.css" rel="stylesheet" type="text/css" /> </head> <body class="twoColElsLtHdr"> <div id="container"> <div id="header"> <h1 align="right" class="style1">Meda Cipta Hutama</h1> </div> <div id="sidebar1"> <?php

include ('functions.php'); echo ("<a href=../../members.php?act=see_members><img src=../../images/see_members.png alt=see members></a><br> <a href=../../administrasi.php?act=see_feedbacks><img src=../../images/see_feedbacks.png alt=see suggestion & complain></a><br> <a href=http://www.google.com/friendconnect/admin/site/newsletter/open?id=13836392991100325454 target=_blank><img src=../../images/newsletter.png alt=newsletter></a><br> <a href=../../add_news.html><img src=../../images/add_news.png alt=add news></a><br> <a href=media.php?module=produk><img src=../../images/add_cprofile.png alt=add cp></a><br> <a href=../../add_news.php><img src=../../images/5135916.png alt=add news></a><br> <a href=../../administrasi.php?act=logout><img src=../../images/logout.png alt=logout></a><br>");

?> </div> <div id="mainContent"> <?php include "content.php"; ?> </div> <br class="clearfloat" /> <div id="footers"> <p align="center">© Copyright 2011 Meda Cipta Hutama.</p> </div> </body> </html>

content.php <?php include "../config/koneksi.php"; include "../config/library.php"; include "../config/fungsi_indotgl.php"; include "../config/fungsi_combobox.php"; include "../config/class_paging.php"; include "../config/fungsi_rupiah.php"; // Bagian Home if ($_GET[module]=='home'){ echo "<h2>Selamat Datang</h2> <p>Hai <b>$_SESSION[namalengkap]</b>, selamat datang di halaman Administrator.<br> Silahkan klik menu pilihan yang berada

L-55

di sebelah kiri untuk mengelola content website. </p> <p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p> <p align=right>Login : $hari_ini, "; echo tgl_indo(date("Y m d")); echo " | "; echo date("H:i:s"); echo " WIB</p>"; } // Bagian Company Profile Administrator elseif ($_GET[module]=='cp'){ include "modul/mod_produk/produk.php"; } // Bagian Company Profile Admin elseif ($_GET[module]=='cp1'){ include "modul/mod_produk/produk1.php"; } // Bagian Company Profile Member elseif ($_GET[module]=='see_cp'){ include "modul/mod_produk/see_cprofile.php"; } // Apabila modul tidak ditemukan else{ echo "<p><b>MODUL BELUM ADA ATAU BELUM LENGKAP</b></p>"; }?>

dhumas.php

<?php session_start(); $sesiku = $_SESSION['admin']; ?> <html><head> <title>Meda Cipta Hutama-Administrator</title> <link rel="stylesheet" href="style.css" type="text/css" /></head> <body class="twoColElsLtHdr"> <div id="container"> <div id="header"> <h1 align="right" class="style1">Meda Cipta Hutama</h1> </div> <div id="sidebar1"> <?php include ('functions.php'); echo ("<a href=dhumas.php?act=see_members><img src=images/see_members.png alt=see members></a><br> <a href=dhumas.php?act=see_feedbacks><img src=images/see_feedbacks.png alt=see suggestion & complain></a><br> <a href=add_news_dh.html><img src=images/add_news.png alt=add news></a><br>

<a href=admin/adminweb/dhumas.php?module=cp1><img src=images/add_cprofile.png alt=add cprofile></a><br> <a href=dhumas/home.php><img src=images/5135916.png alt=manage project></a><br> <a href=dhumas.php?act=logout><img src=images/logout.png alt=logout></a><br>"); ?> </div> <div id="mainContent"> <?php $act=$_GET[act]; $con = mysql_connect ("localhost","root",""); if (!$con) { die ('could not connect: '.mysql_error); } mysql_select_db("ids",$con); if (!isset($sesiku)) { echo ("<h1>Sorry,</h1> you must <a href=reg.php?page=login>Log in </a> as admin."); } else if($act==''){ echo("<h1>Welcome, Division of information!</h1><hr> <h3>Your task are:</h3> 1. <a href=dhumas.php?act=see_feedbacks>Suggestion and Complain</a> to see the feedbacks from member.</p> 2. <a href=add_news_dh.html>Add News</a> for adding news.</p> <a href=dhumas.php?act=logout> Logout</a> to round out the administrative session.");} else if ($act=='see_members'){ $hasil = mysql_query("SELECT * FROM member ORDER BY nama"); echo '<h2>Member List</h2><hr>'; if (mysql_num_rows($hasil)==0){ echo "No one has signed up"; } while ($data = mysql_fetch_array($hasil)){ $hapus = '<a href="member.php?act=hapus&username='.$data['nama'].'">'.'Hapus</a>'; echo '<br><b>User ID: </b>'.$data[0].'<br>'; echo '<b>Password: </b>'.$data[1].'<br>'; echo '<b>Name: </b>'.$data[2].'<br>'; echo '<b>Citizenship: </b>'.$data[3].'<br>'; echo '<b>Place of Birth: </b>'.$data[4].'<br>'; echo '<b>Date of Birth: </b>'.$data[5].'<br>'; echo '<b>Email: </b>'.$data[6].'<br>';

L-56

echo '<b><font color=blue>Joined Since: </b>'.$data[7].'<br></font>'; } echo '</table>'.'<p><a href="dhumas.php">First Page</a>'; } else if ($act=='logout'){ if(isset($sesiku)) { unset($sesiku); session_destroy(); echo ("<h1>You are Log Out</h1>"); echo ("Back to <a href=reg.php>First Page."); } else { echo ("<h1>You are not logged.</h1> please <a href=reg.php?page=login>log in</a> first."); } } else if ($act=='see_feedbacks'){ $hasil = mysql_query("SELECT * FROM bukutamu ORDER BY id_bt DESC"); echo '<h2>Feedbacks List</h2><hr>'; if (mysql_num_rows($hasil)==0){ echo "No one has to give feedback"; } else { while ($data = mysql_fetch_array($hasil)){ echo '<b>Date/Time: </b>'.$data[1].'<br>'; echo '<b>User ID: </b>'.$data[2].'<br>'; echo '<b>Email: </b>'.$data[4].'<br>'; echo '<font color=blue><b>Feedback: </b>'.$data[3].'</font><br>'; echo '<a href=http://webmail.medatama.com target=_blank>'.'<font color=red><i>Reply</i></font></a><br>'; echo '<a href="dhumas.php?act=hapusfd&id='.$data['id_bt'].'">'.'<font color=red><i>Delete</i></font></a><br>'; echo ("<br>"); }}} else if ($act=='hapusfd'){ $id = $_GET['id']; $hasil = mysql_query("DELETE FROM bukutamu WHERE id_bt='$id'"); if (!$hasil) echo "Error: delete data is fail from database."; else echo '<h1>Delete success</h1>Data successfully deleted from the database. <a href="dhumas.php?act=see_feedbacks">See Feedbacks</a>'; } else if ($act=='see_news'){ $hasil = mysql_query("SELECT * FROM news ORDER BY id_berita DESC"); echo '<h2>News List</h2><hr>'; if (mysql_num_rows($hasil)==0){ echo "You have no news";} else { while ($data = mysql_fetch_array($hasil)){ echo '<b>Date/Time: </b>'.$data[3].'<br>';

echo '<b>News Title: </b>'.$data[1].'<br>'; echo '<font color=black><b>News Contents: </b>'.$data[2].'</font><br>'; echo '<a href="dhumas.php?act=hapusnews&id='.$data['id_berita'].'">'.'<font color=red><i>Delete</i></font></a><br>'; echo ("<br>"); } }} else if ($act=='hapusnews'){ $id = $_GET['id']; $hasil = mysql_query("DELETE FROM news WHERE id_berita='$id'"); if (!$hasil) echo "Error: delete data is fail from database."; else echo '<h1>Delete success</h1>Data successfully deleted from the database. <a href="dhumas.php?act=see_news">See News</a>'; } ?> </div> <br class="clearfloat" /> <div id="footers"> <p align="center">© Copyright 2011 Meda Cipta Hutama.</p> </div> </body> </html>

dmarketing.php <?php session_start(); $sesiku = $_SESSION['admin']; ?> <html><head> <title>Meda Cipta Hutama-Administrator</title> <link rel="stylesheet" href="style.css" type="text/css" /></head> <body class="twoColElsLtHdr"> <div id="container"> <div id="header"> <h1 align="right" class="style1">Meda Cipta Hutama</h1> </div> <div id="sidebar1"> <?php include ('functions.php'); echo ("<a href=member.php?act=see_members><img src=images/see_members.png alt=see members></a><br> <a href=dmarketing.php?act=see_feedbacks><img src=images/see_feedbacks.png alt=see suggestion & complain></a><br> <a href=http://www.google.com/friendconnect/admin/site

L-57

/newsletter/open?id=13836392991100325454 target=_blank><img src=images/newsletter.png alt=newsletter></a><br> <a href=dmarketing.php?act=see_news><img src=images/news.png alt=news></a><br> <a href=admin/adminweb/dmarketing.php?module=cp><img src=images/add_cprofile.png alt=add cp></a><br> <a href=dmarketing/home.php><img src=images/5135916.png alt=manage></a><br> <a href=dmarketing.php?act=logout><img src=images/logout.png alt=logout></a><br> "); ?> </div> <div id="mainContent"> <?php $act=$_GET[act]; $con = mysql_connect ("localhost","root",""); if (!$con){ die ('could not connect: '.mysql_error);} mysql_select_db("ids",$con); if (!isset($sesiku)) { echo ("<h1>Sorry,</h1> you must <a href=reg.php?page=login>Log in </a> as admin."); } else if($act==''){ echo("<h1>Welcome, Division of marketing!</h1><hr> <h3>Your task are:</h3> 1. <a href=member.php?act=see_members>See Member</a> to manage the member list.</p> 2. <a href=admin/adminweb/dmarketing.php?module=cp>Company Profile</a> for adding Company Profile.</p> 3. <a href=http://www.google.com/friendconnect/admin/site/newsletter/open?id=13836392991100325454 target=_blank> Newsletter</a> for sent information to client e-mail.</p> <a href=dmarketing.php?act=logout> Logout</a> to round out the administrative session."); } else if ($act=='see_feedbacks'){ $hasil = mysql_query("SELECT * FROM bukutamu ORDER BY id_bt DESC"); echo '<h2>Feedbacks List</h2><hr>'; if (mysql_num_rows($hasil)==0){ echo "No one has to give feedback"; } else { while ($data = mysql_fetch_array($hasil)){ echo '<b>Date/Time: </b>'.$data[1].'<br>'; echo '<b>User ID: </b>'.$data[2].'<br>'; echo '<b>Email: </b>'.$data[4].'<br>'; echo '<font color=blue><b>Feedback: </b>'.$data[3].'</font><br>'; echo ("<br>"); }}}

else if ($act=='see_news'){ $hasil = mysql_query("SELECT * FROM news ORDER BY id_berita DESC"); echo '<h2>News List</h2><hr>'; if (mysql_num_rows($hasil)==0){ echo "You have no news"; } else { while ($data = mysql_fetch_array($hasil)){ echo '<b>Date/Time: </b>'.$data[3].'<br>'; echo '<b>News Title: </b>'.$data[1].'<br>'; echo '<font color=black><b>News Contents: </b>'.$data[2].'</font><br>'; echo ("<br>"); }}} else if ($act=='logout'){ if(isset($sesiku)) { unset($sesiku); session_destroy(); echo ("<h1>You are Log Out</h1>"); echo ("Back to <a href=reg.php>First Page.");} else { echo ("<h1>You are not logged.</h1> please <a href=reg.php?page=login>log in</a> first."); } } ?> </div> <br class="clearfloat" /> <div id="footers"> <p align="center">© Copyright 2011 Meda Cipta Hutama.</p> </div> </body> </html>

dpersonalia.php <?php session_start(); $sesiku = $_SESSION['admin']; ?> <html><head> <title>Meda Cipta Hutama-Administrator</title> <link rel="stylesheet" href="style.css" type="text/css" /></head> <body class="twoColElsLtHdr"> <div id="container"> <div id="header"> <h1 align="right" class="style1">Meda Cipta Hutama</h1> </div> <div id="sidebar1"> <?php include ('functions.php'); echo ("<a href=dpersonalia.php?act=see_members><img src=images/see_members.png alt=see members></a><br>

L-58

<a href=dpersonalia.php?act=see_feedbacks><img src=images/see_feedbacks.png alt=see suggestion & complain></a><br> <a href=dpersonalia.php?act=see_news><img src=images/news.png alt=news></a><br> <a href=admin/adminweb/dpersonalia.php?module=cp1><img src=images/add_cprofile.png alt=add cprofile></a><br> <a href=dpersonalia/home.php><img src=images/5135916.png alt=manageadmin></a><br> <a href=dpersonalia.php?act=logout><img src=images/logout.png alt=logout></a><br>"); ?> </div> <div id="mainContent"> <?php $act=$_GET[act]; $con = mysql_connect ("localhost","root",""); if (!$con) {die ('could not connect: '.mysql_error);} mysql_select_db("ids",$con); if (!isset($sesiku)) {

echo ("<h1>Sorry,</h1> you must <a href=reg.php?page=login>Log in </a> as admin."); } else if($act==''){ echo("<h1>Welcome, Division of personnel!</h1><hr> <h3>Your task are:</h3> 1. <a href=dpersonnel/tabelemployee.php>Employee</a> </p> <a href=dproject.php?act=logout> Logout</a> to round out the administrative session."); } else if ($act=='logout'){ if(isset($sesiku)) { unset($sesiku); session_destroy(); echo ("<h1>You are Log Out</h1>"); echo ("Back to <a href=reg.php>First Page."); } else{ echo ("<h1>You are not logged.</h1> please <a href=reg.php?page=login>log in</a> first."); }} else if ($act=='see_feedbacks'){ $hasil = mysql_query("SELECT * FROM bukutamu ORDER BY id_bt DESC"); echo '<h2>Feedbacks List</h2><hr>'; if (mysql_num_rows($hasil)==0){ echo "No one has to give feedback";} else { while ($data = mysql_fetch_array($hasil)){ echo '<b>Date/Time: </b>'.$data[1].'<br>'; echo '<b>User ID: </b>'.$data[2].'<br>'; echo '<b>Email: </b>'.$data[4].'<br>'; echo '<font color=blue><b>Feedback: </b>'.$data[3].'</font><br>';

echo ("<br>"); }}} else if ($act=='see_news'){ $hasil = mysql_query("SELECT * FROM news ORDER BY id_berita DESC"); echo '<h2>News List</h2><hr>'; if (mysql_num_rows($hasil)==0){ echo "You have no news"; } else { while ($data = mysql_fetch_array($hasil)){ echo '<b>Date/Time: </b>'.$data[3].'<br>'; echo '<b>News Title: </b>'.$data[1].'<br>'; echo '<font color=black><b>News Contents: </b>'.$data[2].'</font><br>'; echo ("<br>"); }}} else if ($act=='see_members'){ $hasil = mysql_query("SELECT * FROM member ORDER BY nama"); echo '<h2>Member List</h2><hr>'; if (mysql_num_rows($hasil)==0){ echo "No one has signed up"; } while ($data = mysql_fetch_array($hasil)){ $hapus = '<a href="member.php?act=hapus&username='.$data['nama'].'">'.'Hapus</a>'; echo '<br><b>User ID: </b>'.$data[0].'<br>'; echo '<b>Password: </b>'.$data[1].'<br>'; echo '<b>Name: </b>'.$data[2].'<br>'; echo '<b>Citizenship: </b>'.$data[3].'<br>'; echo '<b>Place of Birth: </b>'.$data[4].'<br>'; echo '<b>Date of Birth: </b>'.$data[5].'<br>'; echo '<b>Email: </b>'.$data[6].'<br>'; echo '<b><font color=blue>Joined Since: </b>'.$data[7].'<br></font>'; } echo '</table>'.'<p><a href="dproject.php">First Page</a>'; } ?></div> <br class="clearfloat" /> <div id="footers"> <p align="center">© Copyright 2011 Meda Cipta Hutama.</p></div></body></html>

dproject.php <?php session_start(); $sesiku = $_SESSION['admin']; ?> <html><head> <title>Meda Cipta Hutama-Administrator</title> <link rel="stylesheet" href="style.css" type="text/css" /></head> <body class="twoColElsLtHdr"> <div id="container"> <div id="header">

L-59

<h1 align="right" class="style1">Meda Cipta Hutama</h1> </div> <div id="sidebar1"> <?php include ('functions.php'); echo ("<a href=dproject.php?act=see_members><img src=images/see_members.png alt=see members></a><br> <a href=dproject.php?act=see_feedbacks><img src=images/see_feedbacks.png alt=see suggestion & complain></a><br> <a href=dproject.php?act=see_news><img src=images/news.png alt=add news></a><br> <a href=admin/adminweb/dproject.php?module=cp1><img src=images/add_cprofile.png alt=add cprofile></a><br> <a href=dproject/home.php><img src=images/5135916.png alt=manage project></a><br> <a href=dproject.php?act=logout><img src=images/logout.png alt=logout></a><br> "); ?> </div> <div id="mainContent"> <?php

$act=$_GET[act]; $con = mysql_connect ("localhost","root",""); if (!$con) { die ('could not connect: '.mysql_error); } mysql_select_db("ids",$con); if (!isset($sesiku)) { echo ("<h1>Sorry,</h1> you must <a href=reg.php?page=login>Log in </a> as admin."); } else if($act==''){ echo("<h1>Welcome, Division of project!</h1><hr> <h3>Your task are:</h3> 1. <a href=dproject/tabelpo.php>Purchase Order</a> </p> 2. <a href=dproject/inputprogres.php>Progress Project</a> </p> <a href=dproject.php?act=logout> Logout</a> to round out the administrative session.");} else if ($act=='logout'){ if(isset($sesiku)) { unset($sesiku); session_destroy(); echo ("<h1>You are Log Out</h1>"); echo ("Back to <a href=reg.php>First Page.");} else { echo ("<h1>You are not logged.</h1> please <a href=reg.php?page=login>log in</a> first."); } } else if ($act=='see_feedbacks'){ $hasil = mysql_query("SELECT * FROM bukutamu ORDER BY id_bt DESC");

echo '<h2>Feedbacks List</h2><hr>'; if (mysql_num_rows($hasil)==0){ echo "No one has to give feedback"; } else {while ($data = mysql_fetch_array($hasil)){ echo '<b>Date/Time: </b>'.$data[1].'<br>'; echo '<b>User ID: </b>'.$data[2].'<br>'; echo '<b>Email: </b>'.$data[4].'<br>'; echo '<font color=blue><b>Feedback: </b>'.$data[3].'</font><br>'; echo ("<br>"); }}} else if ($act=='see_news'){ $hasil = mysql_query("SELECT * FROM news ORDER BY id_berita DESC"); echo '<h2>News List</h2><hr>'; if (mysql_num_rows($hasil)==0){ echo "You have no news";} else {while ($data = mysql_fetch_array($hasil)){ echo '<b>Date/Time: </b>'.$data[3].'<br>'; echo '<b>News Title: </b>'.$data[1].'<br>'; echo '<font color=black><b>News Contents: </b>'.$data[2].'</font><br>'; echo ("<br>"); } } } else if ($act=='see_members'){ $hasil = mysql_query("SELECT * FROM member ORDER BY nama"); echo '<h2>Member List</h2><hr>'; if (mysql_num_rows($hasil)==0){ echo "No one has signed up";} while ($data = mysql_fetch_array($hasil)){ $hapus = '<a href="member.php?act=hapus&username='.$data['nama'].'">'.'Hapus</a>'; echo '<br><b>User ID: </b>'.$data[0].'<br>'; echo '<b>Password: </b>'.$data[1].'<br>'; echo '<b>Name: </b>'.$data[2].'<br>'; echo '<b>Citizenship: </b>'.$data[3].'<br>'; echo '<b>Place of Birth: </b>'.$data[4].'<br>'; echo '<b>Date of Birth: </b>'.$data[5].'<br>'; echo '<b>Email: </b>'.$data[6].'<br>'; echo '<b><font color=blue>Joined Since: </b>'.$data[7].'<br></font>'; } echo '</table>'.'<p><a href="dproject.php">First Page</a>'; }?> </div> <br class="clearfloat" /> <div id="footers"> <p align="center">© Copyright 2011 Meda Cipta Hutama.</p></div> </body> </html>

menu.php <div class="main_content"> <div class="menu">

L-60

<ul><li><a class="current" href="index.php">Home</a></li>  </li> <li><a href="">About Company</a>  <ul><li><a href="admin/adminweb/see.php?module=see_cp" title="">Company Profile</a></li> <li><a href="partner.php" title="">Our Partners</a></li></ul>  </li> <li><a href="">Cooperation</a>  <ul><li><a href="home.php?page=about" title="">Options</a></li> <li><a href="uploadpo.php" title="">Purchase Order</a></li> <li><a href="employee.php" title="">Employee</a></li> <li><a href="progres.php" title="">Progress Project</a></li></ul>  </li> <li><a href="">Contact Us</a>  <ul><li><a href="contact.php" title="">Contact Us</a></li> <li><a href="home.php?page=complain" title="">Suggestion and Complain</a></li></ul>  </li> <li><a href="home.php?page=news">News</a></li> <li><a href="newsletter.php" title="">Newsletter</a></li> <li><a href="reg.php?page=logout">Logout</a></li> </ul> </div>

left&footer.php <div id="left"> <div id="log"> <h3>User Login</h3> <img src="images/logls.jpg" title="" alt="" style="padding-right: 5px; padding-left:10px;"/><a href="home.php?page=register">Create new account</a><br /> <img src="images/logls.jpg" title="" alt="" style="padding-right: 5px; padding-left:10px;"/><a href="http://webmail.medatama.com">Webmail medatama login</a> <h4>Corporate Info</h4> </div></div>

<div style="clear:left"></div>   <div class="contents"> <div id="menu-left"> <div class="accordion"> <a headerindex="1h" class="menuitem submenuheader headeractive" href="#" title="About Company"><span class="accordprefix"></span>About Company<span class="accordsuffix"></span></a> <div style="display: block;" contentindex="1c" class="submenu"> <ul> <li> <a href="admin/adminweb/see.php?module=see_cp" title="Company Profile">Company Profile</a> </li> <li> <a href="partner.php" title="Our Partners">Our Partners</a> </li></ul></div> <a headerindex="1h" class="menuitem submenuheader headeractive" href="#" title="Cooperations"><span class="accordprefix"></span>Cooperation<span class="accordsuffix"></span></a> <div style="display: block;" contentindex="1c" class="submenu"> <ul> <li> <a href="home.php?page=about" title="Options">Options</a> </li> <li> <a href="uploadpo.php" title="Options">Purchase Order</a> </li> <li> <a href="employee.php" title="Options">Employee</a> </li> <li> <a href="progres.php" title="Options">Progress Project</a></li> </ul> </div> <a headerindex="1h" class="menuitem submenuheader headeractive" href="#" title="Contact Us"><span class="accordprefix"></span>Contact Us<span class="accordsuffix"></span></a> <div style="display: block;" contentindex="1c" class="submenu"> <ul><li> <a href="contact.php" title="Contact Us">Contact Us</a> </li> <li> <a href="home.php?page=complain" title="Suggestion and Complain">Suggestion and Complain</a> </li></ul></div> <a headerindex="1h" class="menuitem submenuheader headeractive" href="home.php?page=news" title="News"><span class="accordprefix"></span>News<span class="accordsuffix"></span></a> <a headerindex="1h" class="menuitem submenuheader headeractive" href="newsletter.php" title="News"><span class="accordprefix"></span>Newsletter<span class="accordsuffix"></span></a> <a headerindex="1h" class="menuitem submenuheader headeractive" href="reg.php?page=logout" title="News"><span class="accordprefix"></span>Logout<span class="accordsuffix"></span></a>

L-61

<div style="display: block;" contentindex="1c" class="submenu"> <p> </p> </div></div></div></div> </div> </div> <div id="footer"> <div id="left_con_bot"> <p><a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a> | <a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></p> <p> © Copyright 2011 Meda Cipta Hutama. <a href="http://www.flashtemplatesdesign.com/" ></a> </p> </div>

newsletter.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <title>Meda Cipta Hutama Site</title> <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> <style type="text/css"> </style> </head> <div class="style17" id="container"> <div id="page_header_partners"> <div id="page_heading"> </div></div>  <body> <?php include 'menu.php'; ?> 

<div id="main_content"><div id="main"> <div id="main_bot"><div id="right"> <p> </p> <h1>Newsletter</h1><hr> <br><p>You can get news about PT. Meda Cipta Hutama if you have joined this newsletter. By click JOIN THIS SITE and input the email account you wish to receive news about PT. Meda Cipta Hutama.</p> <p> </p> <script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script> <div id="div-6168334249159937676" style="width:500px;border:1px solid #cccccc;"></div><script type="text/javascript"> var skin = {}; skin['BORDER_COLOR'] = '#cccccc'; skin['ENDCAP_BG_COLOR'] = '#e0ecff'; skin['ENDCAP_TEXT_COLOR'] = '#333333'; skin['ENDCAP_LINK_COLOR'] = '#0000cc'; skin['ALTERNATE_BG_COLOR'] = '#ffffff'; skin['CONTENT_BG_COLOR'] = '#ffffff'; skin['CONTENT_LINK_COLOR'] = '#0000cc'; skin['CONTENT_TEXT_COLOR'] = '#333333'; skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc'; skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666'; skin['CONTENT_HEADLINE_COLOR'] = '#333333'; skin['NUMBER_ROWS'] = '8'; google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */); google.friendconnect.container.renderMembersGadget( { id: 'div-6168334249159937676', site: '17021537954838389622' }, skin); </script></div>  <div class="clearthis"> </div></div>  <?php include 'left&footer.php'; ?> </body> </html>

RANCANG BANGUN i-CRM (INTERACTIVE … · 2011 M / 1432 H . iv ... dari penulis lain telah...

Documents

Transcript of RANCANG BANGUN i-CRM (INTERACTIVE … · 2011 M / 1432 H . iv ... dari penulis lain telah...