Embed Size (px)
Citation preview
RANCANG BANGUN APLIKASI PEMASARAN DIGITAL JUAL BELI
RUMAH MENGGUNAKAN STRATEGI “RUMAH 360” BERBASIS
WEBSITE
PROYEK AKHIR
Program Studi
DIII SISTEM INFORMASI
Oleh:
SULTAN AULIA ALFARIZKI
16390100028
FAKULTAS TEKNOLOGI DAN INFORMATIKA
INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA
2019
RANCANG BANGUN APLIKASI PEMASARAN DIGITAL JUAL BELI
RUMAH MENGGUNAKAN STRATEGI “RUMAH 360” BERBASIS
WEBSITE
Diajukan sebagai salah satu syarat untuk menyelesaikan
Program Ahli Madya Komputer
Oleh:
Nama : SULTAN AULIA ALFARIZKI
NIM : 16390100028
Program Studi : DIII (Diploma Tiga)
Jurusan : Sistem Informasi
FAKULTAS TEKNOLOGI DAN INFORMATIKA
INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA
2019
Aku persembahkan hasil salah satu karya dalam hidupku
Kepada Laki – Laki paling tangguh Ayah,
Salah satu perempuan yang sangat saya cintai Mama, partner in crime Kakak,
Teman teman sepercangkruk-an, Serta yang sudah pergi meninggalkan,
maupun semua pihak yang sudah membantu menyelesaikan program dan
Laporan Proyek Akhir
-Sultan Aulia Alfarizki-
In The Name of Allah, the Most Gracious, the Most Merciful”
“Ayah Mama terima kasih”.
- Sultan Aulia Alfarizki -
vii
viii
ix
ABSTRAK
Lokasi rumah adalah alasan utama seseorang membeli rumah. Oleh karena itu
penulis memutuskan untuk membuat aplikasi pemasaran digital yang kami sebut
"Rumah 360" berdasarkan situs web.
Aplikasi ini membantu pelanggan membeli tipe rumah ideal yang mereka
butuhkan sesuai dengan keinginan mereka. Berdasarkan hal tersebut, aplikasi ini
memiliki fitur tampilan rumah mode 360 derajat dengan informasi pemetaan
lokasi rumah yang dapat membuat pelanggan menemukan lingkungan rumah dan
lokasi rumah yang mereka butuhkan.
Penulis menggunakan Metode Waterfall SDLC dalam pembuatan aplikasi ini,
untuk memulai proses penulis harus menganalisis kasus terlebih dahulu, dan
setelah itu penulis harus membuat desain sistem (terdiri dari Desain Basis Data,
Desain Antarmuka Pengguna, Desain Proses Alur Bisnis), dan untuk hal terakhir
penulis harus mengimplementasikan aplikasi dan memperbaiki kesalahan atau
memperbaiki bug yang ditemukan penulis.
Kata kunci: Rumah, 360 Derajat, Pemasaran Digital, Pemetaan
x
ABSTRACT
Home location is the main reason for someone to purchasing a house. On
that case author decided to makes an e-marketplace application that we called
“Rumah 360” based on a website. This applications helps customers purchasing
the ideal type of house that they needed according to their wishes.
Based on that, this application have a 360 degree mode home display
feature with the information of mapping home location that can makes customers
find the home environtment and the location of the house that they needed.
The author using the SDLC Waterfall Method in the making of this
application, to begin the process author should analyzes the case first, and after
that author should makes the system design (consisting of Databased Design, User
Interfaces Design, Business Flow Process Design), and for the last thing author
should implementing the applications and fixing the errors or fixing bugs that
author found.
Keywords: Home, 360 Degree, E-marketplace, Mapping
xi
KATA PENGANTAR
Dengan mengucapkan Alhamdulillah segala puji dan syukur penulis
panjatkan atas kehadirat Allah SWT, karena berkat rahmat dan hidayah-Nya
penyusunan Laporan Proyek Akhir yang berjudul “Rancang Bangun Aplikasi
Pemasaran Digital Jual Beli Rumah Menggunakkan Strategi ‘Rumah 360’
Berbasis Website” ini dapat diselesaikan guna memenuhi salah satu persyaratan
dalam menyelesaikan pendidikan pada Jurusan Sistem Informasi Fakultas
Teknologi dan Informatika Stikom Surabaya.
Pada laporan proyek akhir ini membahas tentang pembuatan Aplikasi
Pemasaran Digital Jual Beli Rumah Menggunakkan Strategi ‘Rumah 360’,
pengiklanan rumah yang dijual dan yang dapat membantu memudahkan penjual
rumah (agen property rumah) dalam memasarkan daftar rumah dijual miliknya
secara online.
Perjalanan panjang telah penulis lalui dalam rangka perampungan
penulisan skripsi ini. Banyak hambatan yang dihadapi dalam penyusunannya,
namun berkat kehendak-Nyalah sehingga penulis berhasil menyelesaikan
penyusunan skripsi ini. Oleh karena itu, dengan penuh kerendahan hati, pada
kesempatan ini patutlah kiranya penulis mengucapkan terima kasih kepada :
Dalam pembuatan laporan proyek akhir ini tidak terlepas dari bantuan,
bimbingan, dan arahan dari berbagai pihak kepada penulis. Pada kesempatan ini,
maka penulis mengucapkan banyak terima kasih kepada:
xii
1. Orang tua yang selalu memberikan doa, nasihat, dukungan dan motivasi
kepada penulis.
2. Ibu Nunuk Wahyuningtyas, M.Kom., OCJA, selaku dosen pembimbing yang
telah memberikan arahan dalam pengerjaan proyek akhir.
3. Ibu Titik Lusiani,M.Kom.,OCP selaku dosen pembahas yang telah
memberikan arahan dan saran saat ujian proyek akhir
4. Teman-teman di Institut Bisnis dan Informatika Stikom Surabaya khususnya
DIII Sistem Informasi angkatan 2016 yang selalu menemani, mendukung,
dan membantu penulis dalam pengerjaan proyek akhir.
Rasa hormat dan terimakasih bagi semua pihak atas segala dukungan dan
doanya semoga Allah SWT., membalas segala kebaikan yang telah mereka
berikan kepada penulis. Amin.
Penulis menyadari bahwa laporan proyek akhir dan penyusunan laporan
ini, masih memiliki banyak kekurangan. Akhir kata penusun ucapkan terima kasih
banyak kepada semua pihak yang telah membantu dan semoga Allah SWT
melimpahkan karunianya dalam setiap amal kebaikan kita dan diberikan balasan.
Amin.
Surabaya, Juli 2019
Penulis
xiii
DAFTAR ISI
Halaman
ABSTRAK....... ...................................................................................................... ix
ABSTRACT........... ................................................................................................. x
KATA PENGANTAR ........................................................................................... xi
DAFTAR ISI........ ................................................................................................ xiii
DAFTAR GAMBAR .......................................................................................... xvii
BAB I PENDAHULUAN ...................................................................................... 1
1.1 Latar Belakang Masalah ................................................................... 1
1.2 Rumusan Masalah ............................................................................ 3
1.3 Batasan Masalah ............................................................................... 3
1.4 Tujuan ............................................................................................... 4
1.5 Manfaat ............................................................................................. 4
1.6 Sistematika Penulisan ....................................................................... 4
BAB II LANDASAN TEORI ................................................................................. 6
2.1 Website ............................................................................................. 6
2.2 E-Commerce ..................................................................................... 6
2.3 Data................................................................................................... 6
2.4 System Development Life Cycle ...................................................... 7
2.5 Database ........................................................................................... 8
2.6 Perancangan Sistem .......................................................................... 8
2.7 Interaksi Manusia dan Komputer ..................................................... 9
2.8 Panorama .......................................................................................... 9
xiv
2.9 Foto 360 Derajat ............................................................................... 9
2.10 Sistem ............................................................................................ 10
BAB III ANALISIS DAN DESAIN SISTEM ...................................................... 11
3.1 Analisis Sistem ............................................................................... 11
3.2 Desain Sistem ................................................................................. 11
3.2.1 System Flow ....................................................................... 11
3.2.2 Data Flow Diagram ........................................................... 13
3.2.3 Entity Relationship Diagram .............................................. 19
3.2.4 Struktur Tabel ..................................................................... 22
3.2.5 Desain Input/Output ........................................................... 26
BAB IV IMPLEMENTASI DAN PEMBAHASAN ............................................ 35
4.1 Sistem yang Digunakan .................................................................. 35
4.2 Cara Setup Program ........................................................................ 35
4.3 Penjelasan Pemakaian Program ...................................................... 36
4.3.1 Halaman Login ................................................................... 36
4.3.2 Halaman Utama dan Dashboard ........................................ 38
4.3.3 Halaman Master Durasi Iklan ............................................ 40
4.3.4 Halaman Menu Transaksi ................................................... 40
4.3.5 Registrasi Pengiklan atau Penjual ...................................... 42
4.3.6 Halaman Profil Pengiklan atau Penjual .............................. 42
4.3.7 Halaman Pasang Iklan ........................................................ 44
4.3.8 Halaman Durasi Iklan ......................................................... 47
4.3.9 Halaman Upload Bukti Pembayaran .................................. 48
4.3.10 Halaman Riwayat Iklan Pengiklan atau Penjual ............. 49
xv
BAB V PENUTUP ................................................................................................ 51
5.1 Kesimpulan ..................................................................................... 51
5.2 Saran ............................................................................................... 51
DAFTAR PUSTAKA ........................................................................................... 52
LAMPIRAN...... .................................................................................................... 56
xvi
DAFTAR TABEL
Halaman
Tabel 3. 1 Tabel Master User ................................................................................ 22
Tabel 3. 2 Tabel Master Data Rumah ................................................................... 22
Tabel 3. 3 Tabel Master Foto 360 ......................................................................... 23
Tabel 3. 4 Tabel Master Data Lokasi .................................................................... 24
Tabel 3. 5 Tabel Master User Admin .................................................................... 24
Tabel 3. 6 Tabel Transaksi .................................................................................... 25
Tabel 3. 7 Tabel Master Kelurahan ....................................................................... 25
Tabel 3. 8 Tabel Kecamatan.................................................................................. 25
Tabel 3. 9 Tabel Durasi Iklan ................................................................................ 26
xvii
DAFTAR GAMBAR
Halaman
Gambar 3. 1 System Flow Pemasagan Iklan ......................................................... 12
Gambar 3. 2 Context Diagram .............................................................................. 14
Gambar 3. 3 Data Flow Diagram (DFD) Level 0 ................................................ 15
Gambar 3. 4 DFD Level 1 Hak Akses .................................................................. 16
Gambar 3. 5 DFD Level 1 Mengelola Data Master .............................................. 17
Gambar 3. 6 DFD Level 1 Transaksi Paket Iklan ................................................. 18
Gambar 3. 7 DFD Level 1 Laporan ...................................................................... 19
Gambar 3. 8 Conceptual Data Model ................................................................... 20
Gambar 3. 9 Physical Data Model ........................................................................ 21
Gambar 3. 10 Halaman Login Admin ................................................................... 27
Gambar 3. 11 Halaman Login Penjual .................................................................. 27
Gambar 3. 12 Halaman Dashboard Admin ........................................................... 28
Gambar 3. 13 Tampilan Menu Admin .................................................................. 29
Gambar 3. 14 Halaman Data Master Durasi Iklan ............................................... 29
Gambar 3. 15 Desain Halaman Transaksi ............................................................. 30
Gambar 3. 16 Halaman Report.............................................................................. 31
Gambar 3. 17 Halaman Pasang Iklan .................................................................... 31
Gambar 3. 18 Halaman Riwayat Iklan .................................................................. 32
Gambar 3. 19 Halaman Utama Dalam Tampilan List........................................... 33
Gambar 3. 20 Halaman Utama Tampilan Peta...................................................... 34
Gambar 4. 1 Halaman Login Admin ....................................................................37
xviii
Gambar 4. 2 Fitur-fitur pada Dashboard admin ................................................... 37
Gambar 4. 3 Halaman Login Pengiklan ................................................................ 38
Gambar 4. 4 Halaman Dashboard Admin ............................................................. 38
Gambar 4. 5 Halaman Utama Pengiklan atau Penjual Rumah.............................. 39
Gambar 4. 6 Halaman Master Durasi Iklan .......................................................... 40
Gambar 4. 7 Display Bukti Transfer ..................................................................... 41
Gambar 4. 8 Menu Transaki Admin ...................................................................... 41
Gambar 4. 9 Form pendaftaran pengiklan atau penjual ........................................ 42
Gambar 4. 10 Halaman Profil Penjual atau Pengiklan .......................................... 43
Gambar 4. 11 Pemberitahuan bahwa Data Berhasil Disimpan ............................. 43
Gambar 4. 12 Tahap Pilih Lokasi Rumah ............................................................. 44
Gambar 4. 13 Tahap Pilih Lokasi Rumah ............................................................. 45
Gambar 4. 14 Tampilan tabs menu foto 360º ....................................................... 46
Gambar 4. 15 Tampilan tabs menu foto biasa....................................................... 47
Gambar 4. 16 Halaman Durasi Iklan.................................................................... 48
Gambar 4. 17 Halaman Upload Bukti Pembayaran .............................................. 48
Gambar 4. 18 Tabs menu sedang tayang ............................................................... 49
Gambar 4. 19 Tabs menu Belum Tayang .............................................................. 49
Gambar 4. 20 Tampilan halaman detail rumah ..................................................... 50
xix
DAFTAR LAMPIRAN
Halaman
Lampiran 1. Laporan Pendapatan Iklan ................................................................ 56
Lampiran 2. Listing Program ............................................................................... 57
Lampiran 3. Kartu Bimbingan Proyek Akhir........................................................62
1
BAB I
PENDAHULUAN
1.1 Latar Belakang Masalah
Kegiatan jual beli merupakan suatu kegiatan rutin yang terjadi pada
setiap harinya. Kegiatan jual beli tersebut akan terlaksana apabila terjadi
kesepakatan antara kedua belah pihak untuk melakukan pertukaran barang
ataupun jasa dengan uang (Weetman, 2013:31).
Seiring dengan perkembangan teknologi yang ada, sarana yang dapat
digunakan untuk melakukan kegiatan jual beli pun berkembang menjadi lebih
modern. Kegiatan jual beli tidak mengharuskan penjual dan pembeli bertemu
secara langsung untuk melakukan sebuah transaksi. Penjual dapat menjual
atau menawarkan produk melalui website e-commerce, forum-forum jual beli
maupun melalui sarana jual beli online yang lainnya sedangkan calon pembeli
dapat melihat produk maupun jasa yang penjual tawarkan melalui
saranasarana tersebut.
E-marketplace merupakan implementasi dari konsep pasar, yaitu
tempat penawaran dan permintaan bertemu. E-marketplace dikembangkan
untuk mempertemukan pembeli dan penjual dalam jumlah besar sehingga
memperluas pilihan bagi pembeli serta memperbesar peluang dan akses bagi
penjual untuk bertemu dengan calon pembeli baru yang bertujuan mengurangi
biaya transaksi bagi kedua belah pihak secara bersamaan (Cruz-Cunhaa,
Varajao, & Isabel Miranda, 2012:961).
2
E-marketplace menjadi pihak ketiga yang memediasi penawaran dan
permintaan, memfasilitasi interaksi antara pembeli dan penjual dalam
berinteraksi untuk menegosiasikan harga, meningkatkan rasa kepercayaan dan
membantu proses transaksi.
Berdasarkan survei Rumah.com Property Affordability Sentiment
Index 2016, ternyata 98 persen dari konsumen properti di Indonesia
menempatkan lokasi sebagai faktor penting dalam pemilihan hunian. Property
Affordability Sentiment Index 2016 merupakan survei yang dilakukan
Rumah.com bersama lembaga riset Intuit Research dari Singapura dengan
total 1.030 responden dari seluruh Indonesia. Survei ini berlangsung selama
November-Desember 2016.
Berikut 10 faktor utama yang menjadi pertimbangan pencari properti
dalam memilih hunian:
1. Lokasi (98 persen)
2. lingkungan (87 persen)
3. Akses menuju transportasi publik (81 persen)
4. Infrastruktur dan fasilitas sekitar (77 persen)
5. Harga per meter persegi (72 persen)
6. Luas bangunan (71 persen)
7. Desain dan konstruksi (64 persen)
8. Fasilitas dalam lingkungan properti (63 persen)
9. Rencana pengembangan area (57 persen)
3
10. Kesiapan untuk ditempati (56 persen)
Berdasarkan faktor tersebut maka dikembangkan sebuah aplikasi
emarketplace jual beli rumah yang memiliki fitur menggambarkan lokasi
rumah dan sekitarnya dalam bentuk 3Dimensi yang mana menggunakkan
mode Street View milik Google, serta memberikan informasi kondisi di dalam
ruang secara 360º dengan metode panorama sehingga dapat membantu
pembeli dalam memilih rumah sesuai kriteria yang diinginkan.
1.2 Rumusan Masalah
Berdasarkan latar belakang masalah di atas, maka dapat dirumuskan
permasalahan adalah sebagai berikut:
a. Bagaimana merancang bangun aplikasi pemasaran digital menggunakkan
strategi “Rumah 360” berbasis website yang memudahkan pihak pembeli
maupun penjual rumah ?
b. Bagaimana merancang bangun Aplikasi Pemasaran Digital Jual Beli Rumah
Menggunakkan Strategi “Rumah 360” berbasis website untuk melakukan
pendataan rumah yang dijual, melakukan pemetaan rumah dijual, menampilkan
gambaran rumah secara 360o dengan metode panorama ?
1.3 Batasan Masalah
Berdasarkan rumusan masalah di atas, maka dapat disusun batasan
masalah sebagai berikut:
1. Tidak membahas sistem pembayaran KPR.
2. Sistem yang dibuat digunakan oleh penjual rumah dan pembeli rumah
3. Sistem yang dibahas meliputi :
4
a. Membuat Hak Akses untuk penjual rumah
b. Menambahkan, mengedit, menghapus informasi rumah yang dijual
c. Mempetakan rumah yang dijual pada google maps
d. Terdapat filter harga rumah untuk ditampilkan pada google maps
1.4 Tujuan
Berdasarkan perumusan masalah dan batasan masalah di atas, maka
tujuan dari proyek akhir ini adalah membuat aplikasi pemasaran digital jual beli
rumah mengunakan strategi“ rumah 360 ” berbasis website.
1.5 Manfaat
Manfaat yang diharapkan dari pembuatan Aplikasi Pemsaran Digital Jual
Beli Rumah Menggunakan Strategi “Rumah 360” berbasis website adalah :
1. Penjual rumah dapat dengan mudah memasarkan daftar rumah dijual
yang dimilikinya
2. Pembeli rumah memperoleh informasi optimal dari rumah yang akan
dibelinya
3. Membantu pembeli rumah mendapatkan rumah yang diharapkan
berdasarkan harga, informasi lokasi, dan kondisi rumah
1.6 Sistematika Penulisan
Sistematika penulisan Laporan Proyek rancang bangun aplikasi
pemasaran digital jual beli rumah menggunakan strategi “rumah 360” berbasis
website adalah sebagai berikut:
Bab pertama pendahuluan membahas tentang latar belakang masalah,
perumusan masalah, batasan masalah dari sistem yang dibuat, tujuan pembuatan
sistem, manfaat yang diperoleh, serta sistematika penulisan laporan yang dibuat.
5
Bab kedua landasan teori membahas tentang sistem, informasi, sistem
informasi, penjualan, databse, pemrograman website, dan system development life
cycle, interaksi manusia dan komputer, panorama, foto 360º, perancangan sistem,
sistem.
Bab ketiga analisis dan desain sistem membahas tentang prosedur dan
langkah-langkah sistematis dalam menyelesaikan proyek ini. Bab ini juga berisi
tentang Document Flow, System Flow, Context Diagram, Data Flow Diagram,
Entity Relationship Diagram.
Bab keempat implementasi dan pembahasan mengenai sistem yang
digunakan untuk mendukung jalannya aplikasi ini yang meliputi hardware
maupun software. Selain itu, bab ini juga menjelaskan tentang cara penggunaan
dari aplikasi.
Bab kelima penutup membahas tentang kesimpulan atau ringkasan/inti
dari bab-bab sebelumnya dan bab ini juga memuat saran-saran yang dapat
diterapkan untuk perbaikan dan pengembangan sistem selanjutnya.
6
BAB II
LANDASAN TEORI
2.1 Website
Website menurut Arief diartikan sebagai salah satu aplikasi dengan
beragam dokumen multimedia (teks, gambar, animasi, video) di dalamnya yang
menggunakan protokol HTTP (Hypertext Transfer Protocol) dan untuk
mengaksesnya menggunakan perangkat lunak yang disebut browser Arief (2011:
7).
2.2 E-Commerce
E-commerce merupakan suatu istilah yang sering digunakan atau didengar
saat ini yang berhubungan dengan internet, dimana tidak seorangpun yang
mengetahui jelas pengertian dari e-commerce tersebut.
Menurut Jony Wong (2010 : 33) pengertian dari electronic commerce
adalah pembelian, penjualan dan pemasaran barang serta jasa melalui sistem
elektronik. Seperti radio, televisi dan jaringan computer atau internet.
Jadi pengertian e-commerce adalah proses transaksi jual beli yang dilakukan
melalui internet dimana website digunakan sebagai wadah untuk melakukan
proses tersebut.
2.3 Data
Menurut Siyoto dan Sodik, data adalah sesuatu yang dikumpulkan oleh
peneliti berupa fakta empiris yang digunakan untuk memecahkan masalah atau
menjawab pertanyaan penelitian.
7
2.4 System Development Life Cycle
Dalam system development life cycle (SDLC) terdapat metode waterfall,
yaitu 5 tahapan penyelesaian masalah untuk membuat dan mengembangkan suatu
aplikasi (Pressman, 2015). Berikut keenam tahapan SDLC:
a. Communication
Tahap awal pada model waterfall ini yaitu komunikasi dengan
konsumen/pelanggan. Tahap communication merupakan langkah yang penting
karena menyangkut pengumpulan informasi tentang kebutuhan
konsumen/pengguna. Tahapan yang dilakukan dalam communication adalah
analisis kebutuhan bisnis, studi literatur, analisis kebutuhan pengguna, dan
analisis kebutuhan perangkat lunak.
b. Planning
Tahap kedua yaitu planning (perencanaan), pada proses ini merencanakan
pengerjaan software yang akan dibangun. Planning meliputi tugas-tugas yang
akan dilakukan mencakup resiko yang mungkin terjadi, hasil yang akan dibuat
dan jadwal pengerjaan.
c. Modeling
Tahap ketiga adalah modeling, tahap ini dapat dikerjakan jika tahap
communication dan planning telah teridentifikasi. Pada tahap modeling ini
menerjemahkan syarat kebutuhan sistem ke sebuah perancangan perangkat lunak
yang dapat diperkirakan sebelum dibuat coding. Proses ini fokus pada rancangan
struktur data, arsitektur software dan representasi interface.
d. Contruction
8
Tahap keempat yaitu construction, construction merupakan proses
membuat kode (code generation). Coding atau pengkodean merupakan
penerjemahan desain dalam bahasa yang bisa dikenali oleh komputer.
Programmer menerjemahkan transaksi yang diminta oleh pengguna. Tahapan
inilah yang merupakan tahapan secara nyata dalam mengerjakan suatu software,
artinya penggunaan computer dimaksimalkan dalam tahapan ini. Setelah
pengkodean selesai maka dilakukan testing terhadap sistem yang telah dibuat.
Tujuan testing adalah menemukan kesalahan-kesalahan terhadap sistem tersebut
untuk kemudian bisa diperbaiki.
e. Deployment
Tahap akhir yaitu deployment, tahapan ini bisa dikatakan final dalam
pembuatan sebuah software atau sistem. Setelah melakukan analisis, desain dan
pengkodean maka sistem yang sudah jadi akan digunakan oleh pengguna.
Selanjutnya software yang telah dibuat harus dilakukan pemeliharaan secara
berkala.
2.5 Database
Pengertian database adalah sekumpulan program - program aplikasi
umum yang bersifat batch yang mengeksekusi dan memproses data secara umum
seperti pencarian, peremajaan, penambahan, dan penghapusan terhadap data
(Ladjmudin 2013:129).
2.6 Perancangan Sistem
Perancangan sistem menurut Diana dan Setiawati (2011:48)
mendefinisikan bahwa perancangan sistem merupakan sekumpulan prosedur yang
dilakukan untuk mengubah spesifikasi logis menjadi desain yang dapat
9
diimplementasikan ke sistem komputer organisasi. Desain tersebut meliputi
desain laporan, laporan,formulir, data, dan proses informasi. Pada tahap ini dibuta
rencana pengujian dan implementasi sistem yang baru serta pelatihan karyawan.
2.7 Interaksi Manusia dan Komputer
Interaksi manusia dan komputer ialah disiplin ilmu yang mempelajari suatu
hubungan antara manusia serta komputer yang meliputi perancangan, evaluasi,
serta implementasi antarmuka pengguna komputer agar mudah digunakan oleh
manusia.
Sedangkan interaksi manusia dan komputer itu sendiri ialah serangkaian
proses, dialog serta kegiatan yang dilakukan oleh manusia untuk berinteraksi
dengan komputer secara interaktif untuk dapat melaksanakan serta menyelesaikan
tugas yang diinginkan.
2.8 Panorama
Panorama adalah gambar yang melukiskan pandangan umum atau secara
luas tentang sebagian wilayah sesuatu negeri. Panorama dipertunjukkan bagian
demi bagian pada suatu saat engan membuka gulungan demi gulungan di
hadapan penonton.
Sedangkan menurut Kamus Besar Bahasa Indonesia Panorama adalah
pemandangan alam yang bebas dan luas.
2.9 Foto 360 Derajat
Foto 360 Derajat adalah hasil dari pengolahan foto digital yang
berbentuk foto panorama. Foto panorama tersebut kemudian diolah untuk
dijadikan software yang dapat melihat ke atas, dan ke bawah, memutar atau
diperbesar. Foto ini menggunakan teknologi informasi yang canggih sehingga
10
dapat membuat pengguna yang melihatnya seolah-olah berada di tempat yang
mereka lihat. Untuk lebih jelasnya tentang Foto 360 Derajat, aku akan jelaskan
secara detail pada postingan kali ini.
2.10 Sistem
Pengertian sistem menurut Romney dan Steinbart (2015:3) Sistem adalah
rangkaian dari dua atau lebih komponen-komponen yang saling berhubungan,
yang berinteraksi untuk mencapai suatu tujuan.Sebagian besar sistem terdiridari
subsistem yang lebih kecil yang mendukung sistem yang lebih besar.
Definisi sistem menurut Mulyadi (2016:5), Sistem adalah “suatu jaringan
prosedur yang dibuat menurut pola yang terpadu untuk melaksanakan kegiatan
pokok perusahaan”.
11
BAB III
ANALISIS DAN DESAIN SISTEM
3.1 Analisis Sistem
Analisis sistem ini digunakan untuk melihat proses-proses sistem baru
yang akan dibuat. Dari analisa sistem ini juga bisa melihat perbedaan antara
sistem yang lama dengan sistem yang baru. Analisa sistem ini berisi dan System
Flow, Data Flow Diagram dan Entity Relationship Diagram.
3.2 Desain Sistem
Berdasarkan analisis yang telah dilakukan, maka dibuatlah sistem yang
baru. Sistem yang baru tersebut dapat digambarkan pada system flow
komputerisasi berikut ini:
3.2.1 System Flow
System flow (Sysflow) memuat hasil analisis yang dibutuhkan dalam
pembuatan aplikasi e-marketplace “Rumah 360” yang memuat proses pemasangan
iklan rumah dijual.
A. System Flow Pemasangan Iklan
System Flow pemasangan iklan adalah suatu proses pemasangan iklan rumah yang
dijual melalui sistem. Pada Gambar 4.1 dijelaskan awal proses pemasangan iklan
dimulai dari penjual (agen rumah) memasukkan data rumah yang dijual.
Kemudian sistem akan menyimpan data hasil inputan tersebut. Setelah itu sistem
akan menampilkan paket durasi iklan penjual mendapatkan informasi data paket
durasi iklan. Kemudian penjual memilih paket durasi iklan
12
yang tersedia pada tampilan website. Setelah itu pelanggan melakukan
pembayaran dengan cara mentransfer uang sejumlah nominal dari paket iklan
yang dipilih. Kemudian penjual melakukan upload bukti transfer yang sudah
dilakukan. Setelah itu admin akan melakukan konfimari pembayaran dari penjual
dan setelah dikonfirmasi, sistem akan menyimpan data pembayaran. Terakhir
sistem menampilkan data rumah.
Gambar 3. 1 System Flow Pemasagan Iklan
13
3.2.2 Data Flow Diagram
Data Flow Diagram digunakan untuk menggambarkan aliran data dan
proses yang terjadi dalam sebuah sistem serta entitas-entitas apa saja yang terlibat.
A. Context Diagram
Context diagram dari aplikasi pemsaran digital jual beli rumah
menggunakan strategi “Rumah 360”, ini terdiri dari dua entitas dengan aliran data
masing-masing yang saling terkait. Dua entitas tersebut adalah entitas Penjual,
dan Penjual. Dua entitas tersebut memberikan masukan dan keluaran data yang
diperlukan seperti yang digambarkan pada Gambar 3.2.
B. Data Flow Diagram Level 0
Data Flow Diagram digunakan untuk menggambarkan aliran data dan
proses yang terjadi dalam sebuah sistem serta entitas-entitas yang terlibat
didalamnya. Context diagram dibagi menjadi sub-sub proses yang lebih kecil,
dengan cara decompose context diagram dan disebut DFD Level 0. DFD Level 0
aplikasi pemasaran digital jual beli rumah menggunakan strategi “Rumah 360”
terdiri dari empat proses, tiga entitas dan enam data store. Proses yang pertama
adalah proses mengelola data master, proses kedua adalah proses mengelola hak
ases, ketiga proses mengelola transaksi pembayaran, keempat proses pembuatan
laporan pembelian. Enam data store yang tertera adalah data Admin, penjual,
rumah, lokasi, transaksi, durasi,. Pada Gambar 3.3 dijelaskan proses pengisian
data master dilakukan oleh penjual. Kemudian proses mengelola hak akses
dilakukan oleh penjual dan admin. Setelah itu proses mengelola transaksi
pembayaran yang dilakukan oleh penjual dan admin. Kemudian proses membuat
laporan yang dilakukan oleh admin, dan penjual mendapatakan informasi rumah
14
yang sudah diinputkan. DFD Level 0 dapat dilihat secara lengkap Pada Gambar
3.3.
La
po
ran D
ura
si
Ikla
n
Info
rma
si P
en
jua
l
Info
rma
si R
um
ah
La
po
ran R
um
ah
Info
rma
si T
ransa
ksi
Info
rma
si R
um
ah
Info
rma
si P
en
jua
l
Da
ta T
ran
saksi
Da
ta R
um
ah
Da
ta P
enju
al
0
Aplik
asi M
ark
etp
lac
e J
ua
l B
eli
Rum
ah
"R
um
ah 3
60
" +
PE
NJU
AL
Pem
be
li
Gam
bar
3. 2
Cont
ext
Diag
ram
15
Dib
aca
Dib
aca
Dib
aca
Dis
impa
n
Dib
aca
Dis
impa
nD
iba
ca
Dib
aca
Dib
aca
Dis
impa
n
Dis
impa
n
Dib
aca
Dib
aca
[In
form
asi T
ransa
ksi]
[Da
ta T
ran
saksi]
[La
po
ran P
enda
pa
tan I
kla
n p
er
Pe
riod
e]
[La
po
ran P
enda
pa
tan I
kla
n A
kum
ula
si
pe
r B
ula
n]
Info
Lo
gin
Da
ta L
ogin
Info
Lo
gin
Da
ta L
ogin
[In
form
asi P
en
jua
l]
[In
form
asi R
um
ah]
[In
form
asi R
um
ah]
[In
form
asi P
en
jua
l]
[Da
ta R
um
ah
]
[Da
ta P
enju
al]
Adm
in
Adm
in
Adm
in
Adm
inA
dm
in
Adm
in
Adm
in
Pem
be
li
Pem
be
li
Adm
in
1
Men
ge
lola
Data
Maste
r
2
Men
ge
lola
Hak A
kses
3
Men
ge
lola
Tra
nskasi
Pe
mba
ya
ran
4
Mem
bua
t L
apo
ran
Adm
in
1A
dm
in2
Pen
jual
3R
um
ah
4Lo
kasi
6Tra
nsaksi
7D
ura
si
G
amba
r 3. 3
Data
Flow
Diag
ram
(DF
D)
Leve
l 0
16
C. Data Flow Diagram Level 1
DFD Level 1 dari mengelola hak akses pada aplikasi pemasaran digital
“Rumah 360”. DFD Level 1 mengelola hak akses mempunyai dua proses, yang
pertama adalah validasi hak akses admin dan yang kedua validasi hak akes
penjual. DFD level 1 dari mengelola hak akases dapat dilihat pada Gambar 3.4.
Gambar 3. 4 DFD Level 1 Hak Akses
DFD Level 1 dari mengelola data master pada aplikasi pemasaran digital
“Rumah 360”, menjelaskan secara umum proses yang dilakukan saat megelola
data master. DFD level 1 dari mengeolola data master dapat dilihat pada Gambar
3.5.
Dibaca
Informasi Login
Data Login
[Data Login]
[Info Login]
[Dibaca]
Admin
Admin
1 Admin
2 Penjual
2.1
Validasi Hak Akses Admin
Penjual
2.2
Validasi Hak Akses Penjual
17
Dis
impa
n
Dib
aca
[In
form
asi R
um
ah]
[In
form
asi P
en
jua
l]
Info
rma
si R
um
ah
Da
ta R
um
ah
[Dis
impa
n]
[Dib
aca
]
[Dib
aca
]
[Dis
impa
n]
[Dis
impa
n]
[Dib
aca
]
Info
ram
si P
en
jua
l
Da
ta P
enju
al
Dis
impa
n
Dib
aca
Info
ram
si D
ura
si Ik
lan
Da
ta D
ura
si
Ikla
n
Pem
be
li
Pem
be
li
3R
um
ah
4Lo
kasi
3R
um
ah
4Lo
kasi
2P
en
jual
2P
en
jual
1.1
Men
ge
lola
Data
Maste
r D
ura
si I
kla
n
1.2
Men
ge
lola
Data
Maste
r R
um
ah
1.3
Men
ge
lola
Data
Maste
r P
enju
al
Pen
jual
Adm
in
8D
ura
si Ik
lan
Pen
jual
9F
oto
360
G
a
m
b
a
r
3
.
5
D
F
D
L
e
v
e
l
18
DFD Level 1 dari transaksi paket iklan pada aplikasi pemasaran digital
“Rumah 360”. DFD level 1 transaksi paket iklan memmpunyai tiga proses, yang
pertama menampilkan paket iklan, yang kedua menyimpan pembayaran paket
iklan, ketiga konfirmasi pembayaran paket iklan. DFD level 1 dari transaksi paket
iklan dapat dilihat pada Gambar 3.6.
Gambar 3. 6 DFD Level 1 Transaksi Paket Iklan
DFD Level 1 dari laporan pada aplikasi pemasaran digital “Rumah 360”.
DFD level 1 dari laporan terdiri dari dua proses, yang pertama proses laporan
transaksi iklan, dan yang kedua laporan perbulan. DFD level 1 dari laporan dapat
dilihat pada Gambar 3.7
DibacaInformasi Paket Iklan
Dibaca
Informasi Transaksi
Data Konfirmasi
Data Paket Iklan
Disimpan
Data Paket IklanInformasi Paket Iklan
Data Paket Iklan
[Dibaca]
Admin
6 Transaksi
6 Transaksi
7 Durasi3.1
Menampilkan Paket Iklan
Panjual
3.2
Menyimpan Pembayaran Paket Iklan
3.3
Konfirmasi Pembayaran Paket Iklan
19
Gambar 3. 7 DFD Level 1 Laporan
3.2.3 Entity Relationship Diagram
Entity Relationship Diagram digunakan untuk menggambarkan tabel-
tabel yang ada dalam sebuah sistem, berikut relasi antar tabelnya.
A. Conceptual Data Model
Conceptual Data Model pada Rancang Bangun Aplikasi Marketplace Jual
Beli Rumah “Rumah 360”, merupakan model struktur logis dari keseluruhan
aplikasi data. CDM dibawah ini memiliki 10 entity yang saling terhubung.
Adapun Conceptual Data Model tersebut digambarkan pada gambar 3.8.
B. Physical Data Model
Physical Data Model adalah representasi fisik dari database yang dibuat
dengan mempertimbangkan DBMS yang digunakan. PDM pada aplikasi
manajemen distribusi alat keterangan pajak memiliki 10 tabel yang digambarkan
pada Gambar 3.9.
[Informasi Laporan Durasi Iklan]
Dibaca
[Dibaca]
Admin
6 Transaksi
4.1
Laporan Transaksi Iklan
4.2
Laporan Perbulan
20
mem
punyai
mem
iliki
mem
iliki_
1
mem
iliki_
2
Rela
tionship
_5
mem
iliki_
4
mem
ilik_3
Rela
tionship
_9
mela
yani
menyim
pan
data
_ru
mah
# o o o o o o o o o o
id_ru
mah
kete
rangan_ru
mah
kete
rangan_fa
sili
tas
sta
tus_nego
harg
a_to
tal
luas_ta
nah
luas_bangunan
jum
lah_kam
ar_
tdr
jum
lah_kam
ar_
mandi
jum
lah_la
nta
i
jum
lah_klik
Inte
ger
Variable
chara
cte
rs (
250)
Variable
chara
cte
rs (
250)
Variable
chara
cte
rs (
250)
Decim
al
Decim
al
Decim
al
Inte
ger
Inte
ger
Inte
ger
Inte
ger
data
_lo
kasi
# o o o
id_lo
kasi
ala
mat
latitu
de
longtitu
de
Inte
ger
Variable
chara
cte
rs (
50)
Variable
chara
cte
rs (
30)
Variable
chara
cte
rs (
30)
Kelu
rahan
# o
id_kelu
rahan
nam
a_kelu
rahan
Inte
ger
Variable
chara
cte
rs (
50)
Kecam
ata
n
# o
id_kecam
ata
n
nam
a_kecam
ata
n
Inte
ger
Variable
chara
cte
rs (
50)
user
# # o o o o o
em
ail
id_user
passw
ord
_user
nam
a_depan
nam
a_bela
kang
pro
fil
nom
er_
wa
Variable
chara
cte
rs (
50)
Inte
ger
Variable
chara
cte
rs (
50)
Variable
chara
cte
rs (
50)
Variable
chara
cte
rs (
30)
Variable
chara
cte
rs (
250)
Chara
cte
rs (
15)
foto
_360
# o
id_fo
to_360
nam
a_fil
e
Inte
ger
Variable
chara
cte
rs (
100)
foto
# o
id_fo
to
nam
a_fli
e
Inte
ger
Variable
chara
cte
rs (
100)
Dura
si_
Ikla
n
# o o
id_dura
si
dura
si
harg
a
Inte
ger
Inte
ger
Decim
al
Tra
nsaksi
# o o o
id_tr
ansaksi
sta
tus_bayar
tanggal
bukti_tf
Inte
ger
Chara
cte
rs (
1)
Date
& T
ime
Variable
chara
cte
rs (
250)
Adm
in
# o
user_
adm
in
pw
_adm
in
Variable
chara
cte
rs (
50)
<U
ndefin
ed>
G
a
m
b
a
r
3
.
8
C
o
n
c
e
p
21
id_kecamatan = id_kecamatan
id_kelurahan = id_kelurahan
id_kecamatan = id_kecamatan
id_lokasi = id_lokasi
email = email
id_user = id_user
id_rumah = id_rumah
id_rumah = id_rumah
id_durasi = id_durasi
id_transaksi = id_transaksi
user_admin = user_admin
id_rumah = id_rumah
data_rumah
id_rumah
id_user
id_lokasi
keterangan_rumah
keterangan_fasilitas
status_nego
harga_total
luas_tanah
luas_bangunan
jumlah_kamar_tdr
jumlah_kamar_mandi
jumlah_lantai
jumlah_klik
INTEGER
VARCHAR(50)
INTEGER
INTEGER
VARCHAR(250)
VARCHAR(250)
VARCHAR(250)
NUMBER
NUMBER
NUMBER
INTEGER
INTEGER
INTEGER
INTEGER
<pk>
<fk2>
<fk2>
<fk1>
data_lokasi
id_lokasi
id_kecamatan
id_kelurahan
alamat
latitude
longtitude
INTEGER
INTEGER
INTEGER
VARCHAR(50)
VARCHAR(30)
VARCHAR(30)
<pk>
<fk2>
<fk1>
Kelurahan
id_kelurahan
id_kecamatan
nama_kelurahan
INTEGER
INTEGER
VARCHAR(50)
<pk>
<fk>
Kecamatan
id_kecamatan
nama_kecamatan
INTEGER
VARCHAR(50)
<pk>
user
id_user
password_user
nama_depan
nama_belakang
profil
nomer_wa
VARCHAR(50)
INTEGER
VARCHAR(50)
VARCHAR(50)
VARCHAR(30)
VARCHAR(250)
CHAR(15)
<pk>
<pk>
foto_360
id_foto_360
id_rumah
nama_file
INTEGER
INTEGER
VARCHAR(100)
<pk>
<fk>
foto
id_foto
id_rumah
nama_flie
INTEGER
INTEGER
VARCHAR(100)
<pk>
<fk>
Durasi_Iklan
id_durasi
id_transaksi
durasi
harga
INTEGER
INTEGER
INTEGER
NUMBER
<pk>
<fk>
Transaksi
id_transaksi
id_durasi
user_admin
id_rumah
status_bayar
tanggal
bukti_tf
INTEGER
INTEGER
VARCHAR(50)
INTEGER
CHAR(1)
DATETIME
VARCHAR(250)
<pk>
<fk1>
<fk2>
<fk3>
Admin
user_admin
pw_admin
VARCHAR(50)
<Undefined>
<pk>
Gambar 3. 9 Physical Data Model
22
3.2.4 Struktur Tabel
Struktur Tabel digunakan untuk menggambarkan secara detail tentang
tabel - tabel yang terdapat dalam sebuah sistem. Struktur tabel digambarkan
sebagai berikut:
A. Tabel Master User
Nama Tabel : User
Primary Key : ID_USER, EMAIL
Foreign Key : -
Fungsi : Digunakan untuk menyimpan data User
Tabel 3. 1 Tabel Master User
No Nama Kolom Tipe Data Panjang Keterangan
1 ID_USER Integer 50 Primary Key
2 EMAIL Varchar 50 Primary Key
3 PASSWORD_USER Varchar 100 -
4 NAMA_DEPAN Varchar 50 -
5 NAMA_BELAKANG Varchar 100 -
6 PROFIL Varchar 250 -
7 NOMER_WA Char 15 -
B. Tabel Master Data Rumah
Nama Tabel : Data_Rumah
Primary Key : ID_RUMAH
Foreign Key : EMAIL, ID_USER, ID_LOKASI
Fungsi : Digunakan untuk menyimpan data Rumah
Tabel 3. 2 Tabel Master Data Rumah
No Nama Kolom Tipe Data Panjang Keterangan
1 ID_RUMAH Integer - Primary Key
2 EMAIL Varchar 50 Foreign Key
3 ID_USER Integer 50 Foreign Key
4 ID_LOKASI Integer - Foreign Key
23
No Nama Kolom Tipe Data Panjang Keterangan
5 KETERANGAN_RUMAH Varchar 250
6 KETERANGAN_FASILITAS Varchar 250
7 STATUS_NEGO Varchar 250
8 HARGA_TOTAL Number
9 LUAS_TANAH Number
10 LUAS_BANGUNAN Number
11 JUMLAH_KAMAR_TDR Integer
12 JUMLAH_KAMAR_MANDI Integer
13 JUMLAH_LANTAI Integer
14 JUMLAH_KLIK Integer
C. Tabel Master Foto 360
Nama Tabel : Foto_360
Primary Key : ID_FOTO_360
Foreign Key : -
Fungsi : Digunakan untuk menyimpan data Foto 360
Tabel 3. 3 Tabel Master Foto 360
No Nama Kolom Tipe Data Panjang Keterangan
1 ID_FOTO_360 Integer - Primary Key
2 ID_RUMAH Integer - -
3 NAMA_FILE Varchar 100 -
D. Tabel Master Data Lokasi
Nama Tabel : Data_lokasi
Primary Key : ID_LOKASI
Foreign Key : ID_KECAMATAN
Fungsi : Digunakan untuk menyimpan data Lokasi
24
Tabel 3. 4 Tabel Master Data Lokasi
No Nama Kolom Tipe Data Panjang Keterangan
1 ID_LOKASI Integer - Primary Key
2 ID_KECAMATAN Integer - Foreign Key
3 ID_KELURAHAN Integer - Foreign Key
4 ALAMAT Varchar 50 -
5 LATITUDE Varchar 30 -
6 LONGTITUDE Varchar 30 -
E. Tabel Master Admin
Nama Tabel : Admin
Primary Key : USER_ADMIN
Foreign Key : -
Fungsi : Digunakan untuk menyimpan data User Admin
Tabel 3. 5 Tabel Master User Admin
No Nama Kolom Tipe Data Panjang Keterangan
1 USER_ADMIN Varchar 50 Primary Key
2 PW_ADMIN Varchar 10 -
F. Tabel Transaksi
Nama Tabel : Transaksi
Primary Key : ID_TRANSAKSI
Foreign Key : ID_DURASI, USER_ADMIN, ID_RUMAH
Fungsi : Digunakan untuk menyimpan data Transaksi
25
Tabel 3. 6 Tabel Transaksi
No Nama Kolom Tipe Data Panjang Keterangan
1 ID_TRANSAKSI Integer - Primary Key
2 ID_DURASI Integer - Foreign Key
3 USER_ADMIN Varchar 50 Foreign Key
4 ID_RUMAH Integer - Foreign Key
5 STATUS_BAYAR Char 1 -
6 TANGGAL Date Time - -
7 BUKTI_TF Varchar 250 -
G. Tabel Master Kelurahan
Nama Tabel : Kelurahan
Primary Key : ID_KELURAHAN
Foreign Key : ID_KECAMATAN
Fungsi : Digunakan untuk menyimpan data Kelurahan
Tabel 3. 7 Tabel Master Kelurahan
No Nama Kolom Tipe Data Panjang Keterangan
1 ID_KELURAHAN Integer - Primary Key
2 ID_KECAMATAN Integer - Foreign Key
3 NAMA_KELURAHAN Varchar 50 -
H. Tabel Kecamatan
Nama Tabel : Kecamatan
Primary Key : ID_KECAMATAN
Foreign Key : -
Fungsi : Digunakan untuk menyimpan data Kecamatan
Tabel 3. 8 Tabel Kecamatan
No Nama Kolom Tipe Data Panjang Keterangan
1 ID_KECAMATAN Integer Primary Key
2 NAMA_KECAMATAN Varchar 50 Foreign Key
26
I. Tabel Durasi Iklan
Nama Tabel : Durasi Iklan
Primary Key : ID_DURASI
Foreign Key : ID_TRANSAKSI
Fungsi : Digunakan untuk menyimpan data Durasi Iklan
Tabel 3. 9 Tabel Durasi Iklan
No Nama Kolom Tipe Data Panjang Keterangan
1 ID_DURASI Integer - Primary Key
2 ID_TRANSAKSI Integer - Foreign Key
3 DURASI Integer -
4 HARGA Number
3.2.5 Desain Input/Output
Desain input output merupakan langkah pertama untuk membuat sebuah
aplikasi sistem informasi. Dalam tahap ini user diberikan gambaran tentang
bagaimana sistem ini nantinya dibuat.
A. Desain Halaman Login
Desain halaman login ini terdapat dua halaman, pertama halaman login
admin dan halaman login kustomer. Desain halaman login dapat dilihat pada
Gambar 3.10 dan 3.11.
27
Gambar 3. 10 Halaman Login Admin
Pada halaman login admin terdapat dua kolom, yaitu kolom Username
dan Password. Apabila pengguna sudah memasukkan data Username dan
Password, sistem akan melakukan pemeriksaan apakah data terdapat di database.
Apabila benar maka mengarah ke halaman dahboard yang isinya sesuai dengan
data yang dimasukkan.
Gambar 3. 11 Halaman Login Penjual
28
Pada halaman login penjual terdapat dua kolom, yaitu kolom Email dan
Password. Apabila pengguna sudah memasukkan data Email dan Password,
sistem akan melakukan pemeriksaan apakah data terdapat di database. Apabila
benar maka mengarah ke halaman dahsboard yang isinya sesuai dengan data yang
dimasukkan.
B. Desain Halaman Dashboard dan Menu Admin
Desain halaman dashboard ini terdapat dua halaman, pertama halaman
dashboard admin. Desain halaman dashboard dapat dilihat pada Gambar 3.12.
Gambar 3. 12 Halaman Dashboard Admin
Pada halaman dashboard admin tedapat tombol menu yang memuat menu
: Home, Data Master Durasi Iklan, Transaksi, dan Report. Desain isi menu dapat
dilihat pada Gambar 3.13
29
Gambar 3. 13 Tampilan Menu Admin
C. Halaman Data Master Durasi Iklan
Desain halaman data master durasi iklan. Berguna untuk admin
memasukkan paket iklan yang ditawarkan. Desain halaman data master durasi
iklan dapat dilihat pada Gambar 3.14.
Gambar 3. 14 Halaman Data Master Durasi Iklan
Pada halaman ini admin bisa menambahkan,mengedit paket durasi iklan
yang ditawarkan untuk penjual dalam mengiklankan rumahnya.
30
D. Desain Halaman Transaksi
Halaman Transaksi berfungsi untuk mengelola transaksi. Desain halaman
transaksi dapat dilihat pada Gambar 3.15
Gambar 3. 15 Desain Halaman Transaksi
Pada halaman ini admin bisa mengelola transaksi iklan, terdapat table
yang memuat kebutuhan admin dalam mengelola transaksi dan admin dapat
melakukan konfirmasi pembayaran iklan dengan menekan tombol konfirmasi
pada table untuk setiap transaksinya.
E. Desain Halaman Report
Halaman report berfungsi untuk admin membuat laporan. Desain halaman
report dapat dilihat pada Gambar 3.16
31
Gambar 3. 16 Halaman Report
Pada halaman ini admin bisa mengetathui pendapatan untuk setiap
transaksinya melalui table yang disediakan, dan admin dapat mendownloadnya
dalam bentuk format PDF.
F. Desain Halaman Pasang Iklan
Halaman ini berfungsi untuk penjual melakukan pasang iklan rumah yang
ingin dijual. Desain halaman pasang iklan dapat dilihat pada Gambar 3.17.
Gambar 3. 17 Halaman Pasang Iklan
32
Pada halaman ini penjual rumah melakukan input data rumah yang ingin
diiklankan dan terdapat 3 tahap yaitu : 1. Input Lokasi Rumah, 2. Detail Rumah,
3. Foto Rumah.
G. Desain Halaman Riwayat Iklan
Halaman ini berfungsi untuk melihat riwayat iklan yang sudah diinputkan.
Desain riwayat iklan dapat dilihan pada Gambar 3.18.
Gambar 3. 18 Halaman Riwayat Iklan
Pada halaman ini penjual rumah dapat melihat riwayat iklannya, terdapat 3 tab
menu yaitu : 1. Sedang Tayang, 2. Belum Tayang, 3. Sudah Pernah Tayang.
33
H. Desain Halaman Utama
Halaman ini akan tampil pada saat website dibuka. Terdapat dua Desain
halaman utama yang pertama dalam bentuk list dapat dilihat pada Gambar 3.19
dan yang kedua dalam bentuk titik pada map dapat dilihat pada Gambar 3.20
Gambar 3. 19 Halaman Utama Dalam Tampilan List
Pada halaman utama dalam tampilan list menampilkan rumah-rumah yang
dijual dan setiap listnya terdapat informasi alamat, harga, jumlah kamar tidur,
jumlah kamar mandi dan tombol view more digunakan untuk menampilkan rumah
secara detail.
34
Gambar 3. 20 Halaman Utama Tampilan Peta
Pada halaman utama tampilan peta menampilkan peta yang didalamnya
terdapat titik-titik rumah yang dijual dan setiap titik bila di klik akan
menampilkan content window. Didalam content window tersebut terdapat
informasi judul rumah, alamat, harga, jumlah kamar tidur, jumlah kamar mandi
dan bila pembeli rumah ingin mengetahui lebih lanjut informasi rumah, pembeli
dapat menekan tombol view more untuk menampilkan rumah informasi rumah
secara detail yang sudah diinputkan oleh penjual (pengiklan).
35
BAB IV
IMPLEMENTASI DAN PEMBAHASAN
4.1 Sistem yang Digunakan
Berikut ini adalah hardware dan software yang dibutuhkan untuk
menggunakan aplikasi Sistem Informasi Penjualan Barang Elektronik yaitu:
a. Software Pendukung
Beberapa perangkat lunak yang dibutuhkan dalam Sistem Informasi
Manajemen Distribusi Dokumen Perpajakan ini, yaitu:
1. Sistem Operasi Microsoft Windows 8.1
2. XAMPP versi 3.1.0
3. Notepad ++ versi 7.5.6
b. Hardware Pendukung
Beberapa perangkat keras yang dibutuhkan dalam Sistem Informasi
Manajemen Distribusi Dokumen Perpajakan ini, yaitu:
1. Prosesor Intel Core i3-3110M 2.40 Ghz atau lebih tinggi
2. Memori RAM 2.00 GB atau lebih tinggi
3. Hardisk 100 Gb
4.2 Cara Setup Program
Dalam tahap ini, pengguna harus memperhatikan dengan benar terhadap
instalasi perangkat lunak. Berikut langkah-langkah instalasinya:
a. Install XAMPP versi 3.1.0 pada komputer yang digunakan.
b. Install Notepad ++ versi 7.5.6 pada komputer yang digunakan.
36
c. Salin folder xampp/ htdocs/rumah360/.
d. Buka XAMPP, klik tombol start pada Apache dan Mysql.
e. Buka browser dan ketik localhost/phpmyadmin/.
f. Buat database baru bernama toko, kemudian impor file db_rumah360.sql pada
folder xampp/htdocs/rumah360/.
g. Buka browser dan ketik localhost/rumah360/.
4.3 Penjelasan Pemakaian Program
Tahap ini merupakan langkah-langkah dari pemakaian aplikasi
Pemasaran Digital Jual Beli Rumah Menggunakan Strategi “Rumah 360”. Adapun
penjelasannya akan dijabarkan pada sub bab dibawah ini.
4.3.1 Halaman Login
Aplikasi Pemasaran Digital Jual Beli Rumah “ Rumah 360 ”
mengharuskan pengguna untuk melakukan login agar dapat mengakses fitur-
fitur sesuai hak akses masing- masing user. Fitur-fitur tersebut akan dapat
diakses ketika username dan passwordnya sesuai dengan yang telah ditambah
atau didaftarkan.
Halaman login ke dashboard admin terdapat form input username dan
password seperti pada Gambar 4.1. sesuai yang telah terdaftar agar dapat
mengakses fitur-fitur pada dashboard seperti pada Gambar 4.2.
37
37
Gambar 4. 1 Halaman Login Admin
Gambar 4. 2 Fitur-fitur pada Dashboard admin
Halaman login ke halaman utama penjual terdapat from input email dan
password sesuai yang telah terdaftar agar dapat mengakses fitur- fitur pada
halaman utama penjual atau pengiklan seperti pada Gambar 4.3
38
Gambar 4. 3 Halaman Login Pengiklan
4.3.2 Halaman Utama dan Dashboard
Halaman dashboard merupakan halaman lanjutan yang terbuka setelah
pengguna melakukan proses autentifikasi login oleh admin, halaman ini memiliki
tampilan menu pertama yakni Master yang memiliki sub menu Durasi Iklan.
Kedua menu Transaksi seperti pada Gambar 4.4
Gambar 4. 4 Halaman Dashboard Admin
39
Halaman utama merupakan halaman ini memiliki tampilan menu
Home,menu About Us, menu Akun untuk melakukan Login jika sudah pernah
mendaftar dan registrasi untuk yang belum pernah mendaftar. Agar lebih jelas dapat
dilihat pada Gambar 4.5
Gambar 4. 5 Halaman Utama Pengiklan atau Penjual Rumah
40
4.3.3 Halaman Master Durasi Iklan
Halaman master jenis peserta berfungsi untuk mengelola data durasi iklan.
Terdapat fitur untuk menambah dan mengubah data master durasi iklan. Dapat
dilakukan pencarian pada search, dan menampilkan data jenis peserta sesuai
jumlah show entries seperti pada Gambar 4.6.
Gambar 4. 6 Halaman Master Durasi Iklan
Pada tampilan diatas menampilkan form durasi iklan yang terdiri inputan
antara lain: durasi iklan dalam hari, dan harga iklan dalam rupiah. Tombol simpan
berfungsi untuk menyimpan data inputan yang telah diisi dan seluruh data harus
diisi tidak boleh kosong atau required.
4.3.4 Halaman Menu Transaksi
Halaman menu transaksi berfungsi untuk mengelola data transaksi. Terdapat
fitur melakukan konfirmasi pembayaran dari pengiklan. Dapat dilakukan
pencarian pada search,mengecek bukti transfer dengan mengeklik gambar pada
kolom bukti transfer seperti pada Gambar 4.7.
41
Halaman menu transaksi menampilkan data transaksi sesuai jumlah show
entries seperti pada Gambar 4.8
Gambar 4. 7 Display Bukti Transfer
Gambar 4. 8 Menu Transaki Admin
42
Tombol konfirmasi berfungsi untuk mengkonfirmsi bahwa pengiklan telah
melakukan tranfers pembayaran sesuai yang tertara pada kolom harga setelah di
konfirmasi maka status yang awalnya mengunggu konfirmasi menjadi lunas yang
menandakan iklan telah tayang.
4.3.5 Registrasi Pengiklan atau Penjual
Halaman pendaftaran berfungsi untuk menampilkan form pendaftaran.
Pengguna dapat mengisi data pendaftaran dengan melengkapi sesuai yang
telah ditampilkan dan memenuhi masing-masing tipe field. tombol “Daftar”
untuk menyimpan data yang telah diisi pada form pendaftaran seperti pada
Gambar 4.9
Gambar 4. 9 Form pendaftaran pengiklan atau penjual
4.3.6 Halaman Profil Pengiklan atau Penjual
Halaman daftar peserta berfungsi untuk mengelola data pengiklan atau
penjual. Di halaman tersebut tedapat form antara lain : foto profil, nama depan,
nama belakang, nomer whatsapp, profil penjual seperti pada Gambar 4.10.
43
Tombol simpan data berfungsi untuk menyimpan data inputan yang telah
diisi dan seluruh data harus diisi tidak boleh kosong atau required. Dan akan
muncul pemberitahuan jika sudah behasil di simpan seperti pada Gambar 4.11.
Gambar 4. 10 Halaman Profil Penjual atau Pengiklan
Gambar 4. 11 Pemberitahuan bahwa Data Berhasil Disimpan
44
4.3.7 Halaman Pasang Iklan
Halaman Pasang Iklan berfungsi untuk mendaftarkan rumah yang ingin
diiklankan. Pada proses pengisian data rumah dibagi menjadi 3 tahap yaitu : 1.
Pilih Lokasi, 2. Detail Rumah, 3. Foto Rumah. Dimana tiap tahapan akan
dijelaskan seperti dibawah ini :
1. Pilih Lokasi
Pada tahapan pertama penjual akan menginputkan data-data lokasi dari rumah
yang ingin diiklankan. Dihalaman tersebut terdapat form antara lain : alamat,
kecamatan, kelurahan, keterangan alamat, latitude, dan longtitude. Dimana
latitude dan longtitude tidak dapat diisi dan terisi otomatis ketika maps yang
tersedia sudah diklik lokasinya sesuai dengan alamat rumahnya maka akan
muncul marker atau penanda lokasi dari rumah yang dijual seperti Pada Gambar
4.12. Dan setelah data diinputkan klik tombol lanjutkan untuk tahap selanjutanya.
Gambar 4. 12 Tahap Pilih Lokasi Rumah
45
2. Tahap Detail Rumah
Pada tahapan kedua penjual akan menginputkan data-data detail rumah yang
ingin diiklankan. Dihalaman tersebut terdapat form antara lain : judul rumah, luas
tanah, luas bangunan, harga, status nego, jumlah kamar tidur, jumlah kamar
mandi, jumlah lantai, dan fasiltas yang didapat seperti Pada Gambar 4.13. Dan
setelah semua data telah dilengkapi pengiklan dapat melanjutkan ke tahap ketiga
dengan mengeklik tombol lanjutkan
Gambar 4. 13 Tahap Pilih Lokasi Rumah
46
3. Tahap Foto Rumah
Pada tahapan ketiga penjual akan menginputkan data-data foto rumah yang
ingin diiklankan. Dimana terdapat 2 tabs menu yaitu foto 360º dan foto biasa,
sesuai dengan nama menunya pada menu foto 360º digunakan untuk
memasukkan foto panorma yang kemudian akan diolah oleh aplikasi untuk
dijadikan foto 360º seperti pada gambar 4.14. Sedangkan pada menu foto biasa
digunakan untuk memasukkan foto-foto biasa dari rumah yang ingin diiklankan
seperti pada gambar 4.15. Dan setelah semua data telah dilengkapi pengiklan
dapat melanjutkan dengan mengeklik tombol lanjutkan.
Gambar 4. 14 Tampilan tabs menu foto 360º
47
Gambar 4. 15 Tampilan tabs menu foto biasa
4.3.8 Halaman Durasi Iklan
Halaman Durasi Iklan berfungsi untuk penngiklan agar memilih durasi
penayangan iklan rumah yang dijual. Pada halaman tersebut terdapat 3 pilihan
paket durasi iklan yang setiap paketnya memiliki durasi yang berbeda-beda dan
harga yang berda pula seperti Pada Gambar 4.16
48
Gambar 4. 16 Halaman Durasi Iklan
4.3.9 Halaman Upload Bukti Pembayaran
Halaman upload bukti pembayaran berfungsi untuk menampilkan detail
iklan dan form upload bukti pembayaran. Pengiklan dapat melakukan pembayaran
pada nomer rekening yang tersedia sesuai dengan harga dari paket iklan yang
dipilih kemudian pengiklan dapat menguploadnya yang nantinya kan diproses
oleh admin untuk konfirmasi pembayaraanya, halaman upload bukti pembayaran
dapat dilihat Pada Gambar 4.17.
Gambar 4. 17 Halaman Upload Bukti Pembayaran
49
4.3.10 Halaman Riwayat Iklan Pengiklan atau Penjual
Halaman riwayat iklan berfungsi untuk menampilkan rumah yang sudah
diinputkan. Dimana terdapat 2 tabs menu yaitu Menu Sedang Tayang dan Menu
Belum Tayang, didalam menu sedang tayang menampilkan lsit rumah yang
sedang tayang masa iklannya seperti Pada Gambar 4.18. Sedangkan menu belum
tayang menampilkan list rumah yang belum diiklankan seperti Pada Gambar 4.19.
Gambar 4. 18 Tabs menu sedang tayang
Gambar 4. 19 Tabs menu Belum Tayang
50
Setiap list rumah yang tampil pada masing masing menu memiliki fitur
untuk melihat detail rumah dengan cara mengklik tombol view more dan akan
halaman detail rumah. Tampilan halaman detail rumah dapat dilihat pada gambar
4.20.
Gambar 4. 20 Tampilan halaman detail rumah
51
BAB V
PENUTUP
5.1 Kesimpulan
Berdasarkan hasil rancang bangun aplikasi “Rumah 360” dapat
disimpulkan sebagai berikut:
a. Aplikasi dapat meningkatkan penjualan rumah dari agen property.
b. Aplikasi dapat melakukan proses pengiklanan rumah secara online, dan
menampilkan foto rumah dalam 360º menggunakkan metode panorama.
5.2 Saran
Berdasarkan aplikasi yang sudah dihasilkan oleh penulis, saran yang
diberikan oleh penulis untuk aplikasi “Rumah 360” yaitu :
Aplikasi nantinya dikembangkan dapat melakukan perhitungan simulasi
(Kredit Pemilikan Rumah) KPR.
52
2
DAFTAR PUSTAKA
Abdullah, Thamrin dan Francis Tantri. 2012. Manajemen Pemasaran. Depok : PT
Raja Grafindo Persada.
Al-Bahra Bin Ladjamudin. 2013. Analisis dan Desain Sistem Informasi. Graha
Ilmu. Yogyakarta.
Anastasia Diana, Lilis Setiawati. 2011. Sistem Informasi Akuntansi, Perancangan,
Prosedur dan Penerapan. Edisi 1. Yogyakarta: Andi Yogyakarta.
Arief M Rudianto. 2011. Pemrograman Web Dinamis menggunakan PHP dan
MySQL. C.V ANDI OFFSET. Yogyakarta.
Bassil, Youssef, 2012. A Simulation Model For The Waterfall Software
Development Life. International journal of Engineering & Technology
(iJET), 2(5).
Cruz-Cunhaa, Varajao, & Isabel Miranda.(2012).An e-Marketplace of Healthcare
and Social Care Services: the perceived interest.The Learning
Organization,20,961
Diar Puji Oktavian, (2010). Menjadi Programmer Jempolan Menggunakan PHP:
MediaKom Yogyakarta.
Kamus Besar Bahasa Indonesia. [Online]. Tersedia di:
https://kbbi.web.id/panorama. Diakses 22 Agustus 2019
Mulyadi. (2016). Sistem Informasi Akuntansi. Jakarta: Salemba Empat.
P. Weetman. 2013. INTERNATIONAL RESEARCH JOURNAL OF FINANCE
AND ECONOMICS. Advances in International Accounting, 109, 31.
http://www.internationalresearchjournaloffinanceandeconomics.com
Pressman, R.S. 2015. Rekayasa Perangkat Lunak: Pendekatan Praktisi Buku I.
Yogyakarta: Andi
Romney,Marshall B., dan Paul John Steinbart. 2015.Accounting Information
Systems, 13thed. England: Pearson Educational Limited
53
Setiawan, Parta. 2019. Pengertian Interaksi Manusia Komputer Terlengkap.
Tersedia di : https://www.gurupendidikan.co.id/pengertian-interaksi-
manusia-komputer-terlengkap/
Shadily, Hassan. Ensiklopedi Indonesia. Ichtiar Baru - Van Hoeve & Elsevier
Publishing Projects. Jakarta, Hal. 2538.
Subhan, Mohamad. 2012. Analisa Perancangan Sistem. Jakarta : Lentera Ilmu
Cendikia.
Susilo,Edi. 2015. Sekilas Tentang Foto 360 Derajat Yang Perlu Kamu
Tau![internet]. Tersedia di : https://www.edisusilo.com/sekilas-tentang-
foto-360-derajat/
Siyoto, Sandu., & Sodik, Ali. (2015). Dasar Metodelogi Penelitian. Yogyakarta:
Literasi Media Publishing.
Wong, Jony, 2010, Internet Marketing for Beginners, Elex Media Komputindo,
Jakarta.
