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:
Rina Resti Handayani
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
Rina Resti Handayani
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
Rina Resti Handayani
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
NO GAMBAR NAMA KETERANGAN
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
NO GAMBAR NAMA KETERANGAN
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
NO GAMBAR NAMA KETERANGAN
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
NO GAMBAR NAMA KETERANGAN
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
Metode pengembangan sistem yang akan digunakan dalam penelitian ini
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
Metode pengembangan sistem yang akan digunakan dalam penelitian ini
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
Tugas dan tanggungjawabnya adalah sebagai berikut:
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
Tugas dan tanggungjawabnya adalah sebagai berikut:
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
Tugas dan tanggungjawabnya adalah sebagai berikut:
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
Tugas dan tanggungjawabnya adalah sebagai berikut:
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
Tugas dan tanggungjawabnya adalah sebagai berikut:
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
Basic Flow 1) Use case ini dimulai ketika member maupun divisi
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.
Basic Flow 5) Use case ini dimulai ketika member maupun divisi
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.
Basic Flow 1) Use case ini dimulai ketika member maupun divisi
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.
Basic Flow 1) Use case ini dimulai ketika member maupun divisi
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.
Basic Flow 1) Use case ini dimulai ketika member maupun divisi
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
15 : Menampilkan Data Company Profile
16 : Memilih "Edit"
17 : Menampilkan form Edit Company Profile
18 : Meng-update Data Company Profile19 : Data Telah Disimpan
20 : Menampilkan Data Company Profile
21 : Memilih "delete" pada data yang diinginkan22 : Data Telah Dihapus
23 : Menampilkan Data Company Profile
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
1 : Memasukkan Username & Password
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
4 : Username, Password & Pilihan Login Salah
7 : Username, Password & Pilihan Login Benar
1 : Memasukkan Username & Password
2 : Memilih Login sebagai Member / Admin
5 : Menampilkan Pesan "Login Failed"
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
4 : Username, Password & Pilihan Login Salah
7 : Username,Password & Pilihan Login Benar
15 : Data yang dimasukan Salah
18 : Data Telah Disimpan
1 : Memasukkan Username & Password
2 : Memilih Login sebagai Administrator
3 : Login Gagal
5 : Menampilkan Pesan "Login Failed"
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
4 : Username, Password & Pilihan Login Salah
7 : Username,Password & Pilihan Login Benar
1 : Memasukkan Username & Password
2 : Memilih Login sebagai Member
3 : Login Gagal
5 : Menampilkan Pesan "Login Failed"
6 : Login Sukses
8 : Menampilkan Halaman Sistem i-CRM
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
4 : Username, Password & Pilihan Login Salah
7 : Username, Password & Pilihan Login Benar
1 : Memasukkan Username & Password
2 : Memilih Login sebagai Divisi Marketing
3 : Login Gagal
5 : Menampilkan Pesan "Login Failed"
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
1 : Memasukkan Username & Password
2 : Memilih Login sebagai Member
3 : Login Gagal 4 : Username, Password & Pilihan Login Salah
5 : Menampilkan Pesan "Login Failed"
6 : Login Sukses
7 : Username,Password & Pilihan Login Benar
8 : Menampilkan Halaman Sistem i-CRM
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
4 : Username, Password & Pilihan Login Salah
7 : Username, Password & Pilihan Login Benar
1 : Memasukkan Username & Password
2 : Memilih Login sebagai Divisi Project
3 : Login Gagal
5 : Menampilkan Pesan "Login Failed"
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)
Pada Gambar 4.17 menampilkan interaksi antara member dengan sistem
dalam melihat progress project yang sedang berjalan. Form progress project
diakses dengan log in sebagai member terlebih dahulu. Kemudian memilih menu
: MemberUser Progress
Project
4 : Username, Password & Pilihan Login Salah
7 : Username,Password & Pilihan Login Benar
1 : Memasukkan Username & Password
2 : Memilih Login sebagai Member
3 : Login Gagal
5 : Menampilkan Pesan "Login Failed"
6 : Login Sukses
8 : Menampilkan Halaman Sistem i-CRM
9 : Memilih Menu Cooperation
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
4 : Username, Password & Pilihan Login Salah
7 : Username,Password & Pilihan Login Benar
17: Data yang dimasukkan Salah
1 : Memasukkan Username & Password
2 : Memilih Login sebagai Divisi Project
3 : Login Gagal
5 : Menampilkan Pesan "Login Failed"
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
1 : Memasukkan Username & Password
2 : Memilih Login sebagai Member
3 : Login Gagal 4 : Username, Password & Pilihan Login Salah
5 : Menampilkan Pesan "Login Failed"
6 : Login Sukses7 : Username, Password & Pilihan Login Benar
8 : Menampilkan Halaman Sistem i-CRM
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
4 : Username, Password & Pilihan Login Salah
7 : Username, Password & Pilihan Login Benar
1 : Memasukkan Username & Password
2 : Memilih Login sebagai Member
3 : Login Gagal
5 : Menampilkan Pesan "Login Failed"
6 : Login Sukses
8 : Menampilkan Halaman Sistem i-CRM
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
Pada Gambar 4.20 menampilkan interaksi antara member dengan sistem
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
4 : Username, Password & Pilihan Login Salah
7 : Username, Password & Pilihan Login Benar
1 : Memasukkan Username & Password
2 : Memilih Login sebagai Divisi Informasi
3 : Login Gagal
5 : Menampilkan Pesan "Login Failed"
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)
Pada Gambar 4.22 menampilkan interaksi antara member dengan sistem
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
4 : Username, Password & Pilihan Login Salah
7 : Username, Password & Pilihan Login Benar
1 : Memasukkan Username & Password
2 : Memilih Login sebagai Member
3 : Login Gagal
5 : Menampilkan Pesan "Login Failed"
6 : Login Sukses
8 : Menampilkan Halaman Sistem i-CRM
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
4 : Username, Password & Pilihan Login Salah
7 : Username,Password & Pilihan Login Benar
13 : Data yang dimasukkan Salah
16 : Data Telah Disimpan
1 : Memasukkan Username & Password
2 : Memilih Login sebagai Divisi Informasi
3 : Login Gagal
5 : Menampilkan Pesan "Login Failed"
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)
Pada Gambar 4.24 menampilkan interaksi antara member dengan sistem
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
4 : Username, Password & Pilihan Login Salah
7 : Username, Password & Pilihan Login Benar
1 : Memasukkan Username & Password
2 : Memilih Login sebagai Member
3 : Login Gagal
5 : Menampilkan Pesan "Login Failed"
6 : Login Sukses
8 : Menampilkan Halaman Sistem i-CRM
9 : Memilih Menu Cooperation
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
4 : Username, Password & Pilihan Login Salah
7 : Username,Password & Pilihan Login Benar
1 : Memasukkan Username & Password
2 : Memilih Login sebagai Divisi Personalia
3 : Login Gagal
5 : Menampilkan Pesan "Login Failed"
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
4 : Username, Password & Pilihan Login Salah
7 : Username, Password & Pilihan Login Benar
1 : Memasukkan Username & Password
2 : Memilih Login sebagai Member / Admin
5 : Menampilkan Pesan "Login Failed"
3 : Login Gagal
6 : Login Sukses
8 : Menampilkan Halaman Sistem i-CRM
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
submit()update()delete()
companyprofile
id_cp : int = 5jdl_cp : varchar = 100deskripsi : textgambar : varchar = 100tgl_masuk : date
submit()update()delete()
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
tidak dipilih dan aktif kembali jika dipilih kembali. Sudah tidak masuk menu
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
input, update & delete
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
tidak dipilih dan aktif kembali jika dipilih kembali. Sudah tidak masuk menu
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
input, update & delete
input, update & delete
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."
Menampilkan halaman admin
SistemAdmin/Div isi Marketing
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 halaman admin
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 halaman admin
Menampilkan form Newsletter
Menampilkan form google friendconnect
Menampilkan form send a newsletter
Menampilkan newsletter preview
SistemAdmin/Div isi Marketing
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 halaman member
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 "delete"
Memilih button "cancel"
Memilih button "Reply"
Melakukan tindakan
Menampilkan halaman admin
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
Memilih menu Cooperation
Melihat grafik progress project
Menampilkan form progress project
Menampilkan halaman member
Menampilkan form cooperation
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
Memilih menu manage project
Melakukan
tindakan
Input Update Delete
Menyimpan data
Memilih menu Progress Project
End
Menampilkan halaman admin
Menampilkan Tindakan
Menampilkan form manage project
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 halaman member
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 halaman member
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 "delete"
Memilih button "Reply"
Melakukan tindakan
Menampilkan halaman admin
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 halaman member
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
Memilih button "delete"
Melakukan tindakan
Menampilkan halaman admin
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 Cooperation
Memilih menu employee
Menampilkan halaman member
Menampilkan form cooperation
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 manage project
Memilih menu employee
Melakukan tindakan
Input Update Delete
Menyimpan data
End
Menampilkan halaman admin
Menampilkan form employee
Menampilkan Tindakan
Menampilkan form manage project
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
mempunyai otorisasi untuk masuk ke
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
mempunyai otorisasi untuk masuk ke
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
mempunyai otorisasi untuk masuk ke
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
otorisasi untuk masuk ke dalam sistem
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
mempunyai otorisasi untuk masuk ke
dalam sistem berhasil masuk ke dalam
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
mempunyai otorisasi untuk masuk ke
dalam sistem berhasil masuk ke dalam
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
otorisasi untuk masuk ke dalam sistem
maka berhasil masuk ke dalam sistem
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
otorisasi untuk masuk ke dalam sistem
maka berhasil masuk ke dalam sistem
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
otorisasi untuk masuk ke dalam sistem
maka berhasil masuk ke dalam sistem
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.
2. Sistem Informasi Interactive Customer Relationship Management ini dapat
dikembangkan dengan pertambahan konsep manajemen pengetahuan
(knowledge management) yang baik, maka dapat menghindari kesalahan yang
telah muncul dan memastikan konsistensi pelayanan yang optimal.
3. Sistem Informasi Interactive Customer Relationship Management ini dapat
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
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-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
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-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-32
LAMPIRAN 8
Source Code
1) Form Promosi (Member & Non Member)
2) Form Promosi (Admin/Divisi Markerting)
L-40
17) Form Berita (Admin/Divisi Informasi)
Gambar 4.84 Form Berita (Divisi Informasi)
18) Form PIC atau Person In Charge (Member)
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"> <!-- 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} .style15 {color: #0000CC} --> </style> </head> <div id="container"> <div id="page_header_index"> <div id="page_heading"> </div></div> <!-- End of Page Header --> <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> <!-- End of Page Header --> <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> <!-- end #header --></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> <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><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> <!-- end #header --></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> <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><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> <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --></p> <p> <br class="clearfloat" /> </p> <div id="footer"> <p align="center">© Copyright 2011 Meda Cipta Hutama.</p> <!-- end #footer --></div> <!-- end #container --></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"> <!-- .style1 {font-size: 24px} --></style></head> <?php include ("koneksi.php"); $data = @mysql_query ("select * from purchaseorder"); ?> <!-- Start of Page Menu --> <?php include('menu.php'); ?> <!-- End of Page Menu --> <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> <!-- /footer --> </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"> <!--.style1 {font-size: 24px} --></style> </head> <?php include ("koneksi.php"); $data = @mysql_query ("select * from karyawan"); ?> <!-- Start of Page Menu --> <?php include('menu.php'); ?> <!-- End of Page Menu --> <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"> <!-- .style1 {font-size: 24px}--> </style> </head> <?php include ("koneksi.php"); $data = @mysql_query ("select * from progressproject"); ?> <!-- Start of Page Menu --> <?php include('menu.php'); ?> <!-- End of Page Menu --> <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"> <!--.style1 {font-size: 24px} --></style></head> <!-- Start of Page Menu --> <?php include('menu.php'); ?> <!-- End of Page Menu --> <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"> <!--.style1 {font-size: 24px} --></style> </head> <!-- Start of Page Menu --> <?php include('menu.php'); ?> <!-- End of Page Menu --> <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"> <!--.style1 {font-size: 24px} --></style></head> <!-- Start of Page Menu --> <?php include('menu.php'); ?> <!-- End of Page Menu --> <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"> <!--.style1 {font-size: 24px} --></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"> <!--.style1 {font-size: 24px} --></style></head> <!-- Start of Page Menu --> <?php include('menu-manage.php'); ?> <!-- End of Page Menu --> <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
<!-- 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} .style15 {color: #0000CC} --> </style> </head> <div class="style17" id="container"> <div id="page_header_home"> <div id="page_heading"> </div></div> <!-- End of Page Header --> <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> <!-- end #header --></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> <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><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> <!-- end #header --></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> <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><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> <!-- end #header --></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> <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><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> <!-- end #header --></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> <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><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> <!-- end #header --></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> <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><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> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li><a href="">About Company<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <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> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li><a href="">Cooperation<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <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> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li><a href="">Contact Us<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <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> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </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> <!--content ends --> <!--footer begins --> <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"><!-- 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} .style15 {color: #0000CC}--> </style> </head> <div class="style17" id="container"> <div id="page_header_partners"> <div id="page_heading"> </div></div> <!-- End of Page Header --> <body> <?php include 'menu.php'; ?> <!-- Start of Main Content Area -->
<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> <!-- Include the Google Friend Connect javascript library. --><script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script> <!-- Define the div tag where the gadget will be inserted. --><div id="div-6168334249159937676" style="width:500px;border:1px solid #cccccc;"></div><!-- Render the gadget into a 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> <!-- END: CONTENT --> <div class="clearthis"> </div></div> <!-- End of Page Footer --> <?php include 'left&footer.php'; ?> </body> </html>
Top Related