Sistem Informasi Penyewaan Lahan dan Pel
Sistem Informasi Penyewaan Lahan dan Pelayanan Kontruksi di Pasar Cimol Berbasis Web
(Akik Hidayat – Wizzy Mochammad Andhika)
SISTEM INFORMASI PENYEWAAN LAHAN DAN PELAYANAN KONSTRUKSI
DI PASAR CIMOL BERBASIS WEB
Akik Hidayat1, Wizzy Mochammad Andhika2
1) Prodi Informatika
Departemen Ilmu Komputer Fakultas MIPA Universita Padjadjaran
E-mail : akik.hidayat@ymail.com
2) Sistem Informasi
E-mail : wizzy@gmail.com
ABSTRAK
Sistem informasi penyewaan lahan dan pelayanan konstruksi ini adalah sebuah
aplikasi yang menyediakan informasi dari beberapa proses yang terdiri dari informasi
tentang lahan yang tersedia khususnya di pusat perbelanjaan pasar Cimol Bandung,
penulis membuat Sistem Informasi ini dilakukan dengan cara pengumpulan data,
perencanaan sistem, analisa sistem, dan perancangan sistem dengan databasenya.
Dalam aplikasi ini terdapat menu utama yaitu Home, Lokasi, Tentang, dan
kontak. Sedangkan untuk perancangan tujuannya adalah memberikan kemudahan
kepada pihak user saat mencari informasi tentang lahan yang tersedia di pasar Cimol
Bandung, dan memberi kemudahan kepada pihak admin untuk menyewakan lahannya
secara online kepada calon konsumen yang ingin menyewa lahan di Pasar Cimol Bandung,
meminimalisir kesalahan dalam melakukan sewa menyewa antara user dan admin, dan
memudahkan admin menerima daftar tentang siapa saja yang menyewa lahan.
Kata Kunci: Aplikasi, Sewa Lahan, Sistim Informasi
terangkum didalam sebuah domain atau
juga subdomain, yang lebih tempatnya
berada di dalam World Wide Web yang
tentunya terdapat di dalam Internet.
Halaman website biasanya berupa
dokumen yang ditulis dalam format Hyper
Text Markup Language, yang bisa diakses
melalui HTTP, HTTP adalah suatu protokol
yang menyampaikan berbagai informasi
dari server website untuk ditampilkan
kepada para user atau pemakai melalui
web browser. (Edy Winarno, Ali Zaki Easy
Web Programming with plus HTML 5,
2005)
2.3
Pengertian MySQL
Beberapa menurut para ahli,
diantaranya: Menurut, Sistem dapat
didefinisikan dengan pendekatan prosedur
II. LANDASAN TEORI
2.1 Pengertian Aplikasi
Perangkat lunak aplikasi (software
application) adalah suatu subkelas
perangkat
lunak
komputer
yang
memanfaatkan kemampuan komputer
langsung untuk melakukan suatu tugas
yang diinginkan pengguna. Biasanya
dibandingkan dengan perangkat lunak
sistem yang mengintegrasikan berbagai
kemampuan komputer, tapi tidak secara
langsung
menerapkan
kemampuan
tersebut untuk mengerjakan suatu tugas
yang menguntungkan pengguna [Jogiyanto
HM 1999, hal 2].
2.2 Pengertian Website
Website adalah kumpulan dari
berbagai macam halaman situs, yang
51
Sistem Informasi Penyewaan Lahan dan Pelayanan Kontruksi di Pasar Cimol Berbasis Web
(Akik Hidayat – Wizzy Mochammad Andhika)
dibuat dengan bahasa HTML dan XHTML.
(Rahmat Fajhar, 2016).
2.6 Bootstrap
Bootstrap
merupakan
sebuah
framework CSS yang menyediakan
kumpulan
komponen-komponen
antarmuka dasar pada web yang telah
dirancang
sedemikian
rupa untuk
digunakan
bersama-sama.
Selain
komponen
antarmuka,
Bootstrap
juga menyediakan
sarana
untuk
membangun layout halaman dengan
mudah dan rapi, serta modifikasi pada
tampilan dasar HTML untuk membuat
seluruh halaman web yang dikembangkan
senada dengan komponen-komponen
pengembang
lainnya.
Mengutip
yang menciptakan Bootstrap, Bootstrap
dibuat untuk memberikan sekumpulan
perangkat yang dapat digunakan untuk
membangun website sederhana dengan
mudah. (academia.edu: 2016).
2.7 Bahasa Pemrograman PHP
PHP singkatan dari PHP Hypertext
Preprocessor. PHP merupakan bahasa
berbentuk script yang ditempatkan dalam
server dan diproses di server. Hasilnya yang
akan dikirimkan ke client, tempat pemakai
menggunakan browser.
Secara khusus, PHP dirancang untuk
membentuk web dinamis. Artinya, ia dapat
membentuk suatu tampilan berdasarkan
permintaan terkini. Misalnya, anda dapat
menampilkan isi database ke halaman
web. Pada prinsipnya, PHP mempunyai
fungsi yang sama dengan script-script
seperti ASP (Active Server Page), Cold
Fusion, ataupun Perl. (Abdul Kadir : 2001).
dan pendekatan komponen, sistem dapat
didefinisikan sebagai kumpulan dari
prosedur-prosedur
yang
mempunyai
tujuan tertentu, Sistem adalah kumpulan
elemen yang saling berhubungan dan
berinteraksi dalam satu kesatuan untuk
menjalankan suatu proses pencapaian
suatu tujuan utama. Dari pendapat yang
dikemukakan di atas dapat disimpulkan
bahwa sistem adalah suatu kupulan atau
kelompok dari elemen atau komponen
yang saling berhubungan atau saling
berinteraksi dan saling bergantung satu
sama lain untuk mencapai tujuan tertentu.
(Bambang Hariyanto , Dasar Informatika
Dan Ilmu Komputer, 2004)
2.4
Pengertian phpMyAdmin
phpMyAdmin adalah perangkat
lunak bebas yang ditulis dalam bahasa
pemrograman PHP yang digunakan
untuk menangani administrasi MySQL
melalui Jejaring Jagat Jembar basis data,
tabel-tabel, bidang , relasi , indeks,
pengguna, perijinan, dan lain-lain. Pada
dasarnya, mengelola basis data dengan
MySQL harus dilakukan dengan cara
mengetikkan baris-baris perintah yang
sesuai (command line) untuk setiap
maksud tertentu. Jika seseorang ingin
membuat basis data, ketikkan baris
perintah yang sesuai untuk membuat
basis data.
(Hariningsih SP, Teknologi Informasi,
2004).
2.5 CSS
Cascading
Style
Sheet (CSS)
merupakan aturan untuk mengatur
beberapa komponen dalam sebuah web
sehingga akan lebih terstruktur dan
seragam. CSS
Pada umumnya CSS dipakai untuk
memformat tampilan halaman web yang
52
Sistem Informasi Penyewaan Lahan dan Pelayanan Kontruksi di Pasar Cimol Berbasis Web
(Akik Hidayat – Wizzy Mochammad Andhika)
2.8
Bahasa Pemograman JavaScript
JavaScript
adalah
bahasa
pemograman web yang bersifat Client Side
Programming Language. Client Side
Programming
Language adalah
tipe
bahasa pemograman yang pemrosesannya
dilakukan oleh client. Aplikasi client yang
dimaksud
merujuk
kepada web
browser seperti
Google
Chrome dan
Mozilla Firefox. (duniailkom.com: 2016).
2.9 Unified Modeling Language (UML)
Unified Modeling Language (UML)
adalah sebuah bahasa yang berdasarkan
grafik
atau
gambar
untuk
memvisualisasikan,
menspesifikasikan,
membangun dan pendokumentasian dari
sebuah sistem pengembangan perangkat
lunak berbasis objek OOP (Object Oriented
Programming) (Informatika.web.id, 2016).
2.10 DataBase
Database atau basis data adalah
kumpulan data yang disimpan secara
sistematis di dalam komputer yang dapat
diolah atau dimanipulasi menggunakan
perangkat lunak (program aplikasi) untuk
menghasilkan informasi. Pendefinisian
basis data meliputi spesifikasi berupa tipe
data, struktur data dan juga batasanbatasan data yang akan disimpan.
(termasmedia.com: 2016).
2.11.
XAMPP
XAMPP adalah perangkat lunak
bebas, yang mendukung untuk banyak
sistem operasi, yang merupakan kompilasi
dari beberapa program. Fungsi XAMPP
sendiri adalah sebagai server yang berdiri
sendiri (localhost), yang terdiri beberapa
program antara lain Apache HTTP Server,
MySQL database, dan penerjemah bahasa
yang
ditulis
dengan
bahasa
pemrograman PHP dan Perl.
(Yayat
Sriman: 2009).
III. ANALISIS DAN PERANCANGAN SISTEM
3.1 Perancangan Sistem
Perancangan sistem ini bertujuan untuk
mempermudah pengolahan informasi dan
data, sehingga data yang masuk dan
diperoleh dapat dengan mudah dilakukan
oleh dua belah pihak (admin dan user).
Sistem yang baik harus memiliki arah data
yang masuk dan keluar yang jelas serta
dapat
dimengerti
oleh
pengguna
mengenai fungsi dari sistem tersebut.
Oleh sebab itu, harus diketahui bagaimana
bentuk datanya.
3.1.1 Use Case Diagram
Diagram
Use
Case
adalah
rangkaian/uraian sekelompok yang saling
terkait dan membentuk sistem secara
teratur yang dilakukan atau diawasi oleh
sebuah actor, Adapun Use Case diagram
untuk aplikasi ini dapat dilihat pada
gambar dibawah ini:
53
Sistem Informasi Penyewaan Lahan dan Pelayanan Kontruksi di Pasar Cimol Berbasis Web
(Akik Hidayat – Wizzy Mochammad Andhika)
Melihat halaman web
LOGIN
Cek lahan
Terima penawaran
Pesan lahan
ADMIN
USER
Input penawaran
Input data
Tambah lahan
Logout
Daftar admin
Cek penawaran
Gambar 3.1. Use Case Diagram
Membuka
halaman web
Melihat lahan
dagang
Tidak
Pesan
lahan
YA
Masukan
penawaran
Login admin
Ya
Daftar
admin
Tidak
Logout
Tambah
lahan
Daftar lahan
tersewakan
Lihat penawaran
Terima
penawaran
Gambar 3.3 Activity Diagram Sistem Informasi Cimol
54
Sistem Informasi Penyewaan Lahan dan Pelayanan Kontruksi di Pasar Cimol Berbasis Web
(Akik Hidayat – Wizzy Mochammad Andhika)
Gambar 3.4 Penjelasan Aplikasi Dari Activity Diagram
diagram digunakan untuk menggambarkan
scenario dan rangkaian langkah – langkah
yang dilakukan sebagai sebuah respon dari
kejadian/even untuk menghasilkan output
tertentu, proses dan perubahan apa saja
yang terjadi secara internal dan output apa
yang dihasilkan.
Adapun Sequence diagram untuk aplikasi
ini dapat dilihat pada gambar di bawah ini:
3.1.2 Sequence Diagram
Sequence diagram menggambarkan
interaksi antar objek di dalam dan di
sekitar sistem (termasuk pengguna,
display, dan sebagainya) berupa message
yang digambarkan terhadap waktu.
Sequece diagram terdiri atas dimensi
vertikal (waktu) dan dimensi horizontal
(objek-objek yang terkait). Sequence
ADMIN
Halaman
Utama
Home
Admin
Login
Penawaran
Logout
Masuk halaman utama
Login admin
Tambah lahan
Cek penawaran
Logout
Halaman utama
Gambar 3.5 Sequence Diagram Admin Sistem Informasi Cimol
55
Sistem Informasi Penyewaan Lahan dan Pelayanan Kontruksi di Pasar Cimol Berbasis Web
(Akik Hidayat – Wizzy Mochammad Andhika)
Halaman
Utama
Home
Lokasi
Tentang
Kontak
USER
Masuk halaman utama
Melihat Deskripsi
Melihat lahan
Melihat kelas
Pesan lahan
isi data
Melihat deskripsi website
Cek kontak
Gambar 3.6 Sequence Diagram User Sistem Informasi Cimol
3.1.3 Class Diagram
Class diagram adalah diagram yang
menggambarkan struktur sistem dari segi
pendefinisian kelas-kelas yang akan dibuat
untuk membangun sistem. kelas memiliki
3 bagian utama yaitu attribute, operation,
dan name. kelas-kelas yang ada pada
struktur sistem harus dapat melakukan
fungsi-fungsi sesuai dengan kebutuhan
sistem. Dengan diagram ini akan
menjelaskan tentang alur program dengan
lebih detail dang lebih bisa dimengerti
bagaimana sistem akan bekerja dengan
baiknya adapun Diagram class untuk
aplikasi ini dapat dilihat pada gambar di
bawah ini:
Penjual
Konsumen
+
+
+
+
+
+
+
+
+
+ id_konsumen
+ id_penjual
+ id_lahan
+ nama
+ telepon
+ keterangan
+ melihat()
+ cek lahan()
+ pesan lahan()
+ input penawaran()
+input data()
id_penjual
nama
email
telepon
username
password
login()
tambah lahan()
terima penawaran()
Lahan
+
+
+
+
+
+
id_lahan
luas_lahan
kelas_lahan
keterangan
harga_lahan
id_penjual
Gambar 3.7 Class Diagram Sistem Informasi Cimol
56
Sistem Informasi Penyewaan Lahan dan Pelayanan Kontruksi di Pasar Cimol Berbasis Web
(Akik Hidayat – Wizzy Mochammad Andhika)
Gambar 3.8 Penjelasan dari Class Diagram
mempunyai hubungan antara data, untuk
menggambarkannya digunakan beberapa
notasi dan symbol. Adapun ERD untuk
aplikasi ini dapat dilihat pada gambar di
bawah ini:
3.1.4 ERD (Entity Relationship Diagram)
ERD (Entity Relationship Diagram)
adalah suatu model untuk menjelaskan
hubungan andar data dalam basis data
berdasarkan objek – objek dasar data yang
kelas_lahan
gambar
email
luas_lahan
keterangan
harga_lahan
id
nama
username
Penjual
Menginputkan
Lahan
N
judul
telepon
id_lahan
password
N
username
Memilih
I
keterangan
Konsumen
id_lahan
id
nama
telepon
Gambar 3.9 ERD Sistem Informasi Cimol
57
username
Sistem Informasi Penyewaan Lahan dan Pelayanan Kontruksi di Pasar Cimol Berbasis Web
(Akik Hidayat – Wizzy Mochammad Andhika)
IV. HASIL DAN IMPLEMENTASI
4.1 Penjelasan dan tampilan program
4.1.1 Halaman utama
Gambar 4.1 Tampilan menu utama (home).
4.1.2 Menu Lokasi
Gambar 4.2 Tampilan menu lokasi
4.1.3 Menu Kontak
Gambar 4.3 Tampilan menu kontak
58
Sistem Informasi Penyewaan Lahan dan Pelayanan Kontruksi di Pasar Cimol Berbasis Web
(Akik Hidayat – Wizzy Mochammad Andhika)
4.1.4 Menu Pesan Lahan
Gambar 4.4 Tampilan pesan lahan
4.1.5 Menu Tambah Lahan
Gambar 4.5 Tampilan tambah lahan
4.1.6 Menu Penawaran Lahan
Gambar 4.6 Tampilan penawaran lahan
59
Sistem Informasi Penyewaan Lahan dan Pelayanan Kontruksi di Pasar Cimol Berbasis Web
(Akik Hidayat – Wizzy Mochammad Andhika)
4.1.7 Menu Lahan Tersewakan
Gambar 4.7 Tampilan lahan tersewakan
V. DAFTAR PUSTAKA
Abdul Kadir. 2001. Pengertian bahasa
pemrograman php, Sumber dari buku
(Pengertian Unified Modeling Language
(UML)).
Ariyanto Darmawan. 2014. Struktur
Perancangan Diagram, Diakses pada tahun
2016.
Dewa Dirga. 2010. Penjelasan Struktur
Perancangan Diagram, Diakses pada tahun
2016.
Gerhana M.P. 2012. Analisis dan Desain
Sistem Informasi: Pengertian dari sebuah
website. Jakarta: Gerhana
Gumilang R. 2013. Mengkaji Lebih Dalam
Sistem Komputer. Diakses pada tahun
2016
SP
Hariningsih.
2011.
Pengertian
phpMyAdmin pengantar SP Hariningsi:
2011
60
(Akik Hidayat – Wizzy Mochammad Andhika)
SISTEM INFORMASI PENYEWAAN LAHAN DAN PELAYANAN KONSTRUKSI
DI PASAR CIMOL BERBASIS WEB
Akik Hidayat1, Wizzy Mochammad Andhika2
1) Prodi Informatika
Departemen Ilmu Komputer Fakultas MIPA Universita Padjadjaran
E-mail : akik.hidayat@ymail.com
2) Sistem Informasi
E-mail : wizzy@gmail.com
ABSTRAK
Sistem informasi penyewaan lahan dan pelayanan konstruksi ini adalah sebuah
aplikasi yang menyediakan informasi dari beberapa proses yang terdiri dari informasi
tentang lahan yang tersedia khususnya di pusat perbelanjaan pasar Cimol Bandung,
penulis membuat Sistem Informasi ini dilakukan dengan cara pengumpulan data,
perencanaan sistem, analisa sistem, dan perancangan sistem dengan databasenya.
Dalam aplikasi ini terdapat menu utama yaitu Home, Lokasi, Tentang, dan
kontak. Sedangkan untuk perancangan tujuannya adalah memberikan kemudahan
kepada pihak user saat mencari informasi tentang lahan yang tersedia di pasar Cimol
Bandung, dan memberi kemudahan kepada pihak admin untuk menyewakan lahannya
secara online kepada calon konsumen yang ingin menyewa lahan di Pasar Cimol Bandung,
meminimalisir kesalahan dalam melakukan sewa menyewa antara user dan admin, dan
memudahkan admin menerima daftar tentang siapa saja yang menyewa lahan.
Kata Kunci: Aplikasi, Sewa Lahan, Sistim Informasi
terangkum didalam sebuah domain atau
juga subdomain, yang lebih tempatnya
berada di dalam World Wide Web yang
tentunya terdapat di dalam Internet.
Halaman website biasanya berupa
dokumen yang ditulis dalam format Hyper
Text Markup Language, yang bisa diakses
melalui HTTP, HTTP adalah suatu protokol
yang menyampaikan berbagai informasi
dari server website untuk ditampilkan
kepada para user atau pemakai melalui
web browser. (Edy Winarno, Ali Zaki Easy
Web Programming with plus HTML 5,
2005)
2.3
Pengertian MySQL
Beberapa menurut para ahli,
diantaranya: Menurut, Sistem dapat
didefinisikan dengan pendekatan prosedur
II. LANDASAN TEORI
2.1 Pengertian Aplikasi
Perangkat lunak aplikasi (software
application) adalah suatu subkelas
perangkat
lunak
komputer
yang
memanfaatkan kemampuan komputer
langsung untuk melakukan suatu tugas
yang diinginkan pengguna. Biasanya
dibandingkan dengan perangkat lunak
sistem yang mengintegrasikan berbagai
kemampuan komputer, tapi tidak secara
langsung
menerapkan
kemampuan
tersebut untuk mengerjakan suatu tugas
yang menguntungkan pengguna [Jogiyanto
HM 1999, hal 2].
2.2 Pengertian Website
Website adalah kumpulan dari
berbagai macam halaman situs, yang
51
Sistem Informasi Penyewaan Lahan dan Pelayanan Kontruksi di Pasar Cimol Berbasis Web
(Akik Hidayat – Wizzy Mochammad Andhika)
dibuat dengan bahasa HTML dan XHTML.
(Rahmat Fajhar, 2016).
2.6 Bootstrap
Bootstrap
merupakan
sebuah
framework CSS yang menyediakan
kumpulan
komponen-komponen
antarmuka dasar pada web yang telah
dirancang
sedemikian
rupa untuk
digunakan
bersama-sama.
Selain
komponen
antarmuka,
Bootstrap
juga menyediakan
sarana
untuk
membangun layout halaman dengan
mudah dan rapi, serta modifikasi pada
tampilan dasar HTML untuk membuat
seluruh halaman web yang dikembangkan
senada dengan komponen-komponen
pengembang
lainnya.
Mengutip
yang menciptakan Bootstrap, Bootstrap
dibuat untuk memberikan sekumpulan
perangkat yang dapat digunakan untuk
membangun website sederhana dengan
mudah. (academia.edu: 2016).
2.7 Bahasa Pemrograman PHP
PHP singkatan dari PHP Hypertext
Preprocessor. PHP merupakan bahasa
berbentuk script yang ditempatkan dalam
server dan diproses di server. Hasilnya yang
akan dikirimkan ke client, tempat pemakai
menggunakan browser.
Secara khusus, PHP dirancang untuk
membentuk web dinamis. Artinya, ia dapat
membentuk suatu tampilan berdasarkan
permintaan terkini. Misalnya, anda dapat
menampilkan isi database ke halaman
web. Pada prinsipnya, PHP mempunyai
fungsi yang sama dengan script-script
seperti ASP (Active Server Page), Cold
Fusion, ataupun Perl. (Abdul Kadir : 2001).
dan pendekatan komponen, sistem dapat
didefinisikan sebagai kumpulan dari
prosedur-prosedur
yang
mempunyai
tujuan tertentu, Sistem adalah kumpulan
elemen yang saling berhubungan dan
berinteraksi dalam satu kesatuan untuk
menjalankan suatu proses pencapaian
suatu tujuan utama. Dari pendapat yang
dikemukakan di atas dapat disimpulkan
bahwa sistem adalah suatu kupulan atau
kelompok dari elemen atau komponen
yang saling berhubungan atau saling
berinteraksi dan saling bergantung satu
sama lain untuk mencapai tujuan tertentu.
(Bambang Hariyanto , Dasar Informatika
Dan Ilmu Komputer, 2004)
2.4
Pengertian phpMyAdmin
phpMyAdmin adalah perangkat
lunak bebas yang ditulis dalam bahasa
pemrograman PHP yang digunakan
untuk menangani administrasi MySQL
melalui Jejaring Jagat Jembar basis data,
tabel-tabel, bidang , relasi , indeks,
pengguna, perijinan, dan lain-lain. Pada
dasarnya, mengelola basis data dengan
MySQL harus dilakukan dengan cara
mengetikkan baris-baris perintah yang
sesuai (command line) untuk setiap
maksud tertentu. Jika seseorang ingin
membuat basis data, ketikkan baris
perintah yang sesuai untuk membuat
basis data.
(Hariningsih SP, Teknologi Informasi,
2004).
2.5 CSS
Cascading
Style
Sheet (CSS)
merupakan aturan untuk mengatur
beberapa komponen dalam sebuah web
sehingga akan lebih terstruktur dan
seragam. CSS
Pada umumnya CSS dipakai untuk
memformat tampilan halaman web yang
52
Sistem Informasi Penyewaan Lahan dan Pelayanan Kontruksi di Pasar Cimol Berbasis Web
(Akik Hidayat – Wizzy Mochammad Andhika)
2.8
Bahasa Pemograman JavaScript
JavaScript
adalah
bahasa
pemograman web yang bersifat Client Side
Programming Language. Client Side
Programming
Language adalah
tipe
bahasa pemograman yang pemrosesannya
dilakukan oleh client. Aplikasi client yang
dimaksud
merujuk
kepada web
browser seperti
Chrome dan
Mozilla Firefox. (duniailkom.com: 2016).
2.9 Unified Modeling Language (UML)
Unified Modeling Language (UML)
adalah sebuah bahasa yang berdasarkan
grafik
atau
gambar
untuk
memvisualisasikan,
menspesifikasikan,
membangun dan pendokumentasian dari
sebuah sistem pengembangan perangkat
lunak berbasis objek OOP (Object Oriented
Programming) (Informatika.web.id, 2016).
2.10 DataBase
Database atau basis data adalah
kumpulan data yang disimpan secara
sistematis di dalam komputer yang dapat
diolah atau dimanipulasi menggunakan
perangkat lunak (program aplikasi) untuk
menghasilkan informasi. Pendefinisian
basis data meliputi spesifikasi berupa tipe
data, struktur data dan juga batasanbatasan data yang akan disimpan.
(termasmedia.com: 2016).
2.11.
XAMPP
XAMPP adalah perangkat lunak
bebas, yang mendukung untuk banyak
sistem operasi, yang merupakan kompilasi
dari beberapa program. Fungsi XAMPP
sendiri adalah sebagai server yang berdiri
sendiri (localhost), yang terdiri beberapa
program antara lain Apache HTTP Server,
MySQL database, dan penerjemah bahasa
yang
ditulis
dengan
bahasa
pemrograman PHP dan Perl.
(Yayat
Sriman: 2009).
III. ANALISIS DAN PERANCANGAN SISTEM
3.1 Perancangan Sistem
Perancangan sistem ini bertujuan untuk
mempermudah pengolahan informasi dan
data, sehingga data yang masuk dan
diperoleh dapat dengan mudah dilakukan
oleh dua belah pihak (admin dan user).
Sistem yang baik harus memiliki arah data
yang masuk dan keluar yang jelas serta
dapat
dimengerti
oleh
pengguna
mengenai fungsi dari sistem tersebut.
Oleh sebab itu, harus diketahui bagaimana
bentuk datanya.
3.1.1 Use Case Diagram
Diagram
Use
Case
adalah
rangkaian/uraian sekelompok yang saling
terkait dan membentuk sistem secara
teratur yang dilakukan atau diawasi oleh
sebuah actor, Adapun Use Case diagram
untuk aplikasi ini dapat dilihat pada
gambar dibawah ini:
53
Sistem Informasi Penyewaan Lahan dan Pelayanan Kontruksi di Pasar Cimol Berbasis Web
(Akik Hidayat – Wizzy Mochammad Andhika)
Melihat halaman web
LOGIN
Cek lahan
Terima penawaran
Pesan lahan
ADMIN
USER
Input penawaran
Input data
Tambah lahan
Logout
Daftar admin
Cek penawaran
Gambar 3.1. Use Case Diagram
Membuka
halaman web
Melihat lahan
dagang
Tidak
Pesan
lahan
YA
Masukan
penawaran
Login admin
Ya
Daftar
admin
Tidak
Logout
Tambah
lahan
Daftar lahan
tersewakan
Lihat penawaran
Terima
penawaran
Gambar 3.3 Activity Diagram Sistem Informasi Cimol
54
Sistem Informasi Penyewaan Lahan dan Pelayanan Kontruksi di Pasar Cimol Berbasis Web
(Akik Hidayat – Wizzy Mochammad Andhika)
Gambar 3.4 Penjelasan Aplikasi Dari Activity Diagram
diagram digunakan untuk menggambarkan
scenario dan rangkaian langkah – langkah
yang dilakukan sebagai sebuah respon dari
kejadian/even untuk menghasilkan output
tertentu, proses dan perubahan apa saja
yang terjadi secara internal dan output apa
yang dihasilkan.
Adapun Sequence diagram untuk aplikasi
ini dapat dilihat pada gambar di bawah ini:
3.1.2 Sequence Diagram
Sequence diagram menggambarkan
interaksi antar objek di dalam dan di
sekitar sistem (termasuk pengguna,
display, dan sebagainya) berupa message
yang digambarkan terhadap waktu.
Sequece diagram terdiri atas dimensi
vertikal (waktu) dan dimensi horizontal
(objek-objek yang terkait). Sequence
ADMIN
Halaman
Utama
Home
Admin
Login
Penawaran
Logout
Masuk halaman utama
Login admin
Tambah lahan
Cek penawaran
Logout
Halaman utama
Gambar 3.5 Sequence Diagram Admin Sistem Informasi Cimol
55
Sistem Informasi Penyewaan Lahan dan Pelayanan Kontruksi di Pasar Cimol Berbasis Web
(Akik Hidayat – Wizzy Mochammad Andhika)
Halaman
Utama
Home
Lokasi
Tentang
Kontak
USER
Masuk halaman utama
Melihat Deskripsi
Melihat lahan
Melihat kelas
Pesan lahan
isi data
Melihat deskripsi website
Cek kontak
Gambar 3.6 Sequence Diagram User Sistem Informasi Cimol
3.1.3 Class Diagram
Class diagram adalah diagram yang
menggambarkan struktur sistem dari segi
pendefinisian kelas-kelas yang akan dibuat
untuk membangun sistem. kelas memiliki
3 bagian utama yaitu attribute, operation,
dan name. kelas-kelas yang ada pada
struktur sistem harus dapat melakukan
fungsi-fungsi sesuai dengan kebutuhan
sistem. Dengan diagram ini akan
menjelaskan tentang alur program dengan
lebih detail dang lebih bisa dimengerti
bagaimana sistem akan bekerja dengan
baiknya adapun Diagram class untuk
aplikasi ini dapat dilihat pada gambar di
bawah ini:
Penjual
Konsumen
+
+
+
+
+
+
+
+
+
+ id_konsumen
+ id_penjual
+ id_lahan
+ nama
+ telepon
+ keterangan
+ melihat()
+ cek lahan()
+ pesan lahan()
+ input penawaran()
+input data()
id_penjual
nama
telepon
username
password
login()
tambah lahan()
terima penawaran()
Lahan
+
+
+
+
+
+
id_lahan
luas_lahan
kelas_lahan
keterangan
harga_lahan
id_penjual
Gambar 3.7 Class Diagram Sistem Informasi Cimol
56
Sistem Informasi Penyewaan Lahan dan Pelayanan Kontruksi di Pasar Cimol Berbasis Web
(Akik Hidayat – Wizzy Mochammad Andhika)
Gambar 3.8 Penjelasan dari Class Diagram
mempunyai hubungan antara data, untuk
menggambarkannya digunakan beberapa
notasi dan symbol. Adapun ERD untuk
aplikasi ini dapat dilihat pada gambar di
bawah ini:
3.1.4 ERD (Entity Relationship Diagram)
ERD (Entity Relationship Diagram)
adalah suatu model untuk menjelaskan
hubungan andar data dalam basis data
berdasarkan objek – objek dasar data yang
kelas_lahan
gambar
luas_lahan
keterangan
harga_lahan
id
nama
username
Penjual
Menginputkan
Lahan
N
judul
telepon
id_lahan
password
N
username
Memilih
I
keterangan
Konsumen
id_lahan
id
nama
telepon
Gambar 3.9 ERD Sistem Informasi Cimol
57
username
Sistem Informasi Penyewaan Lahan dan Pelayanan Kontruksi di Pasar Cimol Berbasis Web
(Akik Hidayat – Wizzy Mochammad Andhika)
IV. HASIL DAN IMPLEMENTASI
4.1 Penjelasan dan tampilan program
4.1.1 Halaman utama
Gambar 4.1 Tampilan menu utama (home).
4.1.2 Menu Lokasi
Gambar 4.2 Tampilan menu lokasi
4.1.3 Menu Kontak
Gambar 4.3 Tampilan menu kontak
58
Sistem Informasi Penyewaan Lahan dan Pelayanan Kontruksi di Pasar Cimol Berbasis Web
(Akik Hidayat – Wizzy Mochammad Andhika)
4.1.4 Menu Pesan Lahan
Gambar 4.4 Tampilan pesan lahan
4.1.5 Menu Tambah Lahan
Gambar 4.5 Tampilan tambah lahan
4.1.6 Menu Penawaran Lahan
Gambar 4.6 Tampilan penawaran lahan
59
Sistem Informasi Penyewaan Lahan dan Pelayanan Kontruksi di Pasar Cimol Berbasis Web
(Akik Hidayat – Wizzy Mochammad Andhika)
4.1.7 Menu Lahan Tersewakan
Gambar 4.7 Tampilan lahan tersewakan
V. DAFTAR PUSTAKA
Abdul Kadir. 2001. Pengertian bahasa
pemrograman php, Sumber dari buku
(Pengertian Unified Modeling Language
(UML)).
Ariyanto Darmawan. 2014. Struktur
Perancangan Diagram, Diakses pada tahun
2016.
Dewa Dirga. 2010. Penjelasan Struktur
Perancangan Diagram, Diakses pada tahun
2016.
Gerhana M.P. 2012. Analisis dan Desain
Sistem Informasi: Pengertian dari sebuah
website. Jakarta: Gerhana
Gumilang R. 2013. Mengkaji Lebih Dalam
Sistem Komputer. Diakses pada tahun
2016
SP
Hariningsih.
2011.
Pengertian
phpMyAdmin pengantar SP Hariningsi:
2011
60