PEMBUATAN APLIKASI CRM BERBASIS WEB

PADA PT. LINGKAR KABEL

TELEKOMUNIKASI

Disusun Untuk Melengkapi Persyaratan Laporan Magang di

PT. Lingkar Kabel Telekom

Oleh :
DANANG NURKHALIS / 200103192
JOEL ADHIKURNIA S / 200103192
MUHAMMAD ALWAN FAUZAN / 200103072

FAKULTAS ILMU KOMPUTER

UNIVERSITAS DUTA BANGSA
SURAKARTA
2023
 KATA PENGANTAR

Alhamdulillah, segala puji dan syukur kami panjatkan kepada Allah SWT
yang telah memberikan limpahan rezeki dan karunia kepada kita semua sehingga
penyusun mampu membuat Laporan Magang ini.

Dalam pengerjaan penyusunan pembuatan laporan, penyusun sudah berusaha

untuk menyelesaikannya dengan cermat dan sempurna. Namun demikian, penyusun
sadar masih banyak kekurangan dalam penyusunan laporan. Oleh sebab itu,
penyusun berharap adanya saran dan kritik yang sifatnya membangun agar kelak
laporan yang akan digarap bisa lebih baik.

Lewat kesempatan ini, penyusun mengucapkan banyak terimakasih kepada

semua pihak yang sudah membantu dalam pelaksanaan magang dan pembuatan
laporan magang ini. Rasa terimakasih itu kami disampaikan kepada
1. Bapak Dr. Singgih Purnomo, MM selaku Rektor Universitas Duta Bangsa
Surakarta.
2. Bapak Firdhyan Adhi Lesmana selaku CEO KabelTelekom-Group
3. Bapak Wijiyanto, M.Pd., M.Kom (Dekan Fakultas Ilmu Komputer
Universitas Duta Bangsa Surakarta) selaku Dosen Pembimbing Lapangan.
4. Rekan satu tempat Magang.

Akhir kata, penyusun berharap semoga laporan ini bisa mempunyai manfaat
besar bagi kami. Sekali lagi, penyusun mengucapkan terimakasih kepada semua
pihak yang sudah terlibat dalam penyusunan laporan ini.

Surakarta, 20 November 2023

Penyusun

ii
 DAFTAR ISI

Halaman Judul .......................................................................................................... i

Kata Pengantar .................................................................................................................. ii
Daftar Isi ............................................................................................................................. iii
Daftar Gambar .................................................................................................................. iv
BAB I PENDAHULUAN ................................................................................................ 1
1.1 Latar Belakang ............................................................................................................ 1
1.2 Perumusan Masalah ................................................................................................... 2
1.3 Batasan Masalah ........................................................................................................ 2
1.4 Tujuan ......................................................................................................................... 3
BAB II LANDASAN TEORI ......................................................................................... 4
2.1 Pengertian CRM ........................................................................................................ 4
2.2 pengertian Boostrap ............................................................................................... 5
2.2 Pengertian Backend & Frontend .............................................................................. 6
BAB III PEMBAHASAN ................................................................................................ 9
3.1 Pembuatan Aplikasi CRM ........................................................................................ 9
3.2 Form Login & Daftar ................................................................................................ 9
3.3 Dashboard & Pelanggan ........................................................................................ 10
3.4 Pemesanan & Akun Admin .................................................................................. 12
3.5 Home Page Websita & Form Kontak .................................................................. 13
3.6 Form Pemesanan & Status Pemesanan ................................................................ 19
BAB V PENUTUP ......................................................................................................... 20
5.1 Kesimpulan .............................................................................................................. 20
5.2 Saran .......................................................................................................................... 20
DAFTAR PUSTAKA ………………………………………………… ................. 21
LAMPIRAN ………………………………………………… ................................. 21

iii
 DAFTAR GAMBAR

Gambar 3.1 .............................................................................................. 9

Gambar 3.2 .............................................................................................. 10
Gambar 3.3 .............................................................................................. 10
Gambar 3.4 .............................................................................................. 11
Gambar 3.5 .............................................................................................. 12
Gambar 3.6 .............................................................................................. 13
Gambar 3.7 .............................................................................................. 13
Gambar 3.8 .............................................................................................. 14
Gambar 3.9 .............................................................................................. 14
Gambar 3.10 ............................................................................................. 15
Gambar 3.11 ............................................................................................. 15
Gambar 3.12 ............................................................................................. 16
Gambar 3.13 .............................................................................................. 17
Gambar 3.14 .............................................................................................. 17
Gambar 3.15 .............................................................................................. 18

iv
 1

BAB I
PENDAHULUAN

1.1 Latar Belakang

Dalam era digital dan teknologi informasi yang berkembang pesat, jaringan
komunikasi dan konektivitas internet menjadi sangat penting bagi bisnis dan
individu. Perusahaan yang menyediakan layanan jaringan, seperti penyedia layanan
internet (ISP), penyedia jasa komunikasi data, penyedia jaringan seluler, dan
penyedia layanan jaringan lainnya, telah mengalami pertumbuhan yang signifikan
dalam permintaan untuk layanan mereka.
Pasar penyedia jasa jaringan sangat kompetitif, dengan banyak pemain yang
berlomba-lomba untuk mendapatkan pangsa pasar. Ini membuat penting bagi
perusahaan jasa penyedia jaringan untuk memiliki strategi pemasaran yang efektif
agar dapat membedakan diri dari pesaing dan menarik perhatian pelanggan
potensial.
Dalam dunia digital, website adalah salah satu alat pemasaran yang paling
penting. Website perusahaan adalah titik kontak pertama yang sering digunakan
oleh pelanggan potensial untuk mencari informasi tentang layanan yang
ditawarkan, harga, dan kredibilitas perusahaan oleh karena itu, memiliki website
yang profesional dan informatif adalah kunci untuk memenangkan kepercayaan
pelanggan.
Website pemasaran perusahaan jasa penyedia jaringan berfungsi sebagai
platform untuk memberikan informasi tentang berbagai layanan yang ditawarkan,
teknologi yang digunakan, cakupan geografis, harga, dan promosi. Ini juga
merupakan saluran komunikasi yang penting antara perusahaan dan pelanggan,
memungkinkan pelanggan untuk menghubungiperusahaan, mengajukan
pertanyaan, dan memperoleh dukungan.

1
 2

Perusahaan jasa penyedia jaringan perlu mengikuti trend dalam pemasaran

digital, seperti optimasi mesin pencari (SEO), pemasaran medial sosial, pemasaran
konten, dan kampanye iklan online. Website adalah platform yang ideal untuk
mengintegrasikan berbagai strategi pemasaran digital ini.
Beberapa perusahaan jasa penyedia jaringan melayani pasar lokal, sementara
yang lain mungkin beroperasi di tingkat nasional atau bahkan internasional. Oleh
karena itu, website juga dapat berfungsi sebagai alat untuk menentukan cakupan
geografis perusahaan dan menyediakan informasi relavan sesuai dengan pasar yang
dituju.

1.2 Rumusan Masalah

Berdasarkan latar belakang, permasalahan dapat dirumuskan sebagai berikut:
1. Bagaimana merancang database yang akan digunakan dalam website CRM di

PT Lingkar Kabel Telekomunikasi.

2. Bagaimana merancang dan mendesain website CRM pada PT Lingkar Kabel

Telekomunikasi yang dapat digunakan sebagai media transaksi pemesanan
online.

1.3 Batasan Masalah

1. Web ini digunakan untuk memberikan informasi umum tentang PT. Lingkar

Kabel Telekomunikasi.

2. Website ini hanya memiliki satu orang admin.

3. Website ini dibangun dengan basis data MySQL dan PHP.

4. Membuat desain interface website untuk pengunjung dan administrator website

2
 3

1.4 Tujuan
1. Membuat Website CRM pada PT. Lingkar Kabel Telekomunikasi dengan

bahasa pemrograman PHP dan server yang dibangun dengan basis data

MySQL.

2. Website CRM PT. Lingkar Kabel Telekomunikasi ini diharapkan dapat

membantu pelanggan untuk mengetahui informasi-informasi seputar PT.

Lingkar Kabel Telekominikasi.

3. Sebagai pengenalan kepada mahasiswa Teknik Informatika di dunia kerja.

3
 4

BAB II
LANDASAN TEORI

2.1. Pengertian Customer Relationship Management

Customer Relationship Management (CRM) adalah suatu pendekatan bisnis yang
bertujuan untuk mengelola dan memahami hubungan antara perusahaan dengan
pelanggannya. CRM mencakup strategi, proses, perangkat lunak, dan teknologi
yang digunakan untuk mengumpulkan, menganalisis, dan mengelola informasi
terkait pelanggan. Tujuan utama dari CRM adalah untuk meningkatkan hubungan
perusahaan dengan pelanggan, meningkatkan retensi pelanggan, dan meningkatkan
kepuasan pelanggan.

Dalam praktiknya, CRM melibatkan pengumpulan data pelanggan, seperti

informasi kontak, preferensi, sejarah transaksi, dan perilaku pelanggan lainnya.
Data ini kemudian digunakan untuk memahami pelanggan dengan lebih baik,
menyediakan layanan yang lebih personal, dan mengambil keputusan bisnis yang
lebih baik.

Manfaat utama dari CRM adalah:

1. Meningkatkan Retensi Pelanggan: Dengan memahami pelanggan dan
kebutuhan mereka, perusahaan dapat lebih efektif dalam mempertahankan
pelanggan yang ada.
2. Peningkatan Penjualan: CRM dapat membantu dalam identifikasi peluang
penjualan dan mengelola proses penjualan dengan lebih baik, sehingga
meningkatkan pendapatan.
3. Layanan Pelanggan yang Lebih Baik: Dengan akses cepat ke data pelanggan,
perusahaan dapat memberikan layanan yang lebih responsif dan personal.

4
 5

4. Penghematan Waktu dan Biaya: CRM dapat membantu mengotomatisasi

banyak tugas administratif dan proses bisnis, menghemat waktu dan biaya.
5. Analisis Data: Dengan data pelanggan yang terkumpul, perusahaan dapat
melakukan analisis yang mendalam untuk mendukung pengambilan keputusan
yang lebih baik.

CRM dapat diimplementasikan dengan berbagai cara, termasuk penggunaan

perangkat lunak CRM khusus, penggunaan database pelanggan, dan proses bisnis
yang dioptimalkan untuk mengintegrasikan informasi pelanggan. Ini dapat
digunakan dalam berbagai industri dan bidang usaha untuk meningkatkan
hubungan dengan pelanggan dan mengoptimalkan operasi bisnis.

2.2. Pengertian Bootstrap

Bootstrap adalah sebuah kerangka kerja (framework) front-end open-source yang

digunakan untuk mengembangkan situs web dan aplikasi web yang responsif
(responsive) dan mobile-friendly. Bootstrap didesain untuk memudahkan
pengembangan web dengan menyediakan berbagai komponen, gaya, dan alat yang
dapat digunakan secara konsisten dalam proyek-proyek pengembangan web.

Beberapa karakteristik utama Bootstrap meliputi:

1. Responsif: Bootstrap memungkinkan situs web dan aplikasi web untuk

menyesuaikan tampilannya dengan baik pada berbagai perangkat, termasuk
desktop, tablet, dan ponsel.
2. Grid System: Bootstrap menggunakan sistem grid yang dapat membantu dalam
menata tata letak (layout) halaman web dengan mudah. Sistem grid ini
memungkinkan pembagian tampilan menjadi kolom-kolom yang dapat diatur
dengan fleksibel.

5
 6

3. Komponen UI: Bootstrap menyertakan berbagai komponen antarmuka

pengguna (UI) yang siap pakai, seperti tombol, formulir, navigasi, panel, dan
banyak lagi. Ini memungkinkan pengembang untuk mempercepat proses
pengembangan dengan menggabungkan komponen-komponen ini ke dalam
proyek mereka.
4. Kustomisasi: Meskipun Bootstrap memiliki gaya bawaan, pengembang dapat
menyesuaikan tampilan dan gaya sesuai kebutuhan proyek mereka dengan
menggunakan variabel kustom dan mengganti tema-tema yang disediakan.
5. Dokumentasi yang Kuat: Bootstrap memiliki dokumentasi yang sangat baik
dengan contoh-contoh yang jelas dan panduan penggunaan yang rinci, sehingga
pengembang dapat dengan mudah memahami dan mengimplementasikan
kerangka kerja ini.

Bootstrap banyak digunakan dalam industri pengembangan web karena dapat

membantu menghemat waktu dan usaha dalam merancang dan membangun situs
web yang responsif dan estetis. Selain itu, Bootstrap juga mendukung
pengembangan aplikasi web yang berskala besar dan proyek-proyek dengan tim
pengembang yang terdiri dari beberapa anggota.

2.3. Pengertian Back-end dan Front-end

Back-end dan front-end adalah dua komponen utama dalam pengembangan

perangkat lunak, terutama dalam konteks pengembangan situs web dan aplikasi
web. Kedua komponen ini bekerja sama untuk memberikan pengalaman pengguna
yang lengkap. Berikut adalah pengertian keduanya:

1. Front-end:
Front-end, juga dikenal sebagai "client-side," adalah bagian dari perangkat
lunak yang berinteraksi langsung dengan pengguna akhir. Ini mencakup semua

6
 7

elemen yang dapat dilihat dan diinteraksikan oleh pengguna dalam antarmuka
pengguna (UI). Front-end bertanggung jawab untuk menampilkan informasi,
tampilan, tombol, formulir, gambar, dan elemen visual lainnya kepada
pengguna. Bahasa pemrograman dan teknologi yang umum digunakan dalam
pengembangan front-end meliputi HTML (Hypertext Markup Language), CSS
(Cascading Style Sheets), dan JavaScript. Front-end juga mencakup logika
klien, yang berarti bahwa ia dapat melakukan validasi sederhana atau tindakan
lainnya pada sisi klien untuk meningkatkan responsifitas dan interaktivitas situs
atau aplikasi.

2. Back-end:
Back-end, juga dikenal sebagai "server-side," adalah bagian dari perangkat
lunak yang beroperasi di latar belakang dan tidak dapat dilihat oleh pengguna
akhir. Ini adalah otak di balik situs web atau aplikasi, yang mengelola data,
menyimpan data, dan melakukan berbagai tugas logika bisnis. Back-end
bertanggung jawab untuk mengelola permintaan dari klien (seperti browser)
dan memberikan respon yang sesuai. Ini berarti memproses data, berinteraksi
dengan basis data, melakukan autentikasi, otorisasi, dan melaksanakan sebagian
besar logika bisnis. Bahasa pemrograman yang sering digunakan untuk
pengembangan back-end meliputi PHP, Ruby, Python, Java, dan Node.js. Back-
end juga berfungsi untuk memastikan keamanan dan kinerja situs atau aplikasi.

Kedua komponen ini berinteraksi satu sama lain melalui permintaan HTTP,
dengan front-end mengirim permintaan ke back-end dan menerima respons dari
back-end untuk menampilkan data kepada pengguna. Perlu dicatat bahwa dalam
pengembangan modern, konsep ini semakin kabur karena teknologi seperti
JavaScript runtime (seperti Node.js) memungkinkan pengembang untuk

7
 8

menggunakan bahasa pemrograman yang sama di kedua sisi (front-end dan

back-end), menciptakan aplikasi satu tumpukan penuh (full-stack).

8
 9

BAB III
PEMBAHASAN

3.1. Pembuatan Aplikasi CRM

1. Form Login
Halaman Login pada aplikasi CRM merupakan halaman yang digunakan untuk
mengenal identitas user agar dapat masuk kedalam aplikasi dengan menginput
email serta password. Berikut adalah form login aplikasi CRM yang dapat
dilihat pada Gambar 0.0.

Gambar 3.1 Login CRM

2. Form Daftar
Halaman Daftar pada aplikasi CRM merupakan halaman yang digunakan untuk
mendaftar identitas user agar dapat masuk ke dalam aplikasi dengan menginput
username, email, password serta peran user yaitu sebagai admin/pelanggan.
Berikut adalah form daftar aplikasi CRM yang dapat dilihat pada Gambar 0.0.

9
 10

Gambar 3.2 Daftar Akun

3. Form Dashboard (Admin)
Halaman Dashboard pada aplikasi CRM merupakan halaman yang digunakan
untuk melihat lokasi, pelanggan, serta status login sebagai admin/pelanggan.
Berikut adalah form Dashboard yang dapat dilihat pada Gambar 0.0.

10
 11

Gambar 3.3 Dashboard (Admin)

4. Form Pelanggan (Admin)
Halaman pelanggan (Admin) pada aplikasi CRM merupakan halaman yang
digunakan untuk melihat data user pelanggan dan dihalaman ini admin juga
dapat menghapus data pelanggan yang sudah tidak diperlukan. Berikut adalah
form pelanggan (Admin) yang dapat dilihat pada Gambar 0.0.

Gambar 3.4 Form Pelanggan

5. Form Pemesanan
Halaman pemesanan pada aplikasi CRM merupakan halaman yang berisi untuk
menampilkan data pemesanan oleh pelanggan yang diinput oleh pelanggan
sendiri, halaman ini juga dilengkapi dengan kolom pencarian data berdasarkan
nama pelanggan, sehingga admin dapat dengan mudah memantau data
pelanggan yang sudah melakukan pemesanan. Pada halaman ini admin juga
dapat menghapus data pemesanan bila tidak diperlukan. Berikut adalah form
pemesanan yang dapat dilihat pada Gambar 0.0.

11
 12

Gambar 3.5 Pemesanan

6. Form Akun (Admin)
Halaman Akun (Admin) pada aplikasi CRM merupakan halaman yang
digunakan untuk mengedit data user akun admin guna alasan keamanan,
sehingga admin dapat dengan mudah mengubah data akun admin. Berikut
adalah form akun (admin) yang dapat dilihat pada Gambar 0.0.

12
 13

Gambar 3.6 Akun Admin

7. Form Halaman Utama Website

Gambar 3.7 Halaman Utama

13
 14

Gambar 3.8 Halaman Utama

Gambar 3.9 Halaman Utama

14
 15

Gambar 3.10 Halaman Utama

Gambar 3.11 Halaman Utama

15
 16

Gambar 3.12 Halaman Utama

8. Form Kontak (Whatshapp)
Halaman Kontak (Whatshapp) pada aplikasi CRM merupakan halaman yang
digunakan untuk menghubungi pihak penyedia jasa guna untuk bertanya,
mencari informasi atau untuk memesan produk/barang yang ditawarkan. Dan
juga sebagai tempat aduan bila mana ada kendala atau masalah lainya yang
menyangkut tentang produk/barang yang ditawarkan atau yang sudah dibeli
rusak atau tidak sesuai bisa menghubungi lewat whatshapp tersebut.

16
 17

Gambar 3.13 Kontak Telepon

9. Form Pemesanan

Gambar 3.14 Input Pemesanan

17
 18

Halaman Pemesanan pada aplikasi CRM merupakan halaman yang digunakan

oleh pelanggan untuk melakukan pemesanan produk/barang yang ditawarkan
oleh penyedia jasa. Disini pelanggan disuruh untuk mengisi/memilih paket
produk yang diingikan, mengisi nomer telepon, alamat pelanggan, mencari
lokasi rumah untuk pemasangan, mengupload foto rumah dan foto ktp lalu klik
simpan. Untuk nama, email sudah terisi secara otomatis dari daftar/logiin
aplikasinya, dan untuk harga juga sudah tertera secara otomatis.

Gambar 3.15 Input Pemesanan

18
 19

10. Form Status Pemesanan

Halaman status pemesanan aplikasi CRM merupakan halaman untuk
menampilkan status pemesanan jika sudah mengisi/menginput produk atau
barang yang sudah dipesan.

Gambar 3.15 Status Pemesanan

19
 20

BAB IV
PENUTUP

4.1. Kesimpulan

Kesimpulan dari uraian hasil dan pembahasan diatas, bahwa Website Customer
Relationship Management pada PT. Lingkar Kabel Telekomunikasi sudah
dapat dibuat menggunakan bahasa pemrograman PHP dan MySQL. Web ini
diharapkan dapat mempermudah pelanggan dalam mencari informasi tentang
PT. Lingkar Kabel Telekomunikasi.

4.2. Saran

Dalam pembuatan website ini masih ada beberapa hal yang menurut kami
masih perlu untuk diperbaiki dan dikembangkan lagi, atara lain :
1. Memperbaiki tampilan pada website tersebut agar tampilannya lebih
menarik.
2. Menyadari bahwa website tersebut masih memiliki fasilitas yang terbatas.

20
 21

DAFTAR PUSTAKA

1. HERE Technologies | The world's #1 location platform

2. MySQL
3. https://php.net
4. Learn JavaScript Online - Courses for Beginners - javascript.com
5. CSS Tutorial (w3schools.com)

LAMPIRAN

Link Dokumentasi Google Drive:

https://drive.google.com/file/d/16Ba_9fX1UGjrDRNy5WLTV_ZDbN1
CVUXy/view?usp=drivesdk

21