i

DAFTAR ISI

Halaman

DAFTAR ISI.....................................................................................................i

DAFTAR GAMBAR......................................................................................iv

DAFTAR TABEL..........................................................................................vi

I. PENDAHULUAN........................................................................................1
1.1 Latar Belakang.......................................................................................1
1.2 Tujuan.....................................................................................................4
1.3 Kerangka Pemikiran...............................................................................4
1.4 Kontribusi...............................................................................................5

II. TINJAUAN PUSTAKA.............................................................................6

2.1 Penelitian Terkait...................................................................................6
2.2 Aplikasi..................................................................................................7
2.3 Pemasangan Pipa Air..............................................................................7
2.4 Web.........................................................................................................7
2.5 Flowchart...............................................................................................8
2.6 Entity Relationship Diagram................................................................10
2.7 Basis Data.............................................................................................12
2.8 Model-View-Controller (MVC)............................................................14
2.9 Framework for the Application of System Thinking.............................15
2.9.1 Scope Definition............................................................................15
2.9.2 Problem Analysis..........................................................................15
2.9.3 Requirement Analysis...................................................................16
2.9.4 Logical Design..............................................................................16
2.9.5 Decision Analysis..........................................................................16
2.9.6 Physical design and integration...................................................17
2.9.7 Construction and Testing..............................................................17
2.9.8 Installation and Delivery..............................................................17
2.10 MySQL (Structure Query Language).................................................17
2.11 PHPMyAdmin................................................................................18
2.12 Sublime Text...................................................................................18

pg. i
 ii

III. METODE PENELITIAN......................................................................19

3.1 Waktu dan Tempat Pelaksanaan...........................................................19
3.2 Alat dan Bahan.....................................................................................19
3.2.1 Alat...............................................................................................19
3.2.2 Bahan............................................................................................19
3.3 Metode Pengumpulan Data..................................................................20
3.4 Metode Pengembangan Software.........................................................21
3.5 Metode Pengembangan Sistem............................................................21
3.5.1 Mendefinisi Cakupan....................................................................21
3.5.2 Analisis Permasalahan..................................................................21
3.5.1 Analisis Kebutuhan.......................................................................22
3.5.2 Desain Logis.................................................................................22
3.5.3 Analisis Keputusan.......................................................................23
3.5.4 Desain dan Integrasi Fisik............................................................23
3.5.5 Konstruksi dan Pengujian.............................................................23
3.5.6 Instalasi dan Pengiriman...............................................................24

IV. HASIL DAN PEMBAHASAN..............................................................25

4.1 Gambaran umum perusahaan................................................................25
4.1.1 Sejarah umum perusahaan............................................................25
4.1.2 Visi perusahaan.............................................................................26
4.1.3 Misi perusahaan............................................................................26
4.1.4 Struktur organisasi........................................................................26
4.2 Metode Pengembangan FAST...............................................................27
4.2.1 Mendefinisikan Cakupan..............................................................27
4.2.2 Analisa Permasalahan...................................................................27
4.2.3 Analisa kebutuhan........................................................................27
4.2.4 Desain logis..................................................................................31
4.2.4.1 Rancangan Data Flow Diagram (DFD)..............................31
4.2.4.2 Rancangan FlowChart........................................................32
4.2.4.3 Rancanganentity relationshipdiagram................................38
4.2.4.4 Rancangan basis data..........................................................39
4.2.5 Analisa keputusan.........................................................................43
4.2.6 Desain dan integrasi fisik..............................................................43
4.2.7 Konstruksi dan Pengujian.............................................................51
4.2.7.1 Konstruksi...........................................................................51
4.2.7.2 Hasil program.....................................................................59
4.2.8 Instalasi dan pengiriman...............................................................69
 iii

V. KESIMPULAN DAN SARAN................................................................70

5.1 Kesimpulan............................................................................................70
5.2 Saran......................................................................................................70
 iv

DAFTAR GAMBAR

Gambar Halaman

1 Kerangka Pemikiran.......................................................................................11

2. Cara kerja M-V-C (Model View Controller).................................................21

3. Fase-fase pengembangan sistem dengan FAST............................................23

4. Struktur Organisasi PT. Aetra Air Jakarta Area Bisnis Duren Sawit............33

5. Mapping Chart Sistem yang sedang berjalan................................................36

6. Mapping Chart Sistem yang diusulkan.........................................................37

7. DFD Level 0..................................................................................................38

8. DFD Level 1..................................................................................................39

9. Tampilan Halaman Beranda..........................................................................40

10. Flowchart Tampilan Daftar Member...........................................................41

11. Flowchart Tampilan Masuk.........................................................................42

12. Tampilan Flowchart Member......................................................................43

13. Tampilan Flowchart Admin........................................................................44

14. Tampilan Flowchart Petugas Lapang..........................................................45

15. Entity Relationship Diagram.......................................................................46

16. Tampilan Interface Halaman Beranda.........................................................51

18. Tampilan Interface Halaman Sejarah..........................................................52

19. Tampilan Interface Halaman Form Pendaftaran.........................................52

20. Tampilan Interface Surat Perjanjian............................................................53

21. Tampilan Interface Halaman Upload Pembayaran.....................................54

22. Tampilan Interface Data Pelanggan............................................................54

 v

23. Tampilan Interface Data Valid....................................................................55

25. Tampilan Petugas........................................................................................57

26. Tampilan Interface Halaman Beranda.........................................................65

27. Tampilan Interface Halaman Harga............................................................66

28. Tampilan Interface Halaman Profil.............................................................67

29. Tampilan Interface Halaman Kontak Kami................................................68

30. Tampilan Interface Halaman Daftar Member..............................................69

31. Tampilan Interface Halaman Masuk Member.............................................69

32. Halaman Form Pendaftaran.........................................................................70

33. Halaman Surat Perjanjian............................................................................70

34. Halaman Upload Pembayaran.....................................................................71

35. Tampilan Halaman Admin..........................................................................71

36. Halaman Data Member................................................................................72

37. Halaman Data Pelanggan............................................................................72

38. Halaman Lunas............................................................................................73

39. Gambar Tampilan Petugas Lapang.............................................................73

40. Tampilan Monitoring admin........................................................................74

 vi

DAFTAR TABEL

Tabel Halaman

1. Simbol-simbol flowchart.............................................................................16

2. Simbol-simbol ERD....................................................................................17

3. Simbol Hubungan Relasi.............................................................................18

4. Notasi-notasi DFD......................................................................................20

5. Alat dan Bahan............................................................................................27

6. Rancangan basis data tabel User.................................................................48

7. Rancangan basis data tabel Pendaftar.........................................................48

8. Rancangan basis data tabel Pembayaran.....................................................50

 1

I. PENDAHULUAN

I.1 Latar Belakang

PT. Aetra Air Jakarta dikenal sebagai Perusahaan penyedia layanan air

bersih yang berlokasi di sebagian besar Jakarta Utara, sebagian besar Jakarta

Pusat, dan seluruh Jakarta Timur dengan Sungai Ciliwung Sebagai pembatasnya.

PT. Aetra adalah mitra operasional PAM Jaya dengan kepemilikan saham Aetra

adalah 100% Moya Indonesia. PT. Aetra bertanggung jawab untuk mengelola,

mengoperasikan, memelihara, serta melakukan investasi untuk mengoptimalkan

menambah dan meningkatkan pelayanan air bersih diwilayah operasionalnya. PT.

Aetra memiliki Visi sebagai penyedia layanan air minum terdepan di Indonesia,

pencapaian kinerja saat ini tentu menjadi cermin bagi optimisme untuk terus

menjalankan laju bisnisnya di masa mendatang. Tercatat jumlah pelanggan PT.

Aetra sampai dengan saat ini berjumlah lebih dari 447.415 pelanggan.

Area Business adalah satu unit yang bertugas dan bertanggung jawab untuk

melaksanakan operasional, monitoring, pengawasan dan menindaklanjuti

permasalahan yang ada di wilayah kerja yang menjadi tanggung jawabnya, yaitu

bertanggung jawab terhadap pengelolaan pelanggan reguler. PT. Aetra Air Jakarta

memiliki dua Strategis Business Unit (SBU ) untuk mengomptimalkan pelayanan

pelanggannya yaitu SBU Utara dan SBU Selatan. SBU Utara terbagi menjadi

lima Area Business atau yang sering kita sebut Area Bisnis yaitu Area Bisnis

Sindang, Area Bisnis Enggano, Area Bisnis Dewa Ruci, Area Bisnis Martadinata,

Area Bisnis Podomoro dan delapan Area Bisnis SBU selatan yaitu Area Bisnis
 2

Pulomas, Area Bisnis Salemba, Area Bisnis Cempaka Baru, Area Bisnis Gading

Permai, Area Bisnis Tipar Cakung, Area Bisnis Gudang Air, Area Bisnis Balai

Pustaka dan Area Bisnis Duren Sawit.

Area Bisnis Duren Sawit merupakan salah satu penyedia operasional untuk

pelayanan calon pelanggan yang berlokasi di Jalan Dermaga No 105 Jakarta

Timur, Jakarta. Kinerja operasional Area Bisnis Duren Sawit yaitu tugas dan

tanggung Jawab yang begitu besar, maka Management memandang perlu dalam

pelaksanaan tugasnya Area Bisnis perlu diberikan dukungan operasional. Tugas

yang dilakukan Area Bisnis diantaranya New Connection, pelaksanaan Temporary

Disconnecting dan Permanent Disconecting, Reminder Letter/Call, Ganti Meter,

Rehab pipa GIP (Galvanized Iron Pipe), Normalisasi Jaringan, Briefing dengan

Pencatat Meter, Perbaikan Bocoran dan Survey Illegal. New Connection

(sambungan baru) merupakan salah satu tugas dari Area Bisnis yang berkegiatan

dalam pelayanan calon pelanggan yang ingin mendaftarkan diri sebagai pelanggan

dengan cara mengajukan Pemasangan Pipa Air.

Hasil observasi yang dilakukan pada “PT. Aetra Air Jakarta Area Bisnis

Duren Sawit” masih memiliki beberapa kekurangan, di antaranya dalam kegiatan

kinerja yaitu calon pelanggan harus datang ke Area Duren Sawit hanya untuk

melakukan pendaftaran, calon pelanggan harus mengantri terlebih dahulu untuk

melakukan pendaftaran Pemasangan Pipa Air sehingga waktu yang dibutuhkan

cukup lama. Sistem yang sedang berjalan sudah cukup baik namun banyaknya

langkah-langkah dalam proses pendaftaran mengakibatkan tidak efisiennya waktu

sehingga pelayanan belum optimal. Selain itu informasi promo hanya ada di

brosur sehingga calon pelanggan yang berlokasi jauh pada Area Bisnis tidak
 3

mendapatkan informasi tentang Promo. Informasi yang disajikan kadang

terlambat, dan informasi yang disajikan dalam bentuk brosur (tidak relevan).

Bidang ekonomi biaya yang dikeluarkan tinggi sebab harus membayar ekstra

admin untuk membantu proses pendaftaran. Biaya foto copy persyaratan

Pemasangan Pipa Air (Pajak Bumi Bangunan, Kartu Keluarga, dan Kartu Tanda

Penduduk), kurangnya informasi yang tepat mengakibatkan bertambahnya biaya

ekstra karena calon pelanggan harus sering datang kee Area hanya untuk

mengetahui sejauh mana pelayanannya. Sistem pengendalian file-file

pendaftarannya masih mudah diakses oleh orang yang tak berwenang. Waktu

banyak terbuang atau tidak efisien dalam melakukan proses pendaftaran dan

kemungkinan terjadinya redundant data, dan dalam pelayanan belum memuaskan

karena sajian informasi tidak update sehingga lambat dalam proses pengolahan

data.

Berdasarkan masalah tersebut maka dibuatlah “Aplikasi Pendaftaran

Pemasangan Pipa Air Pada PT.Aetra Air Jakarta Area Bisnis Duren Sawit

Berbasis Web Framework.” dengan menggunakan Framework CodeIgniter

sebagai bahasa pemograman dan MySQL sebagai basis datanya. Framework atau

kerangka kerja adalah sebuah alat (tool) untuk mendeskripsikan berbagai fungsi

yang lebih komplek, tingkat keamanan yang tinggi dan lebih praktis dengan

menggunakan konsep M-V-C (Model View Controller) yang memisahkan antara

logic aplikasi dan tampilan sehingga struktur code menjadi lebih terstruktur dan

memiliki standar yang lebih jelas dan disimpan dalam database.

 4

I.2 Tujuan

Tujuan yang akan dicapai dari pembuatan Tugas Akhir ini adalah membuat

Aplikasi Pendaftaran Pemasangan Pipa Air Pada PT.Aetra Air Jakarta Area

Bisnis Duren Sawit Berbasis Web Framework dan sebagai laporan kegiatan

bulanan Pemasang Pipa Air perbulan.

I.3 Kerangka Pemikiran

Gambar 1 Kerangka Pemikiran

Berdasarkan permasalah yang telah dijelaskan diatas maka diperlukan

Aplikasi Pendaftaran Pemasangan Pipa Air berbasis Web yang dapat

mempermudah calon pelanggan dalam melakukan proses pendaftaran dan

mempermudah dalam membuat laporan kegiatan bulanan Pemasangan Pipa Air.

Metode yang digunakan dalam aplikasi ini yaitu FAST (Framework for the

Application of System Thinking).

 5

I.4 Kontribusi
Kontribusi yang diharapkan dari pembuatan Tugas Akhir ini adalah sebagai

berikut :

1. Bagi PT. Aetra Air Jakarta Area Bisnis Duren Sawit dapat memudahkan

calon pelanggan dalam pendaftaran (New Connection) pada PT. Aetra Air

Jakarta Area Bisnis Duren Sawit.

2. Bagi Mahasiswa Politeknik Negeri Lampung:

a) Membantu mahasiswa dalam menerapkan ilmu yang sudah didapat di

perkuliahan.

b) Sebagai salah satu bahan acuan penyusunan Tugas Akhir bagi mahasiswa

Program Studi Manajemen Informatika.

 6

II. TINJAUAN PUSTAKA

II.1 Penelitian Terkait

Penelitian terkait adalah teori dari berbagai penelitian sebelumnya yang

dapat menjadi acuan penelitian dan data pendukung penelitian. Adapun beberapa

penelitian yang memiliki topik serupa tentang aplikasi inventarisasi aset adalah

sebagai berikut :

1. (Umi Kholifah, 2014) dengan judul “Sistem Informasi Pendaftaran Peserta

Didik Baru Pada Sekolah Menengah Kejuruan Negeri 1 Sudimoro” dijelaskan

bahwa SMK Negeri 1 Sudimoro dirasa perlu untuk merubah metode

konvensional menjadi pendataan pendaftaran terkomputerisai yaitu Sistem

Informasi yang terkomputerisasi dan tetap disesuaikan dengan alur yang telah

ditetapkan.

2. (Edi Herdiansyah, 2013) dengan judul “Pengembangan Aplikasi Pendaftaran

Muzakki Dan Mustahik Berbasis Web Di Badan Amil Zakat Daerah

Kabupaten Garut” dijelaskan tujuan penelitian ini diharapkan mampu

mengefisiensikan pekerjaan dalam pemasukan data pendaftaran, kegiatan

pendaftaran, yang tidak terlibat tempat dan waktu.

3. (Pertus, 2011) dengan judul “Analisis dan Desain Aplikasi Pendaftaran

Mahasiswa Berbasi SMS, Studi Kasus : Asmi Santa Maria Yogyakarta”

dijelaskan perancangan aplikasi berbasis SMS untuk sistem penerimaan

mahasiswa baru mengingat sampai sekarang teknologi SMS masih dminati

oleh sebagian besar pengguna telepon seluler di negara sampai pedesaan.

 7

Berdasarkan penelitian-penelitian tersebut dapat ditarik kesimpulan bahwa

aplikasi pendaftaran dapat memberikan efisiensi waktu dalam proses

pengelolahan data.

II.2 Aplikasi

Aplikasi adalah bagian yang tidak terpisahkan dari suatu sistem komputer

dengan keberadaan pengguna, perangkat keras, dan jaringan yang saling

berhubungan. Aplikasi dibagi menjadi tiga, yaitu aplikasi berbasis desktop,

aplikasi berbasis web, aplikasi berbasis mobile (Solichin, 2016).

II.3 Pemasangan Pipa Air

Pemasangan pipa air atau installasi air berfungsi sebagai saluran air bersih

dan air kotor melalui pipa yang disediakan. Installasi air bersih menggunakan pipa

½ inci, sementara itu installasi air kotor menggunakan pipa 2 inci dan pipa 4 inci,

untuk menjaga sanitari di dalam lingkungan rumah, membangun saluran air bersih

dan air kotor melalui pipa yang disediakan. Pemasangan saluran air bersih dan air

kotor tersebut termasuk dalam pekerjaan instalasi air. Item-item yang harus kita

perhatikan dalam installasi air adalah pngeboran titik air, pekerjaan saluran

pembuangan, pekerjaan aluran air bersih, serta pembuatan septicank dan

rembesan. Installasi air bersih dilakukan disetiap titik keran maka dari itu kita

perlu memasang saluran air bersih (Marissa, 2009).

II.4 Web

Web adalah halaman informasi yang disediakan melalui jalur internet

sehingga bias diakses di seluruh dunia selama terkoneksi dengan jaringan internet.
 8

Web adalah salah satu alat komunikasi online yang menggunakan media internet

dalam pendistribusiannya (Prihastono, 2012).

II.5 Flowchart

Flowchart merupakan penggambaran secara grafik dari langkah-langkah

dan urutan prosedur suatu program. Biasanya mempermudah penyelesaian

masalah khususnya yang perlu dipelajari dan dievaluasi lebih lanjut. (Indrajani,

2015)

Jenis - jenis Flowchart terdiri atas :

1. System Flowchart

2. Document Flowchart

3. Schematic Flowchat

4. Program Flowchart

5. Proses Flowchart
 9

Adapun simbol-simbol flowchart disajikan pada Tabel 1.

Table 1. Simbol-simbol flowchart.

Simbol Nama Keterangan

Input / Output Berfungsi untuk member tanda data

Input/Ouput

Proses Berfungsi untuk menjalankan proses.

Garis alir Berfungsi untuk menunjukan aliran suatu

proses

Keputusan Berfungsi untuk suatu seleksi kondisi

didalam program.

Penghubung Berfungsi untuk menunjukan penghubung

atau berpindah kehalaman yang lain.

Berfungsi menunjukan sebuah operasi yang

Proses Terdefinisi penjelasannya ditunjuk di tempat lain.

Persiapan Berfungsi untuk memberi nilai awal.

Terminal Menujukan awal dan akhir suatu proses.

Sumber : (Sitorus, 2015)

 10

II.6 Entity Relationship Diagram

Entity Relationship Diagram (ERD) adalah bentuk paling awal dalam

melakukan perancangan basis data relasional. ERD digunakan untuk pemodelan

basis data relasional. ERD biasanya memiliki hubungan binary (satu relasi

menghubungkan dua buah entitas). Beberapa metode perencanaan ERD

menoleransi hubungan relasi ternaty (satu relasi menghubungkan tiga buah

entitas) atau N-aray (satu relasi menghubungkan banyak entitas), tapi banyak

metode perancangan ERD yang tidak mengizinkan hubungan ternary atau N-ary.

(Shalahuddin, 2018). Adapun simbol-simbol ERD disajikan pada Tabel 2.

Table 2. Simbol-simbol ERD

Simbol Nama Deskripsi

Entitas/Entity Entitas adalah data inti yang

akan disimpan.

Atribut Fieldatau kolom data yang

butuh disimpan dalam suatu
entitas.

N Asosiasi Penghubung antara relasi dan

entitas yang memiliki
multiplicity (pemakaian
maksimum).

Relasi Relasi yang akan

menghubungkan antar entitas.

Sumber: (Randy Hutama Putra, 2013)

 11

Table 3. Simbol Hubungan Relasi

Notasi Simbol Keterangan

One to one Anggota entitas A hanya dapat

berhubungan dengan satu anggota
entitas B, begitu sebaliknya.

Anggota entitas A dapat berhubungan

One to many dengan banyak anggota entitas B,
namun anggota entitas B hanya dapat
berhubungan dengan satu anggota
entitas A .

Anggota entitas A hanya dapat

Many to one berhubungan dengan satu anggota
entitas B, namun anggota entitas B
dapat berhubungan dengan banyak
anggota entitas A.

Anggota entitas A dapat berhubungan

Many to many dengan banyak entitas himpunan B dan
begitu sebaliknya.

Sumber : (Muslihudin, 2013)

 12

II.7 Basis Data

Basis data adalah sistem terkomputerisasi yang bertujuan utamanya adalah

memlihara data yang sudah diolah atau informasi dan membuat informasi tersedia

saat dibutuhkan. Pada intinya basis data adalah media untuk menyimpan data agar

diakses dengan mudah dan cepat. Sistem informasi tidak dapat dipisahkan dengan

kebutuhan akan basis data apapun bentuknya, entah berupa file teks ataupun

Database Management System (DBMS). Kebutuhan basis data dalam sistem

informasi meliputi :

a) Memasukkan, menyimpan, dan mengambil data.

b) Membuat laporkan berdasarkan data yang telah disimpan.

Tujuan dari dibuatnya tabel-tabel disini adalah untuk menyimpan data ke

dalam tabel-tabel agar mudah diakses. Oleh karena itu, untuk merancang tabel-

tabel yang akan dibuat maka dibutuhkan pola piker penyimpanan data nantinya

jika dalam bentuk baris-baris data (record) dimana setiap baris terdiri dari

beberapa kolom (Shalahuddin, 2018)

 13

Adapun notasi-notasi DFD (Yourdon dan DeMarco dalam Rosa dan Shalahudin,

2013) disajikan pada Tabel 4.

Table 4. Notasi-notasi DFD

Simbol Deskripsi

Proses atau prosedur; pada perangkat lunak

yang akan diimplementasikan dengan
pemrograman terstruktur, pemodelan ini
menjadi fungsi atau prosedur di dalam kode
program.

Basisdata atau penyimpanan (storage); pada

perangkat lunak yang akan
diimplementasikan dengan pemrograman
terstruktur, pemodelan ini menjadi tabel-tabel
basisdata yang dibutuhkan.

Entitas luar (external entity) atau masukan

(input) atau keluaran (output) atau user yang
berinteraksi dengan perangkat lunak yang
dimodelkan.

Aliran data; merupakan data yang dikirim

antar proses.

Sumber: (Randy Hutama Putra, 2013)

 14

2.8 Model-View-Controller (MVC)

M-V-C atau Model View Controller merupakan alur kerja dari framework

khususnya pada CodeIgniter.

1. Model digunakan sebagai presentasi database. Berbeda dengan framework

model CakeHP. Dalam CodeIgniter, segala macam perintah query SQL

diletakkan dalam file model, seperti insert, edit, delete dan select karena

semua berhubungan dengan database.

2. Controller digunakan sebagai pengendalian (control) antara view dan model

melalui permintaan dari http.

3. View sesuatu halaman khusus yang digunakan untuk menyajikan informasi

kepada client, secara definisi, segala macam perintaan yang dikelola oleh

controller dan model akan dikirimkan kepada view sesuai hasil permintaan

yang di-request. (Widodo, 2015)

Gambar 2. Cara kerja M-V-C (Model View Controller)

 15

2.9 Framework for the Application of System Thinking

FASTatau (Framework for the Application of System Thinking) merupakan

sebuah metodologi bersifat agile yang cukup fleksibel untuk mendukung berbagai

ragam proyek serta strategi pengembangan sistem. FAST merupakan singkatan

dari “Framework for the Application of System Thinking”. Fase-fase pada FAST

antara lain: scope definition, problem analysis, requirements analysis, logical

design, decision analysis, physical design and integration, construction and

testing, installation anddelivery. (Whitten, 2007)

2.9.1 Scope Definition

Merupakan fase yang umum pada awal proyek, yang akan menjabarkan

masalah-masalah apa yang perlu diatasi, disesuaikan dengan ukuran, batasan,

serta tujuan proyek. Fase scope definition ini dipicu oleh beberapa kombinasi dari

problems, opportunities, dan directives dimana kerangka kerja PIECES memberi

penjelasan problem statement yang baik.

2.9.2 Problem Analysis

Mempelajari sistem yang sudah ada dan menganalisis penemuan-penemuan

masalah untuk mendukung tim proyek dalam memahami masalah-masalah yang

menyebabkan proyek itu. Hasil dari analisis masalah adalah memutuskan proyek

untuk selanjutnya: (a) dibatalkan karena masalah tidak pantas diselesaikan atau

(b) disetujui lalu dilanjutkan ke fase selanjutnya atau (c) ruang lingkup yang

dikurangi atau ditambahkan (dengan perubahan biaya dan jadwal), lalu

dilanjutkan ke fase selanjutnya.

 16

2.9.3 Requirement Analysis

Fase ini mendefinisikan dan memprioritaskan kebutuhan bisnis untuk

menentukan kebutuhan secara fungsional dan non-fungsional. Seperti kemampuan

apa yang harus disediakan sistem kepada pengguna, seperti ukuran tingkat kinerja

yang diperlukan, data apa yang harus diambil dan disimpan.

2.9.4 Logical Design

Terjemahan dari kebutuhan pengguna dari sisi bisnis kepada model sistem

yang hanya menggambarkan kebutuhan sistem dan bukan rancangan bersifat

teknikal apalagi penerapan dari kebutuhan tersebut.

2.9.5 Decision Analysis

Berdasarkan kebutuhan bisnis dan desain logika, tentunya sangat banyak

alternatif keputusan yang dapat diambil untuk merancang sistem informasi dalam

memenuhi kebutuhan-kebutuhan terdefinisi. Beberapa pertimbangan yang

biasanya muncul adalah: proses mana saja yang sebaiknya diotomatisasi, apakah

sistem dibangun sendiri atau membeli dari vendor, apakah mendesain secara

internal atau berbasis web, dan lain sebagainya.

Gambar 3. Fase-fase pengembangan sistem dengan FAST

 17

2.9.6 Physical design and integration

Terjemahan dari kebutuhan pengguna dari sisi bisnis kepada model sistem

yang menggambarkan penerapannya secara teknikal.

2.9.7 Construction and Testing

Fase dimana model fisik dari sistem akan dibangun dan diuji untuk

mengetahui apakah sistem telah memenuhi kebutuhan dan spesifikasi yang telah

direncanakan. Ada pula implementasi rancangan antarmuka sistem lama dengan

sistem baru, serta antarmuka pengguna.

2.9.8 Installation and Delivery

Pada fase ini terjadi transisi sistem lama ke sistem baru dan membantu

pengguna dalam pelatihan dalam penggunaan sistem baru. Untuk mendukung

transisi yang mulus, harus ada perencanaan yang matang supaya tidak terjadi

kerugian saat ditinggalkannya sistem lama.

2.10 MySQL (Structure Query Language)

MySQL adalah suatu perangkat lunak database relasi (Relational Database

Management System atau DBMS), seperti halnya ORACLE, POSTGRESQL,

MSSQL, dan sebagainya. SQL merupakan singkatan dari Structure Query

Language, didefinisikan sebagai suatu sintaks perintah-perintah tertentu atau

bahasa program yang digunakan untuk mengelola suatu database (Anisya, 2013).
 18

2.11 PHPMyAdmin

PHPmyadmin adalah sebuah software berbasis pemrograman PHP yang

dipergunakan sebagai administrator MySQL melalui browser (web) yang

digunakan untuk manajemen database(Rahman, 2013).

2.12 Sublime Text

Merupakan perangkat lunak text editor yang digunakan untuk membuat

meng-edit suatu aplikasi sublime text mempunyai fitur plugin tambahan yang

memudahkan programmer. Selain itu, sublime text juga memiliki desain yang

simpel dan keren menjadikan sublime text terkesan elegan untuk sebuah syntax

editor. Selain ringan, ide ini memiliki kecepatan proses simpan dan buka file,

tidak heran kalau IDE ini paling banyak digunakan terutama dikalangan

programmer berbasis web. (Putratama, 2018 )

 19

I. METODE PENELITIAN

I.1 Waktu dan Tempat Pelaksanaan

Penelitian tugas akhir ini dilaksanakan pada semester 6 di PT. Aetra Air

Jakarta dimulai dari bulan Februari – April 2018. Tugas Akhir ini dilaksanakan

Politeknik Negeri Lampung, dengan judul “Aplikasi Pendaftaran Pemasangan

Pipa Air Pada PT.Aetra Air Jakarta Area Bisnis Duren Sawit Berbasis Web

Framework. ” dimulai dari bulan Mei 2018 sampai dengan bulan Agustus 2018.

I.2 Alat dan Bahan

Alat dan bahan adalah kebutuhan yang digunakan dalam pembuatan

Aplikasi Pendaftaran Pemasangan Pipa Air Pada PT. Aetra Air Jakarta.

I.2.1 Alat

Penyusunan tugas akhir ini membutuhkan alat-alat yang merupakan

kebutuhan dasar dalam pembuatan Aplikasi Pendaftaran Pemasangan Pipa Air

Pada PT. Aetra Air Jakarta.

I.2.2 Bahan

Penyusunan tugas akhir ini membutuhkan bahan-bahan yang merupakan

kebutuhan dasar dalam pembuatan Aplikasi Pendaftaran Pemasangan Pipa Air

Pada PT. Aetra Air Jakarta.

 20

Alat dan bahan-bahan yang digunakan adalah :

Table 5. Alat dan Bahan.

Perangkat Keras Perangkat Lunak

1. Laptop 1. Sistem Operasi Windows 8

2. Printer 2. Microsoft Word 2010

3. Internet 3. Sublime Text 3

4. XAMPP

5. Google Chrome

6. Easy Case

7. Visio

I.3 Metode Pengumpulan Data

Metode pengumpulan data yang digunakan dalam Aplikasi Pendaftaran

Pada PT. Aetra Air Jakarta yaitu dengan teknik observasi yakni metode

pengumpulan data dengan cara melakukan pengamatan langsung. Penulis

melakukan pengamatan langsung terhadap tugas-tugas karyawan yang berkaitan

dalam proses pendaftaran sambungan pipa air baru pada PT. Aetra Air Jakarta.

Selain mengumpulkan data dengan observasi, dalam pembuatan Aplikasi

Pendaftaran Pada PT. Aetra Air Jakarta juga dilakukan wawancara secara

terstruktur yakni menyiapkan pertanyaan terlebih dahulu sebelum melakukan

 21

wawancara kepada narasumber yang telah dilampirkan pada lampiran 1. Selain

mengumpulan data dengan wawancara, dalam Aplikasi Pendaftaran Pada PT.

Aetra Air Jakarta juga dilakukan observasi melalui pengamatan langsung pada

sistem yang sedang berjalan saat ini.

I.4 Metode Pengembangan Software

Metode yang digunakan dalam pengembangan Aplikasi Pendaftaran Pada

PT. Aetra Air Jakarta yaitu menggunakan metode Fast. Pengembangan metode

Fast memiliki 8 tahap yaitu : mendefinisikan cakupan, analisa permasalahan,

analisa kebutuhan, desain logis, analisa keputusan, desain dan integrasi fisik,

konstruksi dan pengujian, instalasi dan pengiriman.

I.5 Metode Pengembangan Sistem

Metodologi pengembangan yang digunakan dalam perancangan Aplikasi

Pendaftaran Pada PT. Aetra Air Jakarta menggunakan metode FAST. Tahapan-

Tahapannya adalah sebagai berikut :

I.5.1 Mendefinisi Cakupan

Pada tahap ini merupakan tahapan yang umum, berupa penjelasan masalah-

masalah yang terdapat pada sistem yang sedang berjalan. Dengan mengamati

permasalahan yang ada saat ini pengamat memperoleh peluang untuk membangun

aplikasi pembelajaran yang efektif dan efisien.

I.5.2 Analisis Permasalahan

Tahap analisa masalah dilakukan untuk menganalisis permasalahan yang

ditemukan dalam sistem yang sedang berjalan saat ini dengan mengmpulkan
 22

informasi. Infromasi yang dikumpulkan dilakukan dengan cara tidak struktur.

Wawancara dilaksanakan di PT. Aetra Air Jakarta.

Informasi yang dikumpulkan adalah :

a. Sistem pendaftaran sambungan pipa air baru pada PT. Aetra Air Jakarta

b. Keterlibatan karyawan terhadap sistem yang sedang digunakan.

c. Kekurangan sistem yang digunakan.

d. Sistem yang diharapkan oleh General Manager.

Permasalahan yang ada mendukung proyek penulis untuk membuat sistem

dan dari masalah yang ada dapat menghasilkan keputusan pembangunan aplikasi

ke tahap yang selanjutnya.

3.5.1 Analisis Kebutuhan

Tahapan analisa kebutuhan menjelaskan apa saja kebutuhan-kebutuhan

utama. Aplikasi yang dibuat akan menyediakan sistem seperti apa kepada calon

pelanggan dan karyawan, kemudian kinerja aplikasi dan data yang disimpan dan

dikelola.

3.5.2 Desain Logis

Tahapan Logical Design menggambarkan kebutuhan sistem, kebutuhan

calon pelanggan dan karyawan. Desain sistem ini bertujuan untuk mendesain

sistem baru yang dapat menyelesaikan masalah yang dihadapi.

 23

a. Perancangan system

Perancang sistem dilakukan perancangan mapping chart, DFD, dan

flowchart untuk menggambarkan proses-proses atau alur yang terjadi pada sistem

yang akan dikembangkan.

b. Perancangan database

Pada tahap ini database dibuat menggunakan MySQL, rancangan database

dilakukan untuk menentukan tabel, field, record, relasi dan sebagainya.

c. Perancangan design interface

Perancangan design interface ini dilakukan dengan harapan dapat memenuhi

kebutuhan pengguna.

3.5.3 Analisis Keputusan

Tahapan analisa keputusan merupakan analisa keputusan, dalam tahap ini

penulis memutuskan sistem yang dibuat dibangun sendiri tidak melalui pihak-

pihak lain, mendesain sistem secara internal dan aplikasi yang dibuat berbasis

website.

3.5.4 Desain dan Integrasi Fisik

Tahapan ini menggambarkan kebutuhan calon pelanggan dan karyawan

kepada model yang digambarkan secara teknikal.

3.5.5 Konstruksi dan Pengujian

Tahap ini digunakan untuk menentukan apakah sistem atau perangkat lunak

yang dibuat sudah sesuai kebutuhan pengguna atau belum, kemudian melakukan
 24

pengujian menggunakan Black Box Testing untuk mengetahui kelemahan sistem.

Black Box Testing adalah metode yang memfokuskan pada aplikasi yang dibuat

telah memenuhi kebutuhan pengguna.Pengujian dilakukan dengan cara membuka

web browser lalu masuk dengan melakukan login setelah itu akan muncul

tampilan dashboard pengguna. Pada saat web terbuka terdapat tiga menu, menu

utama yaitu Daftar Sambungan Baru, Surat Perjanjian dan Upload Pembayaran.

Jika data/berkas yang telah diupload pengguna telah masuk pada dashboard admin

maka pengujian ini berhasil. Jika data/berkas belum muncul maka harus dilakukan

perbaikan dan diuji kembali.

3.5.6 Instalasi dan Pengiriman

Tahapan ini adalah transisi sistem yang belum terkomputerisasi ke sistem

yang berbasis web, kemudian membantu calon pelanggan dan karyawan dalam

pelatihan penggunaan sistem yang baru.

 25

IV. HASIL DAN PEMBAHASAN

4.1 Gambaran umum perusahaan

Gambaran umum membahas penggambaran dari perusahaan yang

menjelaskan tentang keadaan umum PT. Aetra Air Jakarta meliputi sejarah umum,

visi, misi dan struktur organisasi.

4.1.1 Sejarah umum perusahaan

Area Business adalah satu unit yang bertugas dan bertanggung jawab untuk

melaksanakan operasional, monitoring, pengawasan dan menindaklanjuti

permasalahan yang ada di wilayah kerja yang menjadi tanggung jawabnya, yaitu

bertanggung jawab terhadap pengelolaan pelanggan reguler. PT. Aetra Air Jakarta

memiliki 13 Area Business atau Area Bisnis untuk mengomptimalkan pelayanan

pelanggannya yaitu Area Bisnis Sindang, Area Bisnis Enggano, Area Bisnis Dewa

Ruci, Area Bisnis Martadinata, Area Bisnis Podomoro, Bisnis Pulomas, Area

Bisnis Salemba, Area Bisnis Cempaka Baru, Area Bisnis Gading Permai, Area

Bisnis Tipar Cakung, Area Bisnis Gudang Air, Area Bisnis Balai Pustaka dan

Area Bisnis Duren Sawit.

Area Bisnis Duren Sawit merupakan salah satu penyedia operasional untuk

pelayanan calon pelanggan yang berlokasi di Jalan Dermaga No 105 Jakarta

Timur, Jakarta. Kinerja operasional Area Bisnis Duren Sawit yaitu tugas dan

tanggung Jawab yang begitu besar, maka Management memandang perlu dalam

pelaksanaan tugasnya Area Bisnis perlu diberikan dukungan operasional.

 26

4.1.2 Visi perusahaan

Visi sebagai penyedia layanan air minum terdepan di Indonesia.

4.1.3 Misi perusahaan

1. Memenuhi kebutuhan air minum melalui pelayanan prima

2. Membangun perusahaan yang sehat secara berkelanjutan dan berwawasan

lingkungan sehingga memberikan nilai tambah bagi pemangku kepentingan.

3. Membangun lingkungan kerja yang kodusif untuk meningkatkan

profesionalisme dan kepuasan karyawan.

4.1.4 Struktur organisasi

Struktur organisasi PT. Aetra Air Jakarta Area Bisnis Duren Sawit yang

disajikan pada gambar 4.

Gambar 4. Struktur Organisasi PT. Aetra Air Jakarta Area Bisnis Duren Sawit.
 27

4.2 Metode Pengembangan FAST

Hasil dari tugas akhir berjudul “Aplikasi Pendaftaran Pemasangan Pipa Air

Pada PT.Aetra Air Jakarta Area Bisnis Duren Sawit ” adalah :

4.2.1 Mendefinisikan Cakupan

Tahapan ini bertujuan untuk mengetahui sistem yang sedang berjalan saat

ini, kemudian untuk mengetahui kekurangan dan masalah yang akan ditangani.

4.2.2 Analisa Permasalahan

Setelah mendefinisikan cakupan terdapat beberapa masalah yang muncul

pada sistem yang sedang berjalan, maka pada tahap ini akan menjelaskan tentang

permasalahan, penyebab, dampak, solusi dan manfaat.

Hasil observasi terhadap sistem pendaftaran pemasangan pipa air baru yang

sedang berjalan pada PT. Aetra Air Jakarta adalah :

1. Calon Pendaftar datang ke Area Bisnis Duren Sawit untuk mendaftarkan

diri sebagai member pemasangan pipa air baru.

2. Banyaknya step pada sistem mengakibatkan kurang efisiensinya waktu

sehingga pelayanan belum optimal.

3. Biaya yang dikeluarkan tinggi karena harus membayar ekstra admin untuk

membantu proses pendaftaran.

4.2.3 Analisa kebutuhan

Pada tahap ini dilakukan dengan mengumpulkan data untuk membangun

sebuah sistem, dan mengumpulkan informasi dari teknik wawancara dan

dokumentasi yang telah dilakukan, serta kinerja sistem yang akan dikembangkan.

Berikut adalah penjabaran analisa kebutuhan :

 28

a. Data-data informasi program, tarif harga,,serta format pendaftaran

pemasangan pipa air pada PT. Aetra Air Jakarta

b. Gambar-gambar dokumentasi seperti brosur yang digunakan di PT. Aetra

Air Jakarta

c. Dengan adanya permasalahan belum terkomputerisasinya proses

pendaftaran calon pemasangan pipa air baru, maka aka nada pengembangan

sistem yaitu : Aplikasi Pendaftaran Pemasangan Pipa Air Pada PT.Aetra Air

Jakarta Area Bisnis Duren Sawit Berbasis Web Framework.

4.2.3.1 Mapping Chart

Mapping chart Aplikasi Pendaftaran Pemasangan Pipa Air Pada PT.Aetra

Air Jakarta Area Bisnis Duren Sawit Berbasis Web Framework terdiri dari dua

alur sistem, yaitu sistem yang sedang berjalan dan alur dari sistem yang akan

dibangun.

a. Mapping chart sistem yang sedang berjalan

Pada alur mapping chart ini menggambarkan bagaimana sistem berjalan

dari calon pendaftar mendaftarkan diri sebagai pelanggan baru pemasangan pipa

air seperti pada gambar 5.

 29

Maping chart sistem yang sedang berjalan.

Gambar 5. Mapping Chart Sistem yang sedang berjalan.

Gambar diatas merupakan Mapping Chart pada PT. Aetra Air Jakarta yang sedang

berjalan :

1. Calon pelanggan datang untuk melakukan pendaftaran pemasangan pipa air

baru.

2. Petugas Lapangan melakukan survey.

3. Pelanggan mendapat pemberitahuan untuk melakukan pembayaran.

4. Pemasangan dilakukan jika pembayaran telah dilunasi.

 30

a. Mapping Chart Sistem baru.

Pada mapping chart sistem baru menggambarkan keterkaitan alur sistem

dari segi user, aplikasi maupun admin pada gambar 6. Berikut :

Gambar 6. Mapping Chart Sistem yang diusulkan

Berdasarkan anlisa diatas, maka dihasilkan sebuah dokumen kebutuhan

system untuk pengembangan Aplikasi Pendaftaran Pada PT. Aetra Air Jakarta,

berikut :

1. Calon pelanggan dapat melihat informasi tanpa harus datang ke lokasi.

2. Calon pelanggan dapat mendaftarkan diri secara online.

3. Calon pelanggan dapat melakukan pembayaran secara online.

 31

4. Data yang disimpan lebih akurat, mudah diolah dan aman sehingga tingkat

kesalahan dapat diminalisasi.

4.2.4 Desain logis

Pada tahapini dibuat rancangan aplikasi baru berdasarkan analisis yang telah

dilakukan pada tahap sebelumnya, Tahap desain ini meliputi

rancanganMappingChart,DFD,Flowchart,dan ERDuntukmenggambarkanproses-

proses yangterjadipadasistem yangakan dikembangkan.

4.2.4.1 Rancangan Data Flow Diagram (DFD)

a. DFD Level 0

DFDlevel0 merupakanleveltertinggi dariDFD yangmenggambarkan

hubungansistemdenganlingkunganluarnya. Pada gambar dibawah ini di

perlihatkan bahwa entitas memberikan data dan menerima data dari sistem

pendaftaran. Entitastersebut antaralain: Member dan Karyawan. DFD dapat

dilihat padaGambar 7 dibawah ini.

Gambar 7. DFD Level 0

 32

b. DFD Level 1

DFDlevel1menunjukkansemuaprosesutamayang menyusunkeseluruhan

sistem. Level inimenunjukkan komponen internaldan menunjukkanbagaimana

proses-prosesutama direlasikanmenggunakandata flow diagram. Terdapatdua

prosespadaDFDlevel1, yaituprosespencariandanprosesrecorddata.DFDlevel 1

dapat dilihat padaGambar8.

Gambar 8. DFD Level 1

4.2.4.2 Rancangan FlowChart

Rancanganflowchartmerupakanrancanganaluratau logika programyang

akandibuat. Flowchartdapatmempermudahuntukmenelurusihalyangdapat

dilakukanprogramyangtelahdibuat. Flowchartadalahbaganalirsistemyang

menunjukkanaruspekerjaandariAplikasi Pendaftaran Pemasangan Pipa Air Pada

 33

PT.Aetra Air Jakarta Area Bisnis Duren Sawit Berbasis Web Framework secara

keseluruhan,menjelaskanurutandariprosedur-proseduryang adadidalamsistem

tersebut serta menunjukkan apayangdikerjakan didalam sistem.

a. Flowcharttampilan awal web

Tampilan awal web merupakan menuBeranda sebagaidefault-nya. Terdapat

menunavigasiyang terdiridariBeranda, Harga,Profil dan Lokasi.

Gambar 9. Tampilan Halaman Beranda

 34

b. Flowchart menuDaftar Member

Menu Daftar Member adalah proses awal pendaftar untuk dapat melakukan

pendaftaran, pendaftar harus memiliki hak akses untuk melakukan proses

pendaftaran. Pendaftar harus memasukkan username, password dan email pada

halaman member.

Gambar 10. Flowchart Tampilan Daftar Member

 35

c. Flowchart menu Masuk

Menu Masuk adalah proses kedua, yaitu member atau karyawan memasukkan

username dan password yang telah di buat pada menu member sebagai

autentikasi.

Gambar 11. Flowchart Tampilan Masuk

 36

d. Flowchart menu member

Menu Masuk member adalah proses lanjut dari proses member, member

memasukkan username dan password yang telah di buat pada menu member

sebagai autentikasi. Selanjutnya member mengisi data pendaftaran, selanjutnya

mencetak surat perjanjian dan mengupload bukti pembayaran.

Gambar 12. Tampilan Flowchart Member

 37

e. Flowchart menu admin

Menu admin berisi beberapa menu yaitu data pelanggan, data valid dan lunas.

Pada menu admin seorang admin memiliki hak akses untuk melihat akun data

pendaftar dan admn berhak melakukan akses delete dan update jika terdapat data

tidak valid.

Gambar 13. Tampilan Flowchart Admin

 38

f. Flowchart menu petugas lapang

Menu petugas lapang berisi dua menu yaitu home (halaman awal) dan data

pemasangan. Pada halaman ini petugas lapang dapat merubah status dari

pelaksanaan pemasangan pipa air baru, terdapat dua status dalam pelaksanaanya

yaitu proses dan selesai. Status tersebut dapat dilihat oleh admin.

Gambar 14. Tampilan Flowchart Petugas Lapang

4.2.4.3 Rancanganentity relationshipdiagram

Setelah model data ditentukan, selanjutnyamewujudkannyakedalam basis

data. Selain masalah pemilihan basisdatayangsesuai untuk aplikasi yang lebih

penting adalah masalah bagaimanarancangan basisdata harus dibuat.

 39

Entityrelationship diagramAplikasi Pendaftaran PT. Aetra dapat dilihat

padaGambar 15.

Gambar 15. Entity Relationship Diagram

4.2.4.4 Rancangan basis data

Rancanganbasisdata dibuatdenganmenggunakansoftwareMySQLyang

merupakansalahsatubasisdatayangpopulerdenganpengembangweb.Kecepatan

danukuran yangkecilmembuatnyaidealuntuksebuah web.Rancanganbasisdata

Aplikasi Pendaftaran Pemasangan Pipa Air Pada PT.Aetra Air Jakarta Area Bisnis

Duren Sawit Berbasis Web Framework terdapattigatabel. Tabel-tabeltersebut

dapat dilihat padaTabel dibawah ini:

 40

a) Nama basis data : db_aetra.sql

Tabel : user

Primary Key : id_user

Table 6. Rancangan basis data tabel User

Name Type Size Null

Id_user Integer 11 -

Username Varchar 50 -

Password Varchar 50 -

Email Varchar 50 -

Level enum('1', '2',’3’) -

a) Nama basis data : db_aetra.sql

Tabel : Pendaftaran

Primary Key : id_pendaftaran

Table 7. Rancangan basis data tabel Pendaftar

Name Type Size Null

Id_pendaftaran Integer 11 -

Id_user Integer 11 -

Kategori Enum(‘standar’,’non-standar’) -

Nama_pendaftar Varchar 50 -

NIK Integer 11 -

Alamat Varchar 200 -

Upload_kk Varchar 50 -

Upload_ktp Varchar 50 -
 41

Name Type Size Null

Upload_pbb Varchar 50 -

Tanggal Date - -

No_telpon Varchar 10 -

Kode_pos Integer 50 -

Pipa_input Integer 11 -

Pipa_dinas Integer 11 -

Permukaan Enum(‘beton’,’aspal’,’cor’) -

Luas_bangunan Integer 11 -

Luas_bangunan Integer 11 -

Peruntukan_bangunan Varchar 100 -

Lingkungan_tertata Enum(‘Ya’,’Tidak’) -

Tekanan_air Integer 11 -

Casing_pipa Integer 11 -

Crossing Enum(‘Ya’,’Tidak’) -

Properti Varchar 11 -

Kamar_tidur Integer 11 -

Kamar_mandi Integer 11 -

RK Integer 11 -

RM enum(‘beton’,’aspal’,’cor’) -

Dapur Integer 11 -

Garasi Integer 11 -

Lantai Integer 11 -
 42

Name Type Size Null

Penghuni Integer 11 -

Salurang_pembuangan enum(‘Ya’,’Tidak’) -

Sanitasi enum(‘Ya’,’Tidak’) -

Halaman enum(‘Ya’,’Tidak’) -

Lebar_jalan Integer 11 -

Nomen_lama Integer 11 -

Tarif_code enum(‘2A2,’2A3’,’2A4’) -

Lingkungan Varchar 100 -

a) Nama basis data : db_aetra.sql

Tabel : Pembayaran

Primary Key : id_pembayaran

Table 8. Rancangan basis data tabel Pembayaran

Name Type Size Null

id_pembayaran Integer 11 -

id_pendaftaran Varchar 11 -

pembayaran_standar Varchar 11 -

status enum(‘Belum Lunas’,’Lunas’) -

statusm enum(‘Proses,’Selesai’)
 43

4.2.5 Analisa keputusan

Pada tahap sebelumnya telah di jelaskan kelemahan dari sistem sebelumnya,

pada tahap desain logis telah di rancang aplikasi pendaftaran yang akan di bangun,

dengan adanya permasalahan dan desain aplikasi yang akan di bangun , terdapat

beberapa pertimbangan yang akan di jabarkan:

a. Berdasarkan permasalahan yang telah di paparkan perlu adanya

pengembangan sistem yaitu dengan membangun aplikasi pendaftaran.

b. Dengan adanya aplikasi pendaftaran berbasis web di harapkan pengguna

dapat lebih menghemat waktu dalam melakukan proses pendaftaran.

c. Dengan di bangunya aplikasi berbasis web pendaftaran dapat mengakses

pendaftaran dimanapun dan kapan pun.

4.2.6 Desain dan integrasi fisik

Tahap selanjutnya setelah terkumpul seluruh data, informasi serta

identifikasi permasalahan yang diperlukan, proses pengembangan sistem ini

diawali dengan membuat sebuah kerangka sistem yang bertujuan untuk

memberikan gambaran tahapan-tahapan yang harus dikerjakan dan bagaimana

tampilan aplikasi yang akan ditampilkan. Berikut adalah penjabaran desain dan

integrasi fisik :

a. Perancangan Analisis Sistem

Pada tahap ini akan menjelaskan cara kerja sistem pada sisi pengguna yaitu:

Peserta cukup mendaftarkan diri sebagai member untuk mendapatkan username

dan password untuk melakukan pendaftaran, fungsi pendaftaran member untuk

memvalidasi kebenaran peserta ingin melakukan pendaftaran secara online,

setelah mendaftarkan diri melalui web peserta dapat melakukan pembayaran yang
 44

diberi jangka waktu 1x24 jam dan melakukan verifkasi dengan admin

pendaftaran.

b. Perancangan User Interface

Interface halaman Beranda menampilkan halaman awal yang menampilkan

informasi mengenai gambaran umum mengenai PT. Aetra Air Jakarta Area Bisnis

Duren Sawit. Pada navigasi terdapatHargaProfil, Daftar Member, dan Masuk

Member.

Interface halaman Beranda terdapat pada Gambar 16. dibawah ini :

Gambar 16. Tampilan Interface Halaman Beranda

Rancangan interface halaman Harga merupakan halaman yang

menampilkan tipe-tipe harga pemasangan pipa air. Rancangan interface halaman

Harga disajikan pada Gambar 17. seperti di bawah.

 45

Gambar 17. Tampilan Interface Halaman Harga.

Selanjutnya rancangan pada halaman Aetra Air Jakarta dengan

menggunakan drop down untuk menampilkan Profil, Kegiatan, dan Lokasi PT.

Aetra Air Jakarta Area Bisnis Duren Sawit. Rancangan interface halaman Aetra

Air Jakarta disajikan pada Gambar 18. seperti di bawah.

Gambar 18. Tampilan Interface Halaman Sejarah

Rancangan interfaceForm Pendaftran yang menampilkan data-data yang

harus diisi oleh pendaftar. Pada halaman ini terdapat satu button yaitu button

Submit yang berfungsi untuk menyimpan data yang telah dimasukkan ke dalam

database. Rancangan interface halaman ini disajikan pada gambar 19 di bawah.

 46

Gambar 19. Tampilan Interface Halaman Form Pendaftaran

Rancangan interface halaman Surat Perjanjian menampilkan Form yaitu

surat perjanjian atau persetujuan pendaftaran pemasangan pipa air baru. Pada

halaman ini pendaftar diminta untuk mencetak dan mentanda tangani surat

perjanjian. Rancangan interface halaman ini disajikan pada gambar 20 di bawah.

Gambar 20. Tampilan Interface Surat Perjanjian

Rancangan interface halaman Upload Pembayaran menampilkan Form

yaitu upload pembayaran standard an upload pembayaran non-standar untuk

melakukan validasi pebayaran dengan cara mengupload bukti pembayaran dengan

 47

format Jpg. Pada halaman ini terdapat satu button yaitu button Upload yang

berfungsi untuk mengirim file ke dalam database.

 48

Rancangan interface halaman ini disajikan pada gambar 21 di bawah.

Gambar 21. Tampilan Interface Halaman Upload Pembayaran

Rancangan interface data pelanggan pada back end yang dapat dikelola oleh

admin yang didalamnya menampilkan data-data member. Pada halaman ini

terdapat button delete yang berfungsi untuk menghapus data yang sudah tidak

diperlukan. Rancangan interface ini digambarkan pada gambar 22 di bawah ini.

Gambar 22. Tampilan Interface Data Pelanggan

 49

Rancangan interface Data Valid pada back end yang dapat dikelola oleh

admin yang didalamnya menampilkan data-data pendaftar. Pada halaman ini

terdapat button delete, edit dan search. Pada button delete untuk menghapus data

member, button edit berfungsi untuk mengedit data pendaftar untuk dilengkapi

data pendaftarannya. Selanjutnya yaitu button search berfungsi untuk mencari

sebuah data dengan mengetikkan nama pada kolom search tersebut. Rancangan

tersebut disajikan pada gambar 23 di bawah.

Gambar 23. Tampilan Interface Data Valid

Rancangan interface Lunas pada back end yang dikelola oleh admin, yang

menampilkan data-data pendaftar yang telah mengupload bukti pembayaran dan

divalidasi lunas oleh admin, selain itu admin dapat mengontrol petugas lapangan

dalam proses pelaksanaan pemasangan pipa air baru.

 50

Rancangan tersebut disajikan pada di gambar 24, berikut :

Gambar 24. Tampilan Lunas

Rancangan interface Petugas Lapangan pada back end yang dikelola oleh

petugas lapangan, yang menampilkan data-data pendaftar yang telah melunasi

pembayaran lalu akan dilanjutkan dengan proses pelaksanaan pemasangan pipa air

baru. Dalam pelaksanaan pemasangan pipa air baru, petugas lapangan memiliki

dua pilihan yaitu proses dan selesai yang akan diinputkan sebagai data

monitoring.
 51

Rancangan tampilan petugas disajikan pada di gambar 25, berikut :

Gambar 25. Tampilan Petugas

4.2.7 Konstruksi dan Pengujian

Tahapan ini merupakan tahapan pembangunan sistem dan pengujian

Pembangunan aplikasi dengan pengkodean dan kemudian melakukan pengujian

menggunakan black box testing. Berikut ini merupakan pembuatan dua pengujian

sistem.

4.2.7.1 Konstruksi

Pada tahapan ini akan membuat kode program. Kode program yang

ditampilkan hanya kode program pada bagian function. Diantaranya adalah

 52

1. Kode Daftar Member

<?php

defined('BASEPATH') OR exit('No direct script access allowed');

class User extends CI_Controller

function __construct()

parent::__construct();

$this->load->library('form_validation');

$this->load->helper(array('url','form'));

$this->load->model('m_user');

public function create() {

$this->load->library('session');
$this->load->helper('url');
$this->form_validation->set_rules('username', 'USERNAME','required');
$this->form_validation->set_rules('password','PASSWORD','required');
$this->form_validation->set_rules('email','EMAIL','required|valid_email');
if($this->form_validation->run() == FALSE) {
$this->load->view('beranda');
}
Else {
$data['username'] = $this->input->post('username');
$data['password'] = md5($this->input->post('password'));
$data['email'] = $this->input->post('email');

$this->m_user->daftar($data); // manggil model dan menjalankan fungsi "daftar" di

controller

$this->session->set_flashdata('success', 'Data Baru berhasil di tambah...');

redirect(site_url('beranda'));
}
}
 53

2. Kode Login

public function login(){

$username = $this->input->post('username');
$password = $this->input->post('password');

$where = array (
'username' => $username,
'password' => md5($password)
);

$cek = $this->m_user->cek_login("user", $where)->num_rows();

$cekq = $this->m_user->cek_login("user", $where)->row();

if($cek > 0){

$data_session = array(
'id_user' => $id_user,
'username' => $username,
'status' => "login"
);

$this->session->set_userdata($data_session);

if ($cekq->level =='1') {
redirect('admin/index');
}
elseif ($cekq->level=='2') {
redirect('Beranda/profil_user');

}
elseif ($cekq->level=='3') {
redirect('upload/petugas_dash');
}
}
else {

redirect('user/create');
}
}
function logout(){
$this->session->sess_destroy();
redirect('admin');
}
 54

3. Kode Formulir Pendaftaran

<?php

defined('BASEPATH') OR exit('No direct script access allowed');

class form_pendaftaran extends CI_Controller {

function __construct(){

parent:: __construct();

$this->load->helper(array('form','url'));

public function index()

$this->load->view('form_pendaftaran', array('error' => ''));

function upload_pendaftaran(){

$config['upload_path'] ='./berkas/';

$config['allowed_types'] ='gif|jpg|png';

$this->load->helper(array('form','url'));

$this->load->library('form_validation');

$this->form_validation->set_rules('nama_pendaftar','Nama Pendaftaran','required|
is_unique[pendaftaran.nama_pendaftar]|max_length[25]');

$this->form_validation-> set_rules('nik','NIK','required|is_unique[pendaftaran.nik]|
numeric|min_length[16]|max_length[16]');

$this->form_validation->set_rules('alamat','Alamat','required|max_length[50]');

$this->form_validation->set_rules('no_telpon','No Telp','required|numeric|
is_unique[pendaftaran.no_telpon]|min_length[12]|max_length[13]');

$this->form_validation->set_rules('kode_pos','Kode Pos','required|max_length[6]');

if ($this->form_validation->run()==FALSE) {

$this->load->view('form_pendaftaran');

} else {

$this->load->library('upload', $config);
 55

$this->upload->initialize($config);

$this->upload->do_upload('uploadkk');

$file = $this->upload->data();

$this->upload->do_upload('uploadktp');

$file1 = $this->upload->data();

$this->upload->do_upload('uploadpbb');

$file2 = $this->upload->data();

$data = [

'upload_kk' => $file['file_name'],

'upload_ktp' => $file1['file_name'],

'upload_pbb' => $file2['file_name'],

'nama_pendaftar' => set_value('nama_pendaftar'),

'nik' => set_value('nik'),

'alamat' => set_value('alamat'),

'kode_pos' => set_value('kode_pos'),

'no_telpon' => set_value('no_telpon'),

'id_user' => set_value('id_user')

];

$this->m_pendaftaran->insert_gambar('pendaftaran', $data);

$this->load->view('profil_user',$data);

?>
 56

4. Kode Update

<?php

defined('BASEPATH') OR exit('No direct script access allowed');

class admin extends CI_Controller {

public function __construct ()

parent ::__construct ();

$this->load->model('m_user'); //panggil model

$this->load->model('m_fix');

public function update()

$nama_pendaftar = $this->input->post('nama_pendaftar');

$nik = $this->input->post('nik');

$id_pendaftaran = $this->input->post('id_pendaftaran');

$alamat = $this->input->post('alamat');

$pipa_input = $this->input->post('pipa_input');

$Pipa_dinas = $this->input->post('Pipa_dinas');

$permukaan = $this->input->post('permukaan');

$Luas_bangunan = $this->input->post('Luas_bangunan');

$Peruntukan_bangunan = $this->input->post('Peruntukan_bangunan');

$Lingkungan_tertata = $this->input->post('Lingkungan_tertata');

$Tekanan_air = $this->input->post('Tekanan_air');

$Casing_pipa = $this->input->post('Casing_pipa');

$Crossing = $this->input->post('Crossing');

$Properti = $this->input->post('Properti');

$Kamar_tidur = $this->input->post('Kamar_tidur');

$Kamar_mandi = $this->input->post('Kamar_mandi');
 57

$RK = $this->input->post('RK');

$RM = $this->input->post('RM');

$Dapur = $this->input->post('Dapur');

$Garasi = $this->input->post('Garasi');

$Lantai = $this->input->post('Lantai');

$Penghuni = $this->input->post('Penghuni');

$Saluran_pembuangan = $this->input->post('Saluran_pembuangan');

$Sanitasi = $this->input->post('Sanitasi');

$Halaman = $this->input->post('Halaman');

$Lebar_jalan = $this->input->post('Lebar_jalan');

$tarif_code = $this->input->post('tarif_code');

$lingkungan = $this->input->post('lingkungan');

$object= array(

'nama_pendaftar' =>$nama_pendaftar,

'nik' =>$nik,

'id_pendaftaran' =>$id_pendaftaran,

'alamat' =>$alamat,

'pipa_input' =>$pipa_input,

'Pipa_dinas' =>$Pipa_dinas,

'permukaan' =>$permukaan,

'Luas_bangunan' =>$Luas_bangunan,

'Peruntukan_bangunan' =>$Peruntukan_bangunan,

'Lingkungan_tertata' =>$Lingkungan_tertata,

'Tekanan_air' =>$Tekanan_air,

'Casing_pipa' =>$Casing_pipa,

'Crossing' =>$Crossing,

'Properti' =>$Properti,

'Kamar_tidur' =>$Kamar_tidur,
 58

'Kamar_mandi' =>$Kamar_mandi,

'RK' =>$RK,

'RM' =>$RM,

'Dapur' =>$Dapur,

'Garasi' =>$Garasi,

'Lantai' =>$Lantai,

'Penghuni' =>$Penghuni,

'Saluran_pembuangan' =>$Saluran_pembuangan,

'Sanitasi' =>$Sanitasi,

'Halaman' =>$Halaman,

'Lebar_jalan' =>$Lebar_jalan,

'tarif_code' =>$tarif_code,

'lingkungan' =>$lingkungan

);

$this->m_fix->updateuser($object, $id_pendaftaran);

if ($this->db->affected_rows())

$this->session->set_flashdata('alert', 'sdh updt');

redirect('admin/data_tabel2');

else {

$this->session->set_flashdata('info', 'ggl');

redirect('admin/data_tabel2');

?>
 59

4.2.7.2 Hasil program

Hasil program adalah hasil dari kode program yang telah dibuat.

Tampilan hasil program adalah:

1. Tampilan halaman Beranda

Halaman beranda digunakan untuk user dapat melihat informasi PT. Aetra

Air Jakarta dan terdapat menu-menu Navigasi yaitu Harga, Profil ,dan Kontak

Kami. Tampilan halaman Awal disajikan.

Gambar 26. Tampilan Interface Halaman Beranda

 60

2. Tampilan halaman Harga

Halaman Hargamerupakan halaman yang menampilkan tipe harga

Pemasangan Pipa Air Jakarta Area Bisnis Duren Sawit.

Gambar 27. Tampilan Interface Halaman Harga

 61

3. Tampilan halaman Profil

Halaman Aetra Air Jakarta menampilkan Profil PT. Aetra Air Jakarta dan

Lokasi. Tampilan halaman Aetra Air Jakarta disajikan pada Gambar 28.

Gambar 28. Tampilan Interface Halaman Profil

 62

4. Tampilan kontak kami

Halaman Aetra Air Jakarta menampilkan Kontak kami. Tampilan halaman

Kontak kami disajikan pada Gambar 29.

Gambar 29. Tampilan Interface Halaman Kontak Kami

5. Tampilan Daftar Member

Tampilan Daftar Member adalah menggunakan username, email dan

password yang telah di inputkanpada navigasi Daftar Member. Daftar Member ini

digunakan untuk melakukan proses create member pada PT. Aetra Air Jakarta.
 63

Tampilan halaman Daftar Member disajikan pada Gambar 30.

Gambar 30. Tampilan Interface Halaman Daftar Member

6. Tampilan Halaman Masuk Member

Tampilan halaman Masuk Member pendaftar dapat masuk ke halaman

dashboardnya.

Gambar 31. Tampilan Interface Halaman Masuk Member

 64

7. Tampilan Halaman Form Pendaftaran

Halaman Form Pendaftaran pada halaman ini pendaftar diminta untuk

mengisi form pendaftaran dengan data yang valid.

Gambar 32. Halaman Form Pendaftaran

8. Tampilan Halaman Surat Perjanjian

Halaman Surat Perjanjian ini dapat dicetak oleh pendaftar untuk menyetujui

pemasangan pipa air baru.

Gambar 33. Halaman Surat Perjanjian.

 65

9. Tampilan Upload Bayar

Halaman Upload Bayar, pada halaman ini pendaftar diminta untuk

mengupload bukti tanda pembayaran pemasangan pipa air baru.

Gambar 34. Halaman Upload Pembayaran

10. Halaman Admin

Halaman Admin, pada halaman ini admin dapat melihat grafik pendaftaran

perbulan, data pendaftar, mengedit dan menghapus data pendaftar.

Gambar 35. Tampilan Halaman Admin

 66

11. Halaman Data Member

Pada halaman ini back end atau admin dapat melihat data member.Tampilan

halaman DataMember disajikan pada Gambar 36.

Gambar 36. Halaman Data Member

12. Tampilan data Pelanggan

Halaman data pelanggan, menampilkan data pelanggan yang telah mengisi

form pendaftaran.
 67

Gambar 37. Halaman Data Pelanggan

13. Tampilan data Lunas

Pada halaman Lunas, admin dapat mengubah status pendaftar yang belum lunas

menjadi lunas dan admin dapat mengontrol pelaksanaan pemasangan pipa air

baru. Tampilan halaman Lunas disajikan pada Gambar 38.

Gambar 38. Halaman Lunas

14. Tampilan Petugas lapangan

 68

Pada halaman petugas lapangan, petugas dapat mengupdate status

pemasangan sambungan pipa air baru.

Gambar 39. Gambar Tampilan Petugas Lapang

15. Tampilan monitoring admin

Pada halaman ini, admin dapat memonitoring pelaksanaan pemasangan

sambungan pipa air baru. Dalam proses monitoring terdapat dua pilihan yaitu

proses dan selesai.

Gambar 40. Tampilan Monitoring admin

 69

4.2.8 Instalasi dan pengiriman

Setelah seluruh tahap terselesaikan, selanjutnya masuk pada tahap instalasi

dan pengiriman yaitu uji coba sistem kepada pendaftar.

 70

V. KESIMPULAN DAN SARAN

5.1 Kesimpulan

Kesimpulan dari tugas akhir yang berjudul “Aplikasi Pendaftaran Pemasangan

Pipa Air Pada PT.Aetra Air Jakarta Area Bisnis Duren Sawit berbasis

webframework” telah berhasil dibangun yang dapat digunakan dalam pendaftaran

pemasangan pipa air baru. Aplikasi ini dapat digunakan bagi PT. Aetra Air Jakarta

Area Bisnis Duren Sawit.

5.2 Saran

Dalam pembangunan aplikasi ini masih memiliki saran yang diberikan agar

aplikasi ini dapat berjalan dengan baik, adalah :

1. Menyediakan fitur aplikasi yang dapat membatasi pendaftar untuk melakukan

pendaftaran pemasangan pipa air hanya satu kali.

2. Menyediakan fitur notifikasi melalui whatsapp untuk melakukan pembayaran

pemasangan pipa air baru.

 71

DAFTAR PUSTAKA

Anisya. (2013, Agustus). Aplikasi Sistem Database Rumah Sakit Terpusat. Jurnal
Momentum, 15, 10.

Edi Herdiansyah, E. S. (2013). PENGEMBANGAN APLIKASI PENDAFTARAN

MUZAKKI DAN MUSTAHIK BERBASIS WEB DI BADAN AMIL ZAKAT
DAERAH KABUPATEN GARUT, 1.

Edi Herdiansyah, E. S. (2013). Pengembangan Aplikasi Pendaftaran Muzakki

Dan Mustahik Berbasis Web Di Badan Amil Zakat Daerah Kabupaten
Garut.

Fathansyah. (2012). BASIS DATA. Bandung: Informatika Bandung.

Hutahaean, J. (2014). Konsep Sistem Informasi. Yogyakarta: CV Budi Utama.

Indrajani. (2015). Database Design.

Jogiyanto, H. (2005). Pengenalan Komputer. Yogyakarta: Andi.

Lubis, A. (2016). Basis Data Dasar. Yogyakarta: CV. Budi Utama.

Marissa, Y. A. (2009). Cara Cepat MEnghitung Kebutuhan Material dalam

Membangung Rumah Mungil.

Muslihudin. (2013). SImbol Hubungan Relasi.

Pertus, S. d. (2011). Analisis Dan Desain Aplikasi Pendaftaran Mahasiswa Baru

Berbasis SMS, Studi Kasus: Asmi Santa Maria Yogyakarta . 18.

Petrus, S. d. (2011). Analisis Dan Desain Aplikasi Pendaftaran Mahasiswa Baru

Berbasis SMS, Studi Kasus: Asmi Santa Maria Yogyakarta. 18.

Prihastono, E. (2012). Pengukuran Kepuasan Konsumen Pada Kualitas. Jurnal

Web, 11.

Putratama, S. d. (2018 ). Pemrograman Web dengan Menggunakan PHP dan

Framework Codeigniter.

Rahman, S. (2013). Cara Gampang Bikin CMS Tanpa Ngoding. Jakarta:

Mediakita.

Randy Hutama Putra, E. H. (2013). Aplikasi Penjualan Dan Pemasaran Berbasis

Web Pada CV Suasana Indah Profil.

Shalahuddin, R. A. (2018). Rekayasa Perangkat Lunak. Bandung: Informatika

Bandung.
 72

Sitorus, L. (2015). Algoritma dan Pemrograman. Yogyakarta: CV. Andi Offset.

Solichin, A. (2016). Pemrograman Web dengan PHP dan MySQL.

Umi Kholifah, I. U. (2014). Sistem Informasi Pendaftaran Peserta Didik Baru

Pada Sekolah Menengah Kejuruan Negeri 1 Sudimoro. 50.

Whitten. (2007). Framework for the Application of System Thinking.

Widodo, W. (2015). Membangun Web Super Cepat dengan CodeIgniter

GroceryCRUD dan TankAuth.

Yanto, R. (2016). Manajasis Basis Data Menggunakan MySQL. Yogyakarta: CV.

Budi Utama.