PROPOSAL SKRIPSI

PENGEMBANGAN APLIKASI HELPDESK

PADA PT. MITRA AULIA INDONESIA

Oleh :

MUHAMMAD ZAHIR
NPM: 16630181

PROGRAM STUDI S1 TEKNIK INFORMATIKA

FAKULTAS TEKNOLOGI INFORMASI
UNIVERSITAS ISLAM KALIMANTAN
MUHAMMAD ARSYAD AL BANJARI
2020
 DAFTAR ISI

Halaman
DAFTAR ISI ........................................................................................... i
DAFTAR GAMBAR ........................................................................... iii
DAFTAR TABEL .................................................................................. v
BAB I PENDAHULUAN ...................................................................... 1
1.1 Latar Belakang ............................................................................................... 1
1.2 Rumusan Masalah .......................................................................................... 3
1.3 Batasan Masalah ............................................................................................ 3
1.4 Tujuan Penelitian ........................................................................................... 3
1.5 Manfaat Penelitian ......................................................................................... 4
BAB II TINJAUN PUSTAKA .............................................................. 6
2.1 Landasan Teori............................................................................................... 6
2.1.1 Aplikasi ............................................................................................... 6
2.1.2 Website ............................................................................................... 7
2.1.3 HTML ................................................................................................. 7
2.1.4 PHP ..................................................................................................... 8
2.1.5 CSS ...................................................................................................... 8
2.1.6 Bootstrap ............................................................................................. 8
2.1.7 Mysql ................................................................................................... 9
2.1.8 UML (Unified Modeling Language) .................................................... 9
2.1.9 Notepad++ ......................................................................................... 10
2.1.10 XAMPP ............................................................................................. 11
2.2 Penelitian Terkait ......................................................................................... 11
BAB III METODE PENELITIAN ..................................................... 13
3.1 Teknik Pengumpulan Data ........................................................................... 13
3.2 Analisis Sistem yang Berjalan ...................................................................... 16
3.3 Analisis Kebutuhan Sistem ........................................................................... 17
3.4 Rancangan Model Sistem ............................................................................. 20

i
 3.4.1 Diagram Konteks ............................................................................... 20
3.4.2 Use Case Diagram ............................................................................. 21
3.4.3 Sequence Diagram ............................................................................. 22
3.4.4 Activity Diagram ............................................................................... 30
3.5 Rancangan Basis Data .................................................................................. 39
3.6 Rancangan Antarmuka Masukan Sistem ....................................................... 39
3.7 Rancangan Antarmuka Keluaran Sistem ....................................................... 46
3.8 Tempat dan Jadwal Penelitian ...................................................................... 54
DAFTAR PUSTAKA .......................................................................... 56

ii
 DAFTAR GAMBAR

Gambar 3. 1 Flowmap Sistem yang Berjalan ........................................................... 17

Gambar 3. 2 Flowchart Usulan Sistem Baru Admin ................................................ 18
Gambar 3. 3 Usulan Sistem Mitra ........................................................................... 19
Gambar 3. 4 Diagram Konteks ................................................................................ 20
Gambar 3. 5 Use Case Diagram .............................................................................. 21
Gambar 3. 6 Sequence Diagram Login.................................................................... 23
Gambar 3. 7 Sequence Diagram Login User ........................................................... 23
Gambar 3. 8 Sequence Diagram Data Informasi ...................................................... 24
Gambar 3. 9 Sequence Diagram Input Kendala ....................................................... 25
Gambar 3. 10 Sequence Diagram Input Mitra ......................................................... 25
Gambar 3. 11 Sequence Diagram Input Billing ....................................................... 26
Gambar 3.12 Sequence Diagram Pelatihan.............................................................. 26
Gambar 3. 13 Sequence Diagram Penjualan ............................................................ 27
Gambar 3. 14 Sequence Diagram Tiket ................................................................... 27
Gambar 3. 15 Sequence Diagram Update Permintaan ............................................. 28
Gambar 3.16 Sequence Diagram Laporan ............................................................... 28
Gambar 3. 17 Sequence Diagram Logout Admin .................................................... 29
Gambar 3. 18 Sequence Diagram Logout User........................................................ 29
Gambar 3. 19 Activity Diagram Login Admin ......................................................... 30
Gambar 3. 20 Activity Diagram Login User ............................................................ 31
Gambar 3. 21 Activity Diagram Admin ................................................................... 32
Gambar 3. 22 Activity Diagram Kendala ................................................................ 33
Gambar 3. 23 Activity Diagram Mitra ..................................................................... 34
Gambar 3. 24 Activity Diagram Billing ................................................................... 34
Gambar 3. 25 Activity Diagram Pelatihan ............................................................... 35
Gambar 3. 26 Activity Diagram Penjualan............................................................... 36
Gambar 3. 27 Activity Diagram Tiket...................................................................... 36
Gambar 3. 28 Activity Diagram Update Permintaan ................................................ 37
Gambar 3. 29 Activity Diagram Laporan ................................................................. 37
Gambar 3. 30 Activity Diagram Logout Admin ....................................................... 38

iii
Gambar 3. 31 Activity Diagram Logout User .......................................................... 38
Gambar 3. 32 Relasi Tabel ...................................................................................... 39
Gambar 3. 33 Desain Form Login Admin ............................................................... 40
Gambar 3. 34 Desain Form Admin .......................................................................... 40
Gambar 3. 35 Desain Form User ............................................................................. 41
Gambar 3. 36 Desain Form Ticket.......................................................................... 42
Gambar 3. 37 Desain Form Update Permintaan ....................................................... 42
Gambar 3. 38 Desain Form Data Mitra.................................................................... 43
Gambar 3. 39 Desain Form Kendala ....................................................................... 44
Gambar 3. 40 Desain Form Billing .......................................................................... 45
Gambar 3. 41 Gambar 3.42 Desain Form Pelatihan ................................................. 45
Gambar 3. 43 Gambar 3.44 Desain Form Penjualan ................................................ 46
Gambar 3. 45 Desain Form Laporan Mitra .............................................................. 47
Gambar 3. 46 Gambar 3.47 Desain Form Laporan Kendala ..................................... 48
Gambar 3. 48 Desain Form Laporan Kendala yang Sering dicari ............................. 49
Gambar 3. 49 Desain Form Laporan Billing ............................................................ 50
Gambar 3. 50 Desain Form Laporan Pelatihan ........................................................ 51
Gambar 3. 51 Desain Form Laporan Penjualan ....................................................... 52
Gambar 3. 52 Desain Form Laporan Tiket .............................................................. 53
Gambar 3. 53 Desain Form Laporan Update Permintaan ......................................... 54

iv
 DAFTAR TABEL

Tabel 1. 1 Tabel Kegiatan ....................................................................................... 54

v
 BAB I
PENDAHULUAN

1.1 Latar Belakang

Aplikasi keuangan sangat diperlukan untuk mempermudah operasional

perusahaan dalam bidang penyedia jasa dan pengelola keuangan. Tidak terbatas pada

bank, contohnya seperti lembaga koperasi konvensional, lembaga KSPPS, lembaga

BMT, retail toko dan proverti. Dalam sebuah aplikasi keuangan yang baik tentunya

bisa mengontrol transaksi secara detail sehingga meminimalisir kecurangan oknum,

dan bisa menghasilkan dan mempercepat pembuatan laporan keuangan. Namun

sebagian perusahaan masih menilai bahwa aplikasi keuangan memiliki sistem

pengoperasian yang ribet dan membutuhkan maintenance yang rumit, dan

diindikasikan dapat mengalami kesalahan sistem. Selain itu ditambah lagi dengan biaya

pembelian yang terlalu mahal.

PT. Mitra Aulia Indonesia adalah perusahan IT di Indonesia yang berdomisili

di Martapura Kabupaten Banjar Kalimantan Selatan. Perusahaan ini bergerak pada

bidang jasa pembuatan aplikasi keuangan, KSP, KSPPS, BMT, retail toko, proverti dan

aplikasi keuangan lainnya. Perusahaan ini telah di percaya oleh Dinas Koperasi di

Kabupaten Banjar sebagai Pengembang Aplikasi Pengelolaan Keuangan.

PT. Mitra Aulia Indonesia menyediakan aplikasi keuangan yang dapat

disesuaikan dengan kebutuhan mitra pengguna. Selain itu aplikasi keuangan yang

terjangkau hemat dan memiliki support yang baik dan cepat. Namun PT. Mitra Aulia

Indonesia belum memiliki media untuk mengatasi masalah yang bersifat suatu sistem

1
 2

dan online bagi perusahaan, calon mitra dan mitra pengguna, sehingga masih banyak

mengalami kesulitan informasi baik perusahaan dan mitra pengguna pada saat terjadi

kendala di luar jam kerja tim support.

Untuk mengatasi kekurangan PT. Mitra Aulia Indonesia dalam hal pelayanan

dan mengatasi masalah yang ada maka peneliti mengembangkan sistem informasi

dalam bentuk aplikasi helpdesk yang bisa di akses oleh perusahaan dan mitra pengguna

untuk mendapatkan informasi yang diperlukan selama 24 jam. Aplikasi helpdesk

sangat diperlukan oleh PT. Mitra Aulia Indonesia untuk mempermudah dalam

mengatasi masalah yang terjadi pada mitra dan perusahaan yang harus segera

diselesaikan.

Berdasarkan keperluan perusahaan tersebut maka dibutuhkan sistem helpdesk

yang terintegrasi dengan baik sehingga pengaksesan data pada helpdesk dapat

dilakukan dengan mudah dan cepat guna pengukuran tingkat masalah serta

pengaksesan oleh perusahaan. Serta permasalahan dapat tertangani dengan baik dalam

cakupan batasan masalah yang menghasilkan solusi tepat untuk mengatur sumber daya

yang ada, maka peneliti mencoba mengungkapkan obyek dari studi dengan judul “

PENGEMBANGAN APLIKASI HELPDESK PADA PT. MITRA AULIA

INDONESIA”
 3

1.2 Rumusan Masalah

Dari latar belakang masalah yang terdapat di atas, maka peneliti menentukan

masalah maupun kendala-kendala yang dihadapi pihak perusahaan dan mitra

pengguna, adapun permasalahan tersebut adalah sebagai berikut;

1. Bagaimana cara mengatasi kesulitan yang dialami oleh mitra pengguna

ketika terjadi kendala diaplikasinya ?

2. Bagaimana cara mengurangi keterlambatan informasi dalam pengelolaan

data di PT. Mitra Aulia Indonesia ?

1.3 Batasan Masalah

Agar pembahasan masalah lebih terfokus, dan guna membatasi ruang lingkup

permasalahan yang luas, maka masalah yang akan dibahas adalah;

a. Aplikasi yang dikembangkan meliputi input problem, update problem,

search problem dan report problem.

b. Aplikasi yang dikembangkan dibuat menjadi multiuser.

c. Keamanan sistem berupa login dengan username dan password.

1.4 Tujuan Penelitian

Tujuan dalam mengembangkan aplikasi helpdesk ini adalah.

1. Untuk mengetahui cara mengatasi kesulitan yang dialami oleh mitra pengguna

ketika terjadi kendala diaplikasinya.

2. Untuk mengetahui cara mengurangi keterlambatan informasi dalam

pengelolaan data di PT. Mitra Aulia Indonesia.

 4

1.5 Manfaat Penelitian

Manfaat yang di harapkan dapat diperoleh :

1. Bagi Peneliti

a. Sebagai sarana untuk menerapkan ilmu yang telah di peroleh selama berada

dibangku perkuliahan terutama tentang perancangan sistem informasi.

b. Menambah pemahaman dan pengalaman dalam pembuatan program

aplikasi yang menerapkan system informasi sebuah perusahan.

2. Bagi Mitra Pengguna

a. Dapat mempermudah mengatasi masalah yang terjadi di aplikasinya.

b. Dengan adanya aplikasi helpdesk ini mitra pengguna atau calon mitra dapat

mengetahui informasi update terkait aplikasi.

3. Bagi Perusahaan

a. Perusahaan dapat mengetahui terkait kendala yang terjadi pada mitra

penggunanya untuk jadi bahan perbaikan.

b. Perusahaan dapat mengetahui laporan-laporan secara real-time.

4. Bagi Akademik

a. Dengan adanya penelitian ini diharapkan kedepannya dapat di kembangkan

oleh mahasiswa di Universitas Islam Kalimantan Muhammad Arsyad Al

Banjari Banjarmasin.
 5

b. Untuk lebih meningkatkan kepercayaan masyarakat dan perusahaan kepada

Universitas Islam Kalimantan Muhammad Arsyad Al Banjari Banjarmasin

terhadap kontribusi yang telah diberikan mahasiswa melalui kegiatan PKL

tersebut.
 6

BAB II
TINJAUN PUSTAKA

2.1 Landasan Teori

Sistem merupakan suatu alur input-proccess-output dalam suatu lingkungan

tertentu. Dengan demikian dapat dijelaskan kembali bahwa sistem merupakan suatu

kesatuan menyeluruh yang didalamnya terdapat prosedur dan komponen yang saling

berhubungan dan saling bergantung dalam suatu jaringan kerja untuk mencapai suatu

tujuan tertentu. Sebuah sistem dapat juga dikatakan suatu kesatuan yang memiliki

stabilitas untuk menerima input lalu memprosesnya dan akhirnya menghasilkan suatu

output.

Sistem adalah kumpulan/group dari sub sistem/bagian/komponen apapun baik

phisik ataupun non phisik yang saling berhubungan satu sama lain dan bekerja sama

secara harmonis untuk mencapai satu tujuan tertentu (Susanto, 2013).

Sistem adalah kumpulan elemen yang saling berinteraksi dalam suatu

kesatuan untuk menjalankan suatu proses pencapaian suatu tujuan utama (Sutarman,

2009)

2.1.1 Aplikasi

Aplikasi merupakan sistem yang dirancang dan disusun sedemikian

rupa untuk menghasilkan informasi yang terpadu dengan menggunakan

sarana komputer sebagai sarana penunjangnya (Hartono, 2004)

Aplikasi adalah alat terapan yang difungsikan secara khusus dan terpadu

dan sesuai dengan kemampuan yang dimilikinya (Sutabri, 2012)

6
 7

2.1.2 Website

Website atau situs juga dapat diartikan sebagai kumpulan halaman yang

menampilkan informasi data teks, data gambar diam atau gerak, data animasi,

suara, video dan atau gabungan dari semuanya, baik yang bersifat statis maupun

dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana

masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink).

Bersifat statis apabila isi informasi website tetap, jarang berubah, dan isi

informasinya searah hanya dari pemilik website. Bersifat dinamis apabila isi

informasi website selalu berubah-ubah, dan isi informasinya interaktif dua arah

berasal dari pemilik serta pengguna website. Contoh website statis adalah berisi

profil perusahaan, sedangkan website dinamis adalah seperti Friendster,

Multiply, dll. Dalam sisi pengembangannya, website statis hanya bisa diupdate

oleh pemiliknya saja, sedangkan website dinamis bisa diupdate oleh pengguna

maupun pemilik (Kadir, 2014).

2.1.3 HTML

Sebuah bahasa pemrograman untuk membuat suatu website yang dapat

diakses dengan internet, bahasa ini kemudian diterjemahkan oleh komputer

agar dapat dipahami oleh penggunanya. Menurut (Arifin, 2016), HTML atau

Hyper Text Markup Language merupakan salah satu format yang digunakan

dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web.

 8

2.1.4 PHP

PHP adalah sebuah bahasa pemrograman yang berbentuk scripting,

sistem kerja dari program ini adalah sebagai interpreter bukan sebagai compiler

(Nugroho, 2009)

PHP bisa berinteraksi dengan hampir semua teknologi web yang sudah ada.

Developer bisa menulis sebuah program PHP yang mengeksekusi suatu

program CGI di server web lain. Fleksibilitas ini amat bermanfaat bagi pemilik

situs-situs web yang besar dan sibuk, karena pemilik masih bisa menggunakan

aplikasi-aplikasi yang sudah terlanjur dibuat di masa lalu dengan CGI, ISAP

atau dengan script seperti Perl atau Pyton selama proses migrasi ke aplikasi baru

yang dibuat dengan PHP.

2.1.5 CSS

CSS adalah suatu teknologi yang digunakan untuk memperindah

halaman web (situs). CSS adalah Bahasa style sheet yang digunakan untuk

mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup. CSS

bekerja sebagai pelengkap pada elemen html yang semua nya itu dapat

dikendalikan dengan menggunakan sebuah bahasa script css (Prasetio, 2012)

2.1.6 Bootstrap

Bootstrap merupakan sebuah framework css yang memudahkan

pengembang untuk membangun web yang menari dan responsive. Tidak

konsistensinya terhadap aplikasi individual membuat sulitnya untuk

mengembangkan dan pemeliharaannya. Bootstrap adalah css tetapi dibentuk

 9

dengan less, sebuah pre-prosessor yang memberi fleksibilitas dari css biasa.

Bootstrap memberikan solusi rapi dan seragam terhadap solusi yang umum dan

tugas interface yang setiap pengembang hadapi. Bootstrap dapat

dikembangkan dengan tambahan lainnya karena ini cukup fleksibilitas terhadap

pekerjaan design yang dibutuhkan (Otto, 2011)

2.1.7 Mysql

Mysql adalah sebuah program pembuat dan pengelola database atau

yang sering disebut dbms (database management system), sifat dari dbms ini

adalah open source. (Anhar, 2010)

2.1.8 UML (Unified Modeling Language)

UML adalah Bahasa pemodelan yang konsisten, dengan sistem

arsitektur yang bekerja dalam OOAD (Object Oriented Analysis Design) untuk

menentukan visualisasi. Kontruksi dan mendokumentasikan artifact dari sistem

software.

Model yang dikerjakan dengan UML ada dua yaitu model bisnis dan

model untuk rekaya software. UML memiliki diagram grafis seperti :

1. Use case diagram, menjelaskan manfaat sistem jika dilihat dari pandangan

orang yang diluar sistem (actor). Diagram ini menunjukan fungsionalitas

suatu sistem atau kelas dan bagaimana sistem berinteraksi dengan dunia luar.

2. Activity diagram, memodelkan alur kerja suatu bisnis dan urutan aktivitas

dalam suatu proses. Activity diagram memodelkan alur kerja dari suatu

aktivitas ke aktivitas lainnya atau dari suatu aktivitas kedalam keadaan sesaat
 10

(state) juga sangat berguna ketika ingin menggambarkan perilaku parallel

atau menjelaskan bagaimana perilaku dalam berbagai use case.

3. Sequance diagram, menjelaskan interaksi objek yang disusun dalam suatu

urutan waktu, secara khusus berhubungan dengan use case. Sequence

diagram memperlihatkan tahap demi tahap apa yang seharusnya terjadi

untuk menghasilkan sesuatu didalam use case.

4. Class diagram, adalah sebuah kategori atau pengelompokan dari hal-hal

yang mempunyai atribut dan fungsi yang sama (Schmuller, 2015)

2.1.9 Notepad++

Notepad++ adalah suatu text editor yang berjalan pada Operating

System(OS) Windows. Notepad++ disini menggunakan komponen-komponen

Scintilla agar dapat menampilkan dan menyunting text dan berkas source code

berbagai bahasa pemrograman. Notepad++ didistribusikan sebagai Free

Software (gratis). Proyek ini dilayani oleh Sourceforge.net dengan telah

diunduh lebih dari 27 juta kali dan dua kali memenangkan penghargaan

SourceForge Community Choice Award for Best Developer Tool. Pengembang

dari Notepad++ disini adan Don Ho yang diriliskan pada tanggal 24 November

2003, dengan memiliki license dari GNU General Public License dengan

ukuran program yang kecil yaitu 5.5MB. Bahasa pemrograman yang didukung

oleh notepad++ adalah bahasa C++ karena fungsi-fungsinya yang dimasukan

kedalam daftar fungsi dan kata-katanya akan berubah sesuai dengan makna kata

C++.
 11

2.1.10 XAMPP

Xampp adalah sebuah software yang berfungsi untuk menjalankan web

berbasis php dan menggunakan pengolah data mysql dikomputer lokal. Xampp

merupakan paket php dan mysql berbasis open source, yang dapat digunakan

sebagai tool pembantu pengembangan aplikasi berbasis web (Wicaksono,

2008).

2.2 Penelitian Terkait

Sebagai suatu perbandingan dan sumber referensi dalam pengembangan aplikasi

helpdesk, diperlukan suatu acuan terhadap penelitian yang dibuat sebelumnya.

Berdasarkan hasil evaluasi dari literatur sejenis, maka penulis mengidentifikasi

diketahui bahwa aplikasi helpdesk pada suatu perusahaan sangat tergantung terhadap

kebutuhan perusahaan itu sendiri. Adapun hasil penelitian sejenis yang dijadikan

referensi adalah sebagai berikut:

1. Maria Betha Trimawangsari, 2010, Universitas Gunadarma,

Pengembangan Aplikasi Webtools Helpdesk Support dengan Online

Attendance dan Real- Time Report pada PT. Dexa Medica.

2. Sri darmawati, 2003, Institut Pertanian Bogor, Perancangan Sistem

Informasi Pendukung/Helpdesk Untuk Menunjang Proses Penyelesaian

Permasalahan Sistem Komputer di PT. BRI (persero).

3. Hilaludin, 2002, Institut Pertanian Bogor, Prototype System Penunjang

Keputusan Helpdesk .
 12

4. Dilly Gita Sari dan Rachmat Adriansyah, 2008, Universitas Pembangunan

Nasional Veteran Jakarta, Analisa dsan rancangan helpdesk berbasis web

pada PT. Kertas Nusantara.

5. Mika Mayshe & Anita Mulyana & Oktavia, 2007, Universitas Bina

Nusantara, Analisis dan perancangan basis data pada aplikasi IT helpdesk

berbasis web di PT. Bank Mandiri persero.

 13

BAB III
METODE PENELITIAN

3.1 Teknik Pengumpulan Data

a. Observasi

Yaitu metode untuk mendapatkan data dengan melakukan pengamatan

langsung pada PT. Mitra Aulia Indonesia. Observasi ini dilakukan selama 3 hari

dengan melihat laporan mitra, tiket, permintaan update, penjualan dan billing

yang diperoleh dari data CEO PT. Mitra Aulia Indonesia. Laporan mitra ini

adalah kumpulan mitra yang menggunakan software tersebut dan saat ini masih

terkendala mengenai laporan yang tidak bisa di akses secara online. Laporan

tiket adalah kumpulan dari kendala yang dilaporkan oleh mitra. Laporan

permintaan update adalah laporan dari mitra pengguna jika ingin menambahkan

fitur yang baru, contoh convert laporan ke excel. Laporan penjualan adalah

laporan penjualan aplikasi dan kesulitan nya masih menggunakan software

pengelola angka. Kemudian laporan billing adalah laporan tagihan maintenance

yang di bayar oleh mitra jika sudah melewati 3 tahun penggunaan aplikasi.

b. Wawancara

Yaitu melakukan tanya jawab langsung dengan yang bertanggung

jawab pada PT. Mitra Aulia Indonesia. Yang bertanggung jawab dengan hal ini

adalah Rahmadi. SE, S.Kom, M.Kom, selaku CEO PT. Mitra Aulia Indonesia

mengenai awal berdiri nya proses pembuatan aplikasi ini yaitu dari tahun 2004,

ketika itu masih sendiri mengerjakan aplikasi tersebut, dan yang menjadi mitra

13
 14

pertama adalah lembaga keuangan Koperasi Syariah BMT Al Karomah

Martapura. Melayani simpan pinjam syariah dan penjualan tiket pesawat, yang

beralamat di pertokoan masjid BI tengah Martapura Jalan Sukaramai, Cindai

Alus Kecamatan Martapura Kota.

c. Daftar Pustaka

Yaitu pengumpulan data yang dilakukan dengan cara mengumpulkan

data dari buku, jurnal, internet, makalah, serta karya tulis.

Pada penelitian yang di lakukan oleh Dedy Trianto tahun 2018, Program Studi

Sistem Informasi Sekolah Tinggi Manajemen Informatika dan Komputer

(STMIK) Banjarbaru yang berjudul “Aplikasi E-Marketing Aulia Soft”. Aulia

Soft sebagai penyedia aplikasi koperasi, toko usaha simpan pinjam. Belum

adanya media informasi yang bersifat online marketing bagi calon pengguna,

sehingga masih banyak calon pengguna yang belum mendapatkan informasi

yang akurat dan memadai. Untuk meningkatkan peluang penjualan dan

informasi tentang Aulia Soft, pimpinan memutuskan untuk pemasaran nya

melalui e¬¬¬¬¬-marketing, dengan bertujuan untuk sarana promosi (Dedy

Trianto, 2018)

Pada penelitian yang dilakukan oleh Sendy Radiana tahun 2012, Universitas

Komputer Indonesia Bandung yang berjudul “Rancang Bangun Sistem Pakar

Troubleshooting Kerusakan Hardware Komputer Berbasis Web” Banyaknya

pengguna komputer yang kurang memiliki pengetahuan yang cukup terhadap

penanganan kerusakan hardware mengakibatkan banyak sekali pengguna

 15

komputer atau suatu institusi yang mengeluarkan biaya yang tidak sedikit hanya

untuk memperbaiki kerusakan yang terjadi pada hardware komputer. Oleh

sebab itu aplikasi sistem pakar ini dibuat untuk membantu pengguna komputer

tersebut dalam melakukan diagnosis awal terhadap suatu kerusakan hardware

komputer yang dialami beserta solusi untuk mengatasi kerusakan tersebut

(Sendy Radiana, 2012).

Pada penelitian yang di lakukan oleh Jati Sasongko tahun 2007, Universitas

Stikubank Semarang Fakultas Teknologi Informasi dengan judul “Perancangan

Sistem Pakar Troubleshooting Personal Komputer”. Komputer hanyalah

sebuah mesin yang dapat mengalami kegagalan dalam menjalankan fungsinya.

Komputer tidak “burn-out” tetapi “wear-out” baik oleh cara penggunaan

manusia yang salah ataupun oleh ketahanan komponen yang memang hanya

memiliki kemampuan yang terbatas. Masalah yang ditimbulkan oleh komputer

kadangkala merupakan masalah kecil yang tidak memerlukan tingkat

pengetahuan yang tinggi mengenai komputer. Untuk menyelesaikan hal itu,

mungkin bisa diselesaikan olehseorang yang mempunyai pengetahuan sangat

dasar tentang komputer. Tetapi kadangkala masalah-masalah tersebut juga

membutuhkan tingkat kemampuan yang tinggi tentang komputer dan

komponen-komponen sehingga memerlukan seorang teknisi khusus untuk

perbaikannya. Program ini akan membantu dalam menyelesaikan masalah-

masalah yang berkaitan dengan troubleshooting atau penyelesaian masalah

perangkat keras (hardware) komputer secara cepat (Jati Sasongko, 2007)

 16

3.2 Analisis Sistem yang Berjalan

Analisis sistem merupakan gambaran tentang sistem yang saat ini digunakan di

PT. Mitra Aulia Indonesia pada bagian penanganan masalah atau bantuan saat

pengguna mendapat masalah masih menggunakan kontak personal ke teknisi sebagai

alat berkomunikasi untuk menyampaikan masalahnya dan waktunya terbatas.

Kemudian untuk pelaporan kendala yang terjadi juga masih belum terstruktur dan

permintaan update fitur masih harus melewati email dan pengguna kesusahan

mengetahui apakah permintaan updatenya sudah selesai. Tujuan dari analisis ini untuk

mempermudah mitra pengguna jika mengalami masalah di aplikasinya dan

mempermudah melaporkan kendalanya ke perusahaan ketika tim teknisi sedang tidak

bisa untuk support, bisa langsung ke aplikasi ini.

Analisis sistem yang sedang berjalan pada PT. Mitra Aulia Indonesia,

bertujuan untuk mengetahui lebih jelas bagaimana cara kerja sistem tersebut dan

masalah yang di hadapi sistem tersebut untuk dapat dijadikan sistem yang baru agar

terkomputerisasi. Prosedur sistem pada PT. Mitra Aulia Indonesia di deskripsikan

sebagai berikut :

a. Mitra melaporakan kendala ke Tim Support melalui aplikasi pihak ketiga

b. Tim support menerima laporan mitra

c. Tim support meidentifikasi kendala

d. Tim support memberikan solusi

e. Mitra menerima solusi dan memperbaiki kendala nya sendiri

 17

Gambar 3. 1 Flowmap Sistem yang Berjalan

3.3 Analisis Kebutuhan Sistem

Gambaran sistem usulan yang diusulkan dalam perancangan ini berbasis online

menggunakan Bahasa pemrograman PHP dan menggunakan database localhost

memudahkan pengolahan data dan menggunakan komputerisasi secara otomais.

Meningkatkan efisiensi dalam mengatasi masalah yang terjadi di mitra dan

mempermudah mengelola data informasi yang di perlukan.

 18

Gambar 3. 2 Flowchart Usulan Sistem Baru Admin

Flowchart usulan sistem baru admin bermula dari admin masuk ke form tambah

data baik data mitra, aplikasi, pegawai, billing, kendala, penjualan dan pelatihan dan

cek tiket dan update permintaan. Kemudian mengisi data sesuai dengan kolom yang

ada di form nya. Dan file kemudian disimpan lalu diproses. Ketika tidak sesuai, gagal

atau direset maka input akan kembali ke form tambah data. Dan ketika sukses disimpan

akan kembali ke form sebelum dan akan tampil datanya.

 19

Gambar 3. 3 Usulan Sistem Mitra

Flowchart usulan sistem baru mitra bermula dari mitra masuk ke cari kendala,

input problem dan akan mendapatkan tiket dan permintaan update fitur. Kemudian

mengisi sesuai nama kendala dan kode yang terjadi di softwarenya, input problem dan

permintaan update. Jika sandi kendala sudah ada maka akan muncul data dan solusinya.

jika kendala belum ada atau tidak terdeteksi di pencarian, maka silahkan masuk ke form

input problem untuk input problem nya.

 20

3.4 Rancangan Model Sistem

3.4.1 Diagram Konteks

Diagram konteks merupakan alur data yang berfungsi untuk

menggambarkan keterkaitan aliran-aliran data antara sistem dengan bagian-

bagian luar atau gambaran umum dalam menentukan sistem informasi

pengelolaan data.

Gambar 3. 4 Diagram Konteks

Dari gambar 3.4 dapat di lihat kegiatan yang dilakukan oleh admin yaitu

menginputkan data informasi, data master, cek tiket dan permintaan update.

User mencari kendala yang dialaminya lewat kode atau nama kendala, atau

menginput problemnya dan permintaan update fiturnya. Sementara hasil dari

 21

aplikasi untuk admin yaitu perbaikan dan konfirmasi ke tim support terkait

update permintaan mitra kemudian hasil akhirnya adalah laporan-laporan.

3.4.2 Use Case Diagram

Use case diagram menggambarkan fungsionalitas yang diharapkan oleh

sebuah sistem. Sebuah use case mempresentasikan sebuah ineteraksi antara

aktor dengan sistem. Use case merupakan sebuah pekerjaan tertentu, missal nya

login sistem, membuat sebuah data, dan sebagainya. Seorang / sebuah aktor

adalah sebuah entitas atau mesin yang berinteraksi dengan sistem, untuk

melakukan pekerjaan-pekerjaan tertentu. Use case diagram sangat membantu

ketika sedang menyusun requeriment sebuah sistem, mengkomunikasikan

rancangan dengan klient, dan merancang test case untuk semua fitur yang ada

pada sistem.

Gambar 3. 5 Use Case Diagram

 22

Dalam hal ini admin dan user memiliki tugas yang berbeda. Alur ini

dimulai dari admin melakukan login selanjut nya memasukan data master pada

form input kendala, billing, pelatihan, cek tiket dan permintaan update.

Selanjutnya user melakukan login untuk mencari kendala yang terjadi,

melaporkan kendalanya dan mengirim permintaan update jika ada pada

aplikasinya. Selanjutnya admin dapat melihat hasil laporan-laporan yang ada di

aplikasi.

3.4.3 Sequence Diagram

Sequence diagram menggambarkan interaksi antar objek di dalam dan

di sekitar sistem (termasuk pengguna, display, dan sebagainya) berupa message

yang di gambarkan terhadap waktu, Sequence diagram terdiri atas waktu dan

objek-objek terkait. Sequence diagram biasa digunakan untuk menggambarkan

skenario atau rangkaian langkah-langkah yang di lakukan sebagai respons dari

sebuah event untuk menghasilkan output tertentu, proses dan perubahan apa

saja yang terjadi secara internal dan output apa yang dihasilkan.
 23

Gambar 3. 6 Sequence Diagram Login

Sequence diagram login admin diatas menjelaskan admin melakukan login

dengan cara membuka form login admin. Setelah itu memasukan username dan

password, apabila benar maka dapat masuk dan mengoperasikan halaman admin, tetapi

apabila salah maka akan kembali ke halaman login.

Gambar 3. 7 Sequence Diagram Login User

Sequence diagram login user diatas menjelaskan user melakukan login dengan

cara membuka form login user. Setelah itu memasukan username dan password,

apabila benar maka dapat masuk dan mengoperasikan halaman user, tetapi apabila

salah maka akan kembali ke halaman login.

 24

Gambar 3. 8 Sequence Diagram Data Informasi

Sequence diagram data informasi berikut ini menggambarkan mengenai proses

yang di lakukan oleh admin dalam melakukan penginputan data informasi, cek tiket

dan permintaan update. Data ini hanya bisa di akses oleh admin dan dikembalikan ke

mitra untuk keperluan informasi pada saat ingin melihat data mitra atau data yang lain

yang bersifat online. Data informasi yang terdapat pada aplikasi adalah informasi

kendala, informasi mitra, informasi billing, informasi penjualan, informasi pelatihan,

informasi tiket, informasi permintaan update dan laporan-laporan terkait informasi

tersebut.
 25

Gambar 3. 9 Sequence Diagram Input Kendala

Sequence diagram input kendala berikut ini menggambarkan mengenai proses

yang di lakukan admin dalam melakukan penginputan kendala.

Gambar 3. 10 Sequence Diagram Input Mitra

 26

Sequence diagram input mitra berikut ini menggambarkan mengenai proses

yang di lakukan admin dalam melakukan penginputan mitra.

Gambar 3. 11 Sequence Diagram Input Billing

Sequence diagram input billing berikut ini menggambarkan mengenai proses

yang di lakukan admin dalam melakukan penginputan billing.

Gambar 3.12 Sequence Diagram Pelatihan

 27

Sequence diagram input pelatihan berikut ini menggambarkan mengenai data

pelatihan untuk pengguna atau calon pengguna.

Gambar 3. 13 Sequence Diagram Penjualan

Sequence diagram input penjualan berikut ini menggambarkan mengenai data

software oleh perusahaan.

Gambar 3. 14 Sequence Diagram Tiket

 28

Sequence diagram tiket berikut ini menggambarkan mengenai tiket problem

yang telah dimasukan oleh mitra pengguna.

Gambar 3. 15 Sequence Diagram Update Permintaan

Sequence diagram update permintaan berikut ini menggambarkan mengenai

update permintaan yang telah ditambahkan oleh mitra pengguna.

Gambar 3.16 Sequence Diagram Laporan

 29

Sequence diagram laporan berikut ini menggambarkan mengenai proses yang

di tampilkan admin dalam bentuk laporan.

Gambar 3. 17 Sequence Diagram Logout Admin

Sequence diagram logout berikut ini menggambarkan mengenai proses admin

keluar daru menu admin. Admin pada posisi dihalaman admin lalu memilih menu

logout maka akan di proses setelah itu masuk kehalaman utama lalu tekan tombol

keluar aplikasi akan tertutup.

Gambar 3. 18 Sequence Diagram Logout User

 30

Sequence diagram logout berikut ini menggambarkan mengenai proses user

keluar daru menu user. User pada posisi dihalaman user lalu memilih menu logout

maka akan di proses setelah itu masuk kehalaman utama lalu tekan tombol keluar

aplikasi akan tertutup.

3.4.4 Activity Diagram

Activity diagram menggambarkan berbagai alur aktivitas dalam sebuah

sistem yang sedang dirancang. Bagaimana masing-masing alur berawal,

decision yang mungkin terjadi dan bagaimana alur berakhir.

Gambar 3. 19 Activity Diagram Login Admin

 31

Activity diagram diatas ini menggambarkan tentang alur aktifitas login

yang dilakukan oleh admin. Dengan memasuki halaman login dan memasukan

username dan password lalu menekan tombol masuk, jika benar akan masuk

ke halaman admin, jika salah maka diminta untuk memasukan username dan

password ulang.

Gambar 3. 20 Activity Diagram Login User

 32

Activity diagram diatas ini menggambarkan tentang alur aktifitas login

yang dilakukan oleh user. Dengan memasuki halaman login dan memasukan

username dan password lalu menekan tombol masuk, jika benar akan masuk

ke halaman user, jika salah maka diminta untuk memasukan username dan

password ulang.

Gambar 3. 21 Activity Diagram Admin

 33

Activity diagram diatas ini menggambarkan tentang alur aktifitas

admin. Dengan beberapa pilihan menu yang dapat di akses oleh admin.

Gambar 3. 22 Activity Diagram Kendala

Activity diagram diatas ini menggambarkan tentang alur aktifitas admin

diform kendala. Admin dapat menginput atau mengontrol list kendala pada

form ini.
 34

Gambar 3. 23 Activity Diagram Mitra

Activity diagram diatas ini menggambarkan tentang alur aktifitas admin

diform mitra. Admin dapat menginput atau mengontrol pengguna pada form

ini.

Gambar 3. 24 Activity Diagram Billing

 35

Activity diagram diatas ini menggambarkan tentang alur aktifitas admin

diform billing. Admin dapat menginput atau mengontrol list billing pada form

ini.

Gambar 3. 25 Activity Diagram Pelatihan

Activity diagram diatas ini menggambarkan tentang alur aktifitas admin

diform pelatihan. Admin dapat menginput atau mengontrol list pelatihan pada

form ini.
 36

Gambar 3. 26 Activity Diagram Penjualan

Activity diagram diatas ini menggambarkan tentang alur aktifitas admin

diform penjualan. Admin dapat menginput atau mengontrol list penjualan pada

form ini.

Gambar 3. 27 Activity Diagram Tiket

 37

Activity diagram diatas ini menggambarkan tentang alur aktifitas admin

diform tiket. Admin dapat mengontrol list tiket pada form ini.

Gambar 3. 28 Activity Diagram Update Permintaan

Activity diagram diatas ini menggambarkan tentang alur aktifitas admin

diform update permintaan. Admin dapat mengontrol permintaan update pada

form ini.

Gambar 3. 29 Activity Diagram Laporan

 38

Activity diagram diatas ini menggambarkan aktivitas preview atau cetak

laporan atau informasi yang dilakukan oleh admin.

Gambar 3. 30 Activity Diagram Logout Admin

Activity diagram diatas ini menggambarkan aktivitas proses keluar yang

dilakukan oleh admin.

Gambar 3. 31 Activity Diagram Logout User

Activity diagram diatas ini menggambarkan aktivitas proses keluar yang

dilakukan oleh user.

 39

3.5 Rancangan Basis Data

Gambar 3. 32 Relasi Tabel

3.6 Rancangan Antarmuka Masukan Sistem

1. Rancangan Form Login

Form ini dirancang untuk mengidentifikasi pengguna. Dimana pengguna yang

diizinkan mengakses adalah orang yang memiliki hak akses yaitu admin dan
 40

user. Form login ini akan muncul pada saat pertama kali aplikasi di jalankan.

Jika pengguna tidak memiliki nama pengguna dan kata sandi yang cocok maka

login di tolak atau tidak di izinkan.

Gambar 3. 33 Desain Form Login Admin

2. Rancangan Form Admin

Halaman admin di rancang untuk menampilkan seluruh menu dari admin yang

akan di gunakan oleh admin untuk keperluan penginputan data mitra, data

kendala, data billing, data penjualan, data pelatihan, cek tiket dan update

permintaan, kemudian untuk cek laporan-laporan.

Gambar 3. 34 Desain Form Admin

 41

3. Rancangan Form User

Halaman user ini dirancang untuk melakukan pencarian kendala di aplikasi web

tersebut dengan menuliskan nama kendala atau kode kendala, jika sudah ada

maka akan tampil solusi dan foto kendalanya, atau melaporkan kendala dan

akan mendapatkan tiket atau update permintaan .

Gambar 3. 35 Desain Form User

4. Rancangan Form Input Ticket

Halaman tiket ini di rancang untuk menampilkan tiket laporan yang masuk

melalui mitra pengguna.

 42

Gambar 3. 36 Desain Form Ticket

5. Rancangan Form Update Permintaan

Halaman update permintaan ini di rancang untuk admin dalam melakukan

pengecekan data update permintaannya.

Gambar 3. 37 Desain Form Update Permintaan

 43

6. Rancangan Form Data Mitra

Form ini digunakan untuk menginput nama pengguna, alamat, email, no telpon,

nama Lembaga, user dan kata sandi. Kemudian klik simpan untuk menyimpan

data.

Gambar 3. 38 Desain Form Data Mitra

7. Rancangan Form Kendala

Form ini digunakan untuk menginput kode kendala, nama kendala, solusi, foto

kendala dan foto solusi. Kemudian klik simpan untuk menyimpan data.
 44

Gambar 3. 39 Desain Form Kendala

8. Rancangan Form Billing

Form ini digunakan untuk menginput tanggal menggunakan, nilai tagihan,

nama lembaga. Kemudian klik simpan untuk menyimpan data.

 45

Gambar 3. 40 Desain Form Billing

9. Rancangan Form Pelatihan

Form ini digunakan untuk menginput tanggal pelatihan, nama Lembaga, nama

trainer, aplikasi yang di training dan lama training. Kemudian klik simpan untuk

menyimpan data.

Gambar 3. 41 Gambar 3.42 Desain Form Pelatihan

10. Rancangan Form Penjualan

Form ini digunakan untuk menginput tanggal penjualan, nama Lembaga, no

telpon, jenis aplikasi, billing support dan harga aplikasi. Kemudian klik simpan

untuk menyimpan data.

 46

Gambar 3. 43 Gambar 3.44 Desain Form Penjualan

3.7 Rancangan Antarmuka Keluaran Sistem

1. Rancangan Form Laporan Mitra

Halaman form laporan pengguna ini bisa di akses dari beranda admin, kemudian

masuk ke menu laporan, menampilkan combo box, pilih laporan mitra,

kemudian akan muncul laporan nya. Jika sudah selesai maka akan kembali ke

beranda admin dengan mengklik tombol kembali.

 47

Gambar 3. 45 Desain Form Laporan Mitra

2. Rancangan Form Laporan Kendala

Halaman form laporan kendala ini bisa di akses dari beranda admin, kemudian

masuk ke menu laporan, menampilkan combo box, pilih laporan kendala,

kemudian akan muncul laporan nya. Jika sudah selesai maka akan kembali ke

beranda admin dengan mengklik tombol kembali.

 48

Gambar 3. 46 Gambar 3.47 Desain Form Laporan Kendala

3. Rancangan Form Laporan Kendala yang Sering di Cari

Pada halaman laporan kendala yang sering dicari ini dapat menampilkan semua

data kendala yang sering di cari atau sering di akses oleh mitra, dan ada tombol

cetak untuk mencetak laporan tersebut sebagai arsip untuk admin.

 49

Gambar 3. 48 Desain Form Laporan Kendala yang Sering dicari

4. Rancangan Form Laporan Billing

Halaman form laporan billing ini bisa di akses dari beranda admin, kemudian

masuk ke menu laporan, menampilkan combo box, pilih laporan billing,

memilih filter billing dan memilih tanggal, bulan dan tahun. Klik cetak

kemudian akan muncul laporan nya. Jika sudah selesai maka akan kembali ke

beranda admin dengan mengklik tombol kembali .

 50

Gambar 3. 49 Desain Form Laporan Billing

5. Rancangan Form Laporan Pelatihan

Halaman form laporan pelatihan bisa di akses dari beranda admin, kemudian

masuk ke menu laporan, menampilkan combo box, pilih laporan pelatihan,

kemudian akan muncul laporannya. Jika sudah selesai maka akan kembali ke

beranda admin dengan mengklik tombol kembali.

 51

Gambar 3. 50 Desain Form Laporan Pelatihan

6. Rancangan Form Laporan Penjualan

Halaman form laporan penjualan ini bisa di akses dari beranda admin,

kemudian masuk ke menu laporan, menampilkan combo box, pilih laporan

penjualan, kemudian akan muncul laporan nya. Jika sudah selesai maka akan

kembali ke beranda admin dengan mengklik tombol kembali.

 52

Gambar 3. 51 Desain Form Laporan Penjualan

7. Rancangan Form Laporan Tiket

Halaman form laporan tiket ini bisa di akses dari beranda admin, kemudian

masuk ke menu laporan, menampilkan combo box, pilih laporan tiket,

kemudian akan muncul laporan nya. Jika sudah selesai maka akan kembali

ke beranda admin dengan mengklik tombol kembali.

 53

Gambar 3. 52 Desain Form Laporan Tiket

8. Rancangan Form Laporan Update Permintaan

Halaman form laporan update permintaan ini bisa di akses dari beranda

admin, kemudian masuk ke menu laporan, menampilkan combo box, pilih

laporan tiket, kemudian akan muncul laporan nya. Jika sudah selesai maka

akan kembali ke beranda admin dengan mengklik tombol kembali.

 54

Gambar 3. 53 Desain Form Laporan Update Permintaan

3.8 Tempat dan Jadwal Penelitian

Adapun tempat dan jadwal kegiatan yang akan dilaksanakan dalam penelitian

ini adalah sebagai berikut :

Tempat Penelitian : PT. Mitra Aulia Indonesia.

Alamat : Jalan Sekumpul Ujung Rukan Anggrek Merah 2 No 2.

Tabel 1. 1 Tabel Kegiatan

Bulan ke-1 Bulan Ke-2 Bulan Ke-3 Bulan Ke-4 Bulan Ke-5 Bulan Ke-6
No Kegiatan
1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4
1 Pengumpulan
Data
2 Analisa
Permasalahan
3 Perancangan
Sistem
4 Pembuatan
Program
5 Implementasi
dan Testing
 55

6 Penulisan
Laporan

Keterangan :

1. Abu-abu = Pelaksanaan Kegiatan

 56

DAFTAR PUSTAKA

Anhar. (2010). PHP dan MySQL Langkah demi Langkah.

Arifin. (2016). Pengenalan HTML dan CSS. Jakarta: Elex Media Komputindo.
Hartono, J. (2004). Pengenalan Komputer.
Kadir, A. (2014). World Wide Web. Jakarta: Elex Media Komputindo.
Nugroho. (2009). Modul Pemrograman Web Berbasis Hypertext PreProcessor.
Jakarta: Modula.
Otto. (2011). Bootstrap Design Framework.
Prasetio. (2012). HTML dan CSS : Design and Build Website.
Schmuller. (2015). Analisis Perancangan Sistem Berorientasi Objek dengan UML
Unified Modeling Language.
Susanto, A. (2013). Sistem Informasi Akuntansi.
Sutabri. (2012). Pengertian Perangkat Lunak Aplikasi. Medan : Meden Medeka.
Sutarman. (2009). Pengantar Teknologi Informasi.
Wicaksono. (2008). XAMPP.

56