komputerisasi sistem penjualan barang reklame...oleh karena itu pada kesempatan ini penulis dengan...

91
1 SISTEM INFORMASI PENDAFTARAN PADA RUMAH SUSUN JATIRAWASARI JAKARTA TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma III RAHAYU YULIANINGSIH NIM : 12144346 Program Studi Manajemen Informatika Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika Jakarta 2017

Upload: others

Post on 16-Mar-2021

16 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

1

SISTEM INFORMASI PENDAFTARAN PADA RUMAH

SUSUN JATIRAWASARI JAKARTA

TUGAS AKHIR

Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma III

RAHAYU YULIANINGSIH

NIM : 12144346

Program Studi Manajemen Informatika

Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika

Jakarta

2017

Page 2: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

2

Page 3: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

3

Page 4: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

4

Page 5: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

5

Page 6: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

6

KATA PENGANTAR

Page 7: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

7

Assalamu’alaikum Wr. Wb

Alhamdulillah puji syukur penulis panjatkan khadirat Allah SWT atas

limpahan rahmat dan hidayah-Nya, sehingga penulis dapat menyelesaikan Tugas

Akhir ini dengan baik. Tidak lupa Salam dan Sholawat tetap tercurah kepada

Rasulullah sebagai penyempurna akhlak umat manusia dan pembawa kabar baik

bagi orang-orang yang beriman dan bertaqwa. Adapun judul Tugas Akhir yang

penulis buat dengan judul “Sistem Informasi Pendaftaran Pada Rumah Susun

Jatirawasari Jakarta”.

Tujuan penulis membuat Tugas Akhir ini adalah sebagai salah satu syarat

kelulusan Program Diploma Tiga (D.III) Jurusan Manajemen Informatika di

Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika

(AMIK-BSI).

Tugas Akhir ini dapat terselesaikan atas Bimbingan, petunjuk, saran dan

bantuan dari berbagi pihak. Oleh karena itu pada kesempatan ini penulis dengan

ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat :

1. Direktur Akademi Manajemen Informatika dan Komputer Bina Sarana

Informatika.

2. Ketua Jurusan Manajemen Informatika AMIK BSI.

3. Bapak Frieyadie selaku Dosen Pembimbing Tugas Akhir.

4. Bapak Mohammad Haddiel Fuad selaku Asisten Dosen Pembimbing

Tugas Akhir.

5. Kepalas UPRS Jatirawasari, admin dan seluruh jajaran staff rusun

Jatirawasari

6. Staff/karyawan/dosen dilingkungan Akademi BSI.

7. Kedua orang tua tercinta dan segenap keluarga yang telah memberikan

kasih sayang dan dukungannya yang tak terhingga.

8. Teman-teman jurusan Manajemen Informatika angkatan 2014 yang

namanya tidak bisa disebutkan satu persatu.

Serta semua pihak yang tidak dapat penulis sabutkan satu persatu. Penulis

Page 8: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

8

Page 9: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

9

ABSTRAK

Rahayu Yulianingsih (12144346), Sistem Informasi Pendaftaran Pada

Rumah Susun Jatirawasari Jakarta

Kebutuhan hunian terutama di ibukota semakin mendesak seiring dengan

pertumbuhan penduduk yang tinggi, masih banyak masyarakat yang kesulitan

mendapatkan hunian sehingga terpaksa menempati area permukiman kumuh dan

ilegal. Untuk mengatasi masalah tersebut, pemerintah memberikan solusi melalui

rumah susun. Dan untuk mendapatkan rumah susun tersebut masyarakat masih

melakukan pendaftaran secara manual. Rumusan masalah dari penelitian ini

adalah bagaimana membuat sistem informasi pndaftaran pada rumah susun

Jatirawasri. Metode penelitian yang digunakan adalah pustaka, observasi, analisis,

perancangan, uji coba dan implementasi.

Sistem informasi pendaftaran ini dibangun dengan bahasa pemrograman

PHP serta memanfaatkan database MySQL sebagai database server. Hasil dari

penelitian ini adalah sistem informasi pendaftaran penghuni baru berbasis web

yang memiliki kemampuan memberikan kemudahan bagi calon penghuni baru

untuk memperoleh semua informasi tentang pendaftaran secara online.

Kata Kunci : Perangkat Lunak, Sistem Informasi Pendaftaran Rumah Susun

Page 10: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

10

ABSTRACT

Rahayu Yulianingsih (12144346), Sistem Informasi Pendaftaran Pada

Rumah Susun Jatirawasari Jakarta

Residential needs, especially in the capital increasingly urgent along with the

high population growth, there are still many people who have difficulty getting a

residential so forced to occupy the area of slums and illegal settlements. To

overcome these problems, the government provides solutions through flats. And to

get the flats people are still doing the registration manually. The problem

formulation of this research is how to make registration information system at

Jatirawasri flats. The research method used is literature, observation, analysis,

design, trial and implementation.

This registration information system is built with PHP programming language as

well as utilizing MySQL database as database server. The result of this research

is a new web-based registration information system that has the capability of

providing new prospective residents to obtain all information about online

registration.

Keywords : Software, , Registration Information System Flats.

Page 11: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

11

DAFTAR ISI

Lembar Judul Tugas Akhir .............................................................................. i

Lembar Pernyataan Keaslian Tugas Akhir ..................................................... ii

Lembar Pernyataan Persetujuan Publikasi Karya Ilmiah .............................. iii

Lembar Persetujuan dan Pengesahan Tugas Akhir ....................................... iv

Lembar Konsultasi Tugas Akhir .................................................................... v

Kata Pengantar ............................................................................................. vii

Abstrak .......................................................................................................... ix

Daftar Isi ................................................................................................................ xi

Daftar Simbol .............................................................................................. xiii

Daftar Gambar ............................................................................................. xiv

Daftar Tabel .................................................................................................. xv

BAB I PENDAHULUAN ....................................................................... 1

1.1. Latar Belakang Masalah ....................................................... 1

1.2. Maksud dan Tujuan .............................................................. 2

1.3. Metode Penelitian ................................................................. 2

1.4. Ruang Lingkup ..................................................................... 5

1.5. Sistematika Penulisan ............................................................ 6

BAB II LANDASAN TEORI ................................................................... 7

2.1. Konsep Dasar Web ............................................................... 7

2.1.1. Pengertian Internet ................................................... 7

2.1.2. Bahasa Pemrograman ............................................. 10

2.1.3. Basis Data .............................................................. 13

2.1.4. Model Pengembangan Perangkat Lunak ............... 16

2.2. Teori Pendukung ................................................................ 18

2.2.1. Struktur Navigasi ................................................... 18

2.2.2. ERD (Entity Relationship Diagram) ...................... 21

2.2.3. LRS (Logical Record Structure) ............................ 24

2.2.4. Alat Pendukung ...................................................... 25

2.2.5. Pengujian Web (Blackbox Testing) ....................... 26

BAB III PEMBAHASAN ....................................................................... 28

3.1. Tinjauan Rumah Susun .................................................... 28

3.1.1. Sejarah Rumah Susun ............................................ 29

3.1.2. Struktur Organisasi dan Fungsi .............................. 31

3.2. Analisis Kebutuhan .......................................................... 33

3.2.1. Kebutuhan Fungsional ........................................... 33

3.2.2. Kebutuhan Non Fungsional ................................... 34

3.3. Perancangan Perangkat Lunak ......................................... 35

3.3.1. Rancangan Antar Muka ......................................... 35

3.3.2. Rancangan Basis Data............................................ 48

3.3.3. Rancangan Struktur Navigasi ................................ 54

3.4. Implementasi dan Pengujian Unit .................................... 56

Page 12: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

12

3.4.1. Implementasi .......................................................... 56

3.4.2. Pengujian Unit ....................................................... 65

BAB IV PENUTUP ................................................................................. 71

4.1. Kesimpulan ...................................................................... 71

4.2. Saran ................................................................................ 71

DAFTAR PUSTAKA................................................................................... 73

DAFTAR RIWAYAT HIDUP ..................................................................... 74

DAFTAR SIMBOL

Page 13: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

13

DAFTAR GAMBAR

Halaman

Gambar II.1 Struktur Navigasi Linier ................................................................. 19

Entitas / Entity

Entitas adalah suatu objek yang dapat

diidentifikasi dalam lingkungan pemakai

Relasi

Relasi Menunjukkan adanya hubungan di

antara sejumlah entitas yang berbeda

Atribut

Atribut berfungsi mendeskripsikan

karakter entitas (atribut yang berfungsi

sebagai key diberi garis bawah)

Garis

Garis sebagai penghubung antara relasi

dengan entitas atau dengan atribut

Page 14: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

14

Gambar II.2 Struktur Navigasi Non-Linier ......................................................... 19

Gambar II.3 Struktur Navigasi Hirarki................................................................ 20

Gambar II.4 Struktur Navigasi Campuran .......................................................... 20

Gambar II.5 Simbol atau Notasi Diagram E-R ................................................... 21

Gambar II.6 Diagram E-R Untuk Relasi Satu Ke Satu ....................................... 22

Gambar II.7 Diagram E-R Untuk Relasi Satu Ke Banyak ................................. 23

Gambar II.8 Diagram E-R Untuk Relasi Banyak Ke Banyak ............................. 24

Gambar III.1 Struktur Organisasi Rumah Susun ................................................. 31

Gambar III.2 Rancangan Halaman Utama .......................................................... 36

Gambar III.3 Rancangan Halaman Daftar Gedung ............................................. 37

Gambar III.4 Rancangan Halaman Cara Pembayaran ........................................ 38

Gambar III.5 Rancangan Halaman Tentang Kami .............................................. 39

Gambar III.6 Rancangan Halaman Detail Daftar Hunian ................................... 39

Gambar III.7 Rancangan Halaman Profil User ................................................... 40

Gambar III.8 Rancangan Halaman Login User .................................................. 41

Gambar III.9 Rancangan Halaman Login Administrator .................................. 41

Gambar III.10 Rancangan Halaman Home Administrator ................................. 42

Gambar III.11 Rancangan Halaman Data Admin ............................................... 42

Gambar III.12 Rancangan Halaman Edit Admin ................................................ 43

Gambar III.13 Rancangan Halaman Menu Gedung ............................................ 43

Gambar III.14 Rancangan Halaman Daftar Transaksi ........................................ 44

Gambar III.15 Rancangan Halaman Menu Daftar Gedung ................................ 44

Gambar III.16 Rancangan Halaman Menu Detail Transaksi .............................. 45

Gambar III.17 Rancangan Halaman Menu Register Member ............................ 46

Gambar III.18 Rancangan Halaman Menu Pembayaran .................................... 47

Gambar III.19 Entity Relationship Diagram (ERD)............................................ 48

Gambar III.20 Logical Record Structur (LRS).................................................... 49

Gambar III.21 Struktur Navigasi User ................................................................ 55

Gambar III.22 Struktur Navigasi Admin ............................................................. 55

Gambar III.23 Halaman Utama User .................................................................. 56

Gambar III.24 Halaman Gedung ......................................................................... 57

Gambar III.25 Halama Cara Pembayaran ........................................................... 57

Gambar III.26 Halaman Tentang Kami .............................................................. 58

Gambar III.27 Halaman Daftar Transaksi ........................................................... 58

Gambar III.28 Halaman Profil User .................................................................... 59

Gambar III.29 Halaman Detail Transaksi ........................................................... 59

Gambar III.30 Halaman Login Admin ................................................................ 60

Gambar III.31 Halaman Home Admin ................................................................ 60

Gambar III.32 Halaman Admin Menu Gedung .................................................. 61

Gambar III.33 Halaman Admin Data Penghuni.................................................. 61

Gambar III.34 Halaman Admin Menu Fasilitas ................................................. 62

Gambar III.35 Halaman Admin Menu Pemesanan ............................................. 62

Gambar III.36 Halaman Admin Menu Pembayaran ........................................... 63

DAFTAR TABEL

Halaman

Tabel III.1 Spesifikasi File Admin ..................................................................... 50

Page 15: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

15

Tabel III.2 Spesifikasi File Pemesanan ............................................................. 51

Tabel III.3 Spesifikasi File Penghuni ................................................................. 52

Tabel III.4 Spesifikasi File Pembayaran ............................................................ 53

Tabel III.5 Spesifikasi File Blok Rusun ............................................................. 54

Tabel III.6 Pengujian Black Box Testing Halaman Login Admin ..................... 65

Tabel III.7 Pengujian Black Box Testing Halaman Login User ........................ 66

Tabel III.8 Pengujian Black Box Testing Halaman Pesan Gedung .................... 68

Tabel III.9 Pengujian Black Box Testing Halaman Edit Admin ....................... 68

Tabel III.10 Pengujian Black Box Testing Halaman Edit Gedung ..................... 69

Tabel III.11 Pengujian Black Box Testing Halaman Edit User .......................... 70

Page 16: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

16

BAB I

PENDAHULUAN

1.1. Latar Belakang Masalah

Perkembangan sistem informasi di bidang teknologi sekarang sangat beragam

dan sudah banyak dimanfaatkan oleh berbagai perusahaan, instansi maupun

perseorangan untuk berbagai macam kebutuhan. Pemerintahpun kini turut

menggunakannya. Namun berkembangnya teknologi sistem informasi yang pesat

kadang tidak di imbangi oleh pengetahuan manusianya untuk bisa lebih

memanfaatkan teknologi untuk memenuhi kebutuhan informasi yang mereka

inginkan.

Dalam instansi pemerintahan misal rumah susun, proses penyampaian

informasi yang berhubungan dengan kegiatan pendaftaran dan pembayaran masih

dilakukan secara manual. Hal ini juga menimbulkan berbagai masalah seperti

proses penyampaian laporan yang tidak tepat waktu, serta pencarian data yang

membutuhkan waktu lama. Maka rumah susun membutuhkan sebuah sistem

informasi dengan layanan pendaftaran dan pembayaran berbasis web yang

memungkinkan pengguna (admin, penghuni) dapat mengakses data dan

memperoleh informasi dengan lebih mudah kapan pun dan dimana pun.

Dengan adanya sistem informasi berbasis web ini dapat menjadi solusi,

karena dalam pengolahan data pendaftaran dan pembayaran masih menggunakan

cara manual dan media penyimpanan masih dalam bentuk dokumen meskipun

penataan tempatnya sudah cukup rapih tetapi masih dirasa kurang efisien serta

resiko kerusakan atau kehilangan data lebih tinggi.

Page 17: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

Berdasarkan latar belakang yang sudah dipaparkan diatas maka penulis ingin

merancang sebuah perancangan sistem informasi pembayaran yang akan

menjawab permasalahan di rumah susun. Adapun judul yang diambil penulis

adalah “SISTEM INFORMASI PENDAFTARAN PADA RUMAH SUSUN

JATIRAWASARI JAKARTA”.

1.2. Maksud dan Tujuan

Maksud dari pembuatan web informasi pada rumah susun ini adalah:

1. Menjadikan website ini sebagai sarana pelayanan dibidang sosial dalam

penyediaan informasi pendaftaran yang baik, cepat dan akurat.

2. Mempermudah karyawan untuk mengolah data penghuni, sehingga

meningkatkan efisiensi kerja.

3. Memberikan akses bagi penghuni baru untuk memperoleh informasi

pendaftaran pada rumah susun.

4. Mengurangi resiko kerusakan dan kehilangan data-data penghuni, sekaligus

sebagai media promosi untuk masyarakat umum yang ingin mengetahui

informasi tentang rumah susun.

Sedangkan tujuan penulisan tugas akhir ini adalah sebagai salah satu syarat

kelulusan Program Diploma Tiga (DIII) Jurusan Manajemen Informatika di

Akademi Bina Sarana Informatika dan Komputer Bina Sarana Informatika (AMIK

BSI).

1.3. Metode Penelitian

A. Metode Pengembangan Perangkat Lunak

Metode pengembangan sistem yang digunakan dalam perancangan dan

implementasi sistem informasi adalah metode model waterfall. Menurut

Page 18: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

Pressman (2015:42) “Model Waterfall adalah model klasik yang bersifat

sistematis, berurutan dalam membangun software”. Nama model ini

sebenarnya adalah “Linear Sequential Model”. Model ini sering disebut juga

dengan “classic life cycle” atau metode waterfall. Yang dibagi menjadi

beberapa tahapan yaitu:

1. Analisis Kebutuhan

Pada tahap ini penulis menganalisis kebutuhan yang menyangkut sistem

informasi pendaftaran pada rumah susun itu meliputi kebutuhan pengguna,

kebutuhan perangkat keras, kebutuhan perangkat lunak. Dalam kebutuhan

pengguna disini dimaksudkan kepada pengguna yang akan menggunakan

sistem tersebut, pengguna disini antara lain administrator, karyawan,

penghuni. Lalu kebutuhan perangkat keras adalah perangkat yang dibutuhkan

untuk mengoperasikan sistem ini untuk nantinya digunakan. Dan terakhir

kebutuhan perangkat lunak yaitu perangkat lunak yang dibutuhkan untuk

membangun atau mendukung sistem ini berjalan.

2. Perancangan Sistem dan Perangkat Lunak

Pada tahap ini akan dibentuk suatu arsitekstur sistem berdasarkan syarat yang

telah ditetapkan. Proses perancangan ini akan difokuskan pada tiga sub pokok

diantaranya rancangan antar muka, rancangan basis data, rancangan struktur

navigasi.

Page 19: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

3. Implementasi dan Pengujian Unit

Dalam tahap ini, hasil dari desain perangkat lunak akan direalisasikan sebagai

unit program. Setiap unit akan diuji apakah sudah memenuhi spesifikasi

testing. Serta mencari segala kemungkinan kesalahan, memeriksa apakah

input sampai output sesuai dengan hasil yang diinginkan dan meminimalisir

error.

4. Integration & Testing

Dalam tahap ini setiap unit program akan diintegrasikan satu sama lain dan

diuji sebagai satu sistem yang utuh untuk memastikan sistem sudah

memenuhi persyaratan yang ada. Setelah itu sistem akan dikirim ke pengguna

sistem.

5. Operation & Maintenance

Dalam tahap ini, sistem diinstal dan mulai digunakan. Selain itu memperbaiki

error yang tidak ditemukan pada tahap pembuatan. Juga dilakukan

pengembangan sistem seperti fitur dan fungsi.

B. Teknik Pengumpulan Data

Dalam menyelesaikan penulisan tugas akhir ini, penulis menggunakan

beberapa metode :

1. Pengamatan (Observation)

Penulis melakukan pengamatan terhadap kegiatan di sekitar rumah susun,

yang meliputi kegiatan penghuni, karyawan, dan lingkungan sekitar hunian.

Penulis juga melakukan observasi pada struktur organisasi karyawan pada

rumah susun.

Page 20: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

2. Wawancara (Interview)

Bertanya dengan pihak rumah susun meliputi kepala unit pengelolah,

administrasi dan staf rusun tersebut untuk mengetahui struktur organisasi

rusun dan hal-hal yang menyangkut penginputan pendaftaran dan data

penghuni.

3. Studi Pustaka

Untuk mendapatkan sumber referensi, penulis melakukan studi pustaka ke

perpustakaan yang ada di perpustakaan Akademik Manajemen Informatika

Sarana Informatika maupun di perpustakaan lain dengan mencari materi

pendukung yang berhubungan dengan materi penulisan.

1.4. Ruang Lingkup

Ruang lingkup digunakan untuk membatasi pembahasan agar penulisan

mencapai sasaran dan mencegah terlalu luasnya masalah. Maka pembahasan

mengenai profil rumah susun dan lebih lanjut difokuskan pada pengolahan data-

data hunian (pendaftaran) mulai dari memasukan data, mengubah data, dan

menampilkan data. Sistem hanya bisa dikelola oleh Admin dan diakses oleh staff,

dan penghuni. Disini akses penghuni bisa diwakilkan oleh keluarga, sehingga

keluarga pun bisa mengakses website ini dengan data penghuni yang sudah

terdaftar menjadi penghuni di rumah susun dengan cara login terlebih dahulu.

Sedangkan untuk pengunjung hanya bisa mengakses tentang profil hunian dan

info terbaru tentang hunian dan galeri saja. Tools yang digunakan untuk website

ini adalah phpMyAdmin, MySql, Xampp, dan data base.

Page 21: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

1.5. Sistematika Penulisan

Adapun sistematika penulisan tugas akhir ini adalah sebagai berikut :

BAB I PENDAHULUAN

Dalam bab ini berisikan latar belakang masalah, maksud dan

tujuan, metode penelitian, ruang lingkup dan sistematika

penulisan.

BAB II LANDASAN TEORI

Pada bab ini penulis membahas tentang konsep dasar web dan teori

pendukung (tools program).

BAB III PEMBAHASAN

Pada bab ini membahas tinjauan perusahaan, sejarah institusi,

struktur organisasi beserta fungsinya, analisis kebutuhan,

perancangan perangkat lunak yang memiliki sub menu rancangan

antar muka, basis data, struktur navigasi, serta implementasi dan

pengujian unit.

BAB IV PENUTUP

Bab ini berisi kesimpulan dari seluruh bab dan saran yang dibahas

penulis mengenai perancangan aplikasi web rumah susun dalam

penulisan tugas akhir yang penulis lakukan.

DAFTAR PUSTAKA

LAMPIRAN

Page 22: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

BAB II

LANDASAN TEORI

2.1. Konsep Dasar Web

Menurut Sidik (2014:1) “Web pada awalnya adalah ruang informasi dalam

internet, dengan menggunakan teknologi hypertext, pemakai dituntut untuk

menemukan informasi dengan mengikuti link yang disediakan dalam dokumen

web yang ditampilkan dalam browser web”.

Kini internet identik dengan web, karena kepopuleran web sebagai standar

interface pada layanan-layanan yang ada di internet, dari awalnya sebagai

penyedia informasi, kini digunakan juga untuk komunikasi dari e-mail sampai

dengan chatting, sampai dengan melakukan transaksi bisnis. Selain itu web telah

diadopsi oleh perusahaan sebagai sebagian dari strategi teknologi informasinya,

karena beberapa alasan yaitu:

1. Akses informasi mudah

2. Setup server lebih mudah

3. Informasi mudah didistribusikan

4. Bebas platform; informasi dapat disajikan oleh browser pada sistem operasi

mana saja karena adanya standar dokumen berbagai tipe data dapat disajikan.

2.1.1. Pengertian Internet

Menurut Wahyuningsih, (2017:5) “Internet merupakan singkatan dari

interconnected networking yaitu system yang menghubungkan antar jaringan

dengan memanfaatkan kemajuan teknologi telekomunikasi menggunakan satelit”.

Page 23: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

28

Sehingga kata “Online” merupakan istilah yang lazim digunakan ketika kita

sedang terhubung melalui internet. Hal tersebut menjelaskan bahwa aktifitas

online selalu berkaitan dengan pengguna internet, sedangkan internet adalah

bagian dari teknologi jaringan. Di dalam penggunaannya, internet memiliki

beberapa istilah, diantaranya:

1. WWW (World Wide Web)

Menurut Pratama (2015:152) “WWW (World Wide Web) atau lebih dikenal

sebagai web yang selalu berkaitan dengan HTTP (Hyper Text Transfer Protocol)

dan terkadang dengan HTTPS (Hyper Text Transfer Protocol Secure) sebagai

protocol yang digunakannya”. WWW merupakan contoh aplikasi berbasis client-

server melalui aplikasi web server.

2. Web Browser

Menurut Rachmanto (2017:19) “Web browser adalah perangkat utama yang

kita perlukan untuk menampilkan halaman web dari hasil pengkodean”.

3. Web Server

Menurut Madcoms (2016:4) “Web server adalah suatu program komputer

yang mempunyai tanggung jawab atau tugas menerima permintaan HTTP dari

komputer klien, yang dikenal dengan nama web browser dan melayani mereka

dengan menyediakan respon HTTP berupa konten data, biasanya berupa halaman

web yang terdiri dari dokumen HTML dan objek terkait seperti gambar dan lain-

lain”.

4. Website

Page 24: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

Menurut Hariyanto (2015:2) “Website dapat diartikan sebagai kumpulan

halaman yang menampilkan informasi data teks, data gambar, data animasi, suara,

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

yang membentuk satu rangkaian bangunan yang saling terkait, dimana masing-

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

Website juga merupakan salah satu media penyampaian informasi dan

publikasi yang mudah diakses dari mana saja, kapan saja tanpa terbatas oleh

wilayah geografis yang dapat dimanfaatkan oleh sekolah.

5. URL (Uniform Resource Locator)

Menurut Pratama (2015:152) “URL harus mencantumkan alamat dari

komputer server yang dituju maupun komputer pemberi layanan”. Misalkan

dalam hal ini yaitu menyertakan alamat server atau komputer tujuan dalam bentuk

IP Address maupun domain.

6. ISP (Internet Service Provider)

Menurut Andi (2017:2) “ISP (Internet Service Provider ) adalah organisasi

yang menyediakan layanan untuk menggunakan maupun mengakses jaringan

internet”. Layanan internet yang disediakan oleh ISP antara lain meliputi akses

internet, web hosting, registrasi domain, transit internet, dan kolokasi.

7. DNS (Domain Name Space)

Menurut Andi (2017:5) “DNS (Domain Name Space) adalah sebuah sitem

yang menyimpan informasi tentang nama host ataupun nama domain dalam

Page 25: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

bentuk basis data tersebar (distributed)”. Secara kasar, DNS dapat dikatakan

sebagai “penerjemah” nama domain menjadi angka-angka numeric yang terdapat

di dalam IP supaya lebih mudah diingat.

8. IP (Internet Protocol)

Menurut Andi (2017:6) “IP (Internet Protocol) adalah protocol lapisan

jaringan atau protocol lapisan internetwork yang digunakan oleh protokol TCP/IP

untuk melakukan pengamatan dan routing paket data”.

2.1.2. Bahasa Pemrograman

Telah diketahui bahwa program adalah sekumpulan instruksi yang

digunakan untuk mengatur perangkat keras komputer agar melaksanakan tindakan

tertentu. Kegiatan yang berkaitan dengan penulisan program biasa disebut

pemrograman.

Seperti halnya manusia yang menggunakan bahasa untuk berkomunikasi,

komputer pun juga memiliki bahasa tersendiri. Supaya manusia dapat

berkomunikasi dengan komputer, pemrogram perlu menuliskan program dalam

bahasa yang bisa dimengerti oleh komputer. Bahasa inilah yang disebut dengan

bahasa pemrograman atau bahasa komputer. Bahasa pemrograman terdiri atas

sekumpulan instruksi yang ditunjukan agar orang bisa menuangkan perintah yang

nantinya adakan dijalankan oleh komputer, dikutip dari Kadir (2014:192).

Beberapa bahasa pemrograman yang biasa digunakan yaitu:

1. PHP

Menurut Winarno dkk (2013:59) “PHP atau PHP Hypertext Preprocessor,

adalah sebuah bahasa pemrograman web berbasis server (server-side)”. Artinya,

Page 26: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

kode ini dijalankan di server, kalau tidak ada server, maka kode PHP tidak bisa

dijalankan.

Sedangkan menurut Andi (2012:76) “PHP merupakan bahasa pemrograman

berbasis web yang memiliki kemampuan untuk memproses dan mengolah data

secara dinamis”. PHP dapat dikatakan sebagai sebuah server-side embedded script

language, artinya sintak-sintak dan perintah program yang ditulis akan

sepenuhnya dijalankan oleh server tetapi dapat disertakan pada halaman HTML

biasa.

2. HTML

Menurut Winarno dkk (2013:1) “HTML merupakan singkatan dari

Hypertext Markup Language, artinya bahasa ini adalah bahasa markup untuk

memformat konten halaman web”. Atau dengan kata lain, bahasa untuk mengatur

bagaimana penampilan dan pemformatan konten di web.

HTML memiliki 4 jenis elemen yaitu:

a. Struktural

Tanda yang menentukan level atau tingkatan dari tulisan (misalnya, < h1

>Golf< /h1 > memerintahkan browser untuk menampilkan “Golf” sebagai tulisan

tebal besar yang menunjukkan sebagai Heading 1.

b. Presentasi

Tanda yang menentukan tampilan dari sebuah tulisan tidak peduli dengan

level dari tulisan tersebut (contoh, < b >tebal< /b > akan menampilkan tulisan

tebal. Tanda presentasi ini sudah lazim digantikan oleh CSS dan tidak

direkomendasikan untuk mengatur tampilan tulisan via HTML.

Page 27: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

c. Hiperteks

Tanda yang berfungsi membuat link di dokumen, baik link di dokumen itu

sendiri atau ke dokumen lain (contoh, < a href=http://www.wikipedia.org/>

Wikipedia </a> akan membuat link ke situs wikipedia.org.

d. Widget

Elemen widget yang membuat objek-objek lain seperti tombol (<button>),

list (<li>), dan garis horizontal (<hr>).

3. CSS

Menurut Hariyanto (2015:31) “CSS adalah kumpulan kode program yang

digunakan untuk mendesain atau mempercantik tampilan halaman HTML”.

Dengan CSS, kita bisa mengubah desain dari text, warna, gambar dan latar

belakang dari (hamper) semua kode tag HTML.

CSS biasanya selalu dikaitkan dengan HTML, karena keduanya memang

saling melengkapi. HTML ditujukan untuk membuat struktur atau konten dari

halaman web. Sedangkan CSS digunakan untuk tampilan dari halaman web

tersebut.

4. JQuery

Menurut Hidayatullah (2017:399) “JQuery adalah kumpulan fungsi-fungsi

JavaScript yang sudah dibentuk sebagai suatu objek”. Sehingga penggunaan

JQuery ini bisa dikategorikan sebagai library yang nantinya kita hanya perlu

menggunakan fungsi-fungsi di dalam library tersebut.

JQuery dikenal dengan slogan “Write less, do more” artinya penulisan kode

yang sedikit tetapi memiliki beberapa aksi (action). JQuery juga merupakan

Page 28: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

library open source dengan lisensi GNU General Public License dan MIT license.

Ukuran file JQuery tidak lebih dari 200kb. JQuery juga sudah support plugin-

plugin tambahan untuk fungsi-fungsi pada masalah yang lebih spesifik. Untuk

mendapatkan plugin-plugin tersebut dapat mengakses http://plugins.jquery.com/.

5. JavaScript

Menurut Sianipar (2015:1) “JavaScript merupakan bahasa script populer

yang dipakai untuk menciptakan halaman web yang dapat berinteraksi dengan

pengguna dan dapat merespon event yang terjadi pada halaman”. JavaScript

merupakan perekat yang menyatukan halaman-halaman web. Akan sangat susah

menjumpai halaman web komersial yang tidak memuat kode JavaScript.

2.1.3. Basis Data

Menurut Hidayatullah (2017:142) “Basis data dapat didefinisikan sebagai

himpunan kelompok data yang saling berhubungan yang diorganisasikan

sedemikian rupa agar kelak dapat dimanfaatkan kembali dengan cepat dan

mudah”. Prinsip utamanya adalah pengaturan data. Tujuan utamanya kemudahan

dan kecepatan dalam pengambilan kembali data.

Adapun aplikasi basis data yang digunakan dalam pembuatan aplikasi web

sekolah ini diantaranya:

1. MySQL

Menurut Jubilee (2014:2) “MySQL adalah RDBMS yang cepat dan mudah

digunakan, serta sudah banyak digunakan untuk berbagai kebutuhan”. MySQL

dikembangkan oleh MySQL AB Swedia. Berikut keunggulan dari MySQL:

a. Berlisensi open-source, sehingga dapat digunakan secara gratis.

b. Merupakan program yang powerfull dan menyediakan fitur yang lengkap.

Page 29: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

c. Menggunakan bentuk standar bahasa data SQL.

d. Dapat bekerja dengan banyak sistem operasi dan dengan bahasa-bahasa

pemrograman seperti PHP, PERI,C, C++, JAVA, dan lain-lain.

e. Bekerja dengan cepat dan baik, bahkan dengan data set yang banyak.

f. Sangat mudah digunakan dengan PHP untuk pengembangan aplikasi web.

g. Mendukung banyak database, sampai 50 juta baris atau lebih dalam suatu

tabel.

h. Dapat dikostumisasi sesuai dengan keinginan.

2. PhpMyAdmin

Menurut Madcoms (2016:186) “phpMyAdmin adalah sebuah aplikasi open

source yang berfungsi untuk memudahkan manajemen MySQL”. Dengan

menggunakan phpMyAdmin, kita dapat membuat database, membuat tabel, meng-

insert, menghapus dan meng-update data dengan GUI dan terasa lebih mudah,

tanpa perlu mengetikkan perintah SQL secara manual.

Karena berbasis web, maka phpMyAdmin dapat dijalankan di banyak OS,

selama dapat menjalankan web server dan MySQL. PhpMyAdmin dapat di-

download secara gratis di http://www.phpmyadmin.net. Jika kita menggunakan

paket software web server Xampp, maka tidak perlu meng-instal phpMyAdmin

secara terpisah.

3. Bootstrap

Menurut Jubilee (2016:1) “Bootstrap adalah framework front-end yang

intuitif dan powerful untuk pengembangan aplikasi web yang lebih cepat dan

mudah”. Bootstrap menggunakan HTML, CSS, dan JavaScript.

Page 30: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

Berikut ini kelebihan-kelebihan Bootstrap yaitu:

a. Menghemat waktu

b. Fitur yang responsive

c. Desain yang konsisten

d. Mudah digunakan

e. Didukung oleh semua browser popular

f. Gratis

4. Adobe Photoshop

Menurut Hendratman (2016:1) “Adobe Photoshop adalah software gratis

berbasis Bitmap (pixel), yang biasa dipakai untuk mengedit foto, membuat

ilustrasi bahkan desain web”. Sehingga banyak digunakan di studio foto,

percetakan, production house, biro arsitektur, pabrik tekstil dan bidang yang

berkaitan dengan Teknologi Informatika (IT).

2.1.4. Model Pengembangan Perangkat Lunak

Menurut Pressman (2015:42) “Model Waterfall adalah model klasik yang

bersifat sistematis, berurutan dalam membangun software”. Nama model ini

sebenarnya adalah “Linear Sequential Model”. Model ini sering disebut juga

dengan “classic life cycle” atau metode waterfall. Model ini termasuk ke dalam

model generic pada rekayasa perangkat lunak dan pertama kali di perkenalkan

oleh WinstonRoyce sekitar tahun 1970 sehingga sering dianggap kuno, tetapi

merupakan model yang paling banyak dipakai dalam Software Enginering (SE).

Model ini melakukan pendekatan secara sistematis dan berurutan. Disebut dengan

Page 31: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

waterfall karena tahap demi tahap yang dilalui harus menunggu selesainya tahap

sebelumnya dan berjalan berurutan.

Dalam pengembangannya metode waterfall memiliki beberapa tahapan

yang berurut yaitu : requirement (analisis kebutuhan), design system (desain

sistem), Coding (pengkodean) & Testing (pengujian), Penerapan Program,

pemeliharaan.

Tahapan-tahapan dari metode waterfall sebagai berikut:

1. Analisis Kebutuhan (Requirement Analisis)

Tahap ini pengembang sistem diperlukan komunikasi yang bertujuan untuk

memahami perangkat lunak yang diharapkan oleh pengguna dan batasan

perangkat lunak tersebut. Informasi ini biasanya dapat diperoleh melalui

wawancara, diskusi atau survei langsung. Informasi dianalisis untuk mendapatkan

data yang dibutuhkan oleh pengguna.

2. Desain Sistem (System Design)

Spesifikasi kebutuhan dari tahap sebelumnya akan dipelajari dalam fase ini

dan desain sistem disiapkan. Desain Sistem membantu dalam menentukan

perangkat keras (hardware) dan sistem persyaratan dan juga membantu dalam

mendefinisikan arsitektur sistem secara keseluruhan.

3. Implementation

Pada tahap ini, sistem pertama kali dikembangkan di program kecil yang

disebut unit, yang terintegrasi dalam tahap selanjutnya. Setiap unit dikembangkan

dan diuji untuk fungsionalitas yang disebut sebagai unit testing.

4. Integration & Testing

Page 32: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

Seluruh unit yang dikembangkan dalam tahap implementasi diintegrasikan

ke dalam sistem setelah pengujian yang dilakukan masing-masing unit. Setelah

integrasi seluruh sistem diuji untuk mengecek setiap kegagalan maupun

kesalahan.

5. Operation & Maintenance

Tahap akhir dalam model waterfall. Perangkat lunak yang sudah jadi,

dijalankan serta dilakukan pemeliharaan. Pemeliharaan termasuk dalam

memperbaiki kesalahan yang tidak ditemukan pada langkah sebelumnya.

Perbaikan implementasi unit sistem dan peningkatan jasa sistem sebagai

kebutuhan baru.

Kelebihan menggunakan metode air terjun (waterfall) adalah metode ini

memungkinkan untuk departementalisasi dan kontrol. proses pengembangan

model fase one by one, sehingga meminimalis kesalahan yang mungkin akan

terjadi. Pengembangan bergerak dari konsep, yaitu melalui desain, implementasi,

pengujian, instalasi, penyelesaian masalah, dan berakhir di operasi dan

pemeliharaan.

2.2. Teori Pendukung

2.2.1. Struktur Navigasi

Dalam penggunaan sebuah program website diperlukan struktur navigasi

sebagai bentuk penggambaran dari halaman-halaman apa saja yang tersedia

didalam website. Layaknya petunjuk arah, navigasi memudahkan pengguna untuk

“berselancar” didalam sebuah website.

Objek yang digunakan dalam navigasi dapat berupa tombol atau teks yang

disisipkan hyperlink untuk mengakses suatu halaman tertentu.

Page 33: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

Menurut Andriansyah (2016:61) “Struktur navigasi dapat diartikan sebagai

alur dari suatu program yang menggambarkan rancangan hubungan antar area

yang berbeda sehingga memudahkan proses pengorganisasian seluruh elemen

website”.

Menurut Binanto (2010:269-270), ada empat macam bentuk navigasi, yaitu:

1. Struktur Navigasi Linier

Struktur navigasi linier hanya mempunyai satu rangkaian cerita yang

berurut yang menampilkan satu demi satu tampilan layar secara berurut menurut

urutannya. Tampilan yang dapat ditampilkan pada struktur jenis ini adalah satu

halaman sebelumnya atau satu halaman sesudahnya, tidak dapat dua halaman

sebelumnya atau dua halaman sesudahnya, pengguna akan melakukan navigasi

secara berurutan, dalam frame atau byte informasi satu ke yang lainnya.

Sumber : Binanto (2010a:269)

Gambar II.1. Struktur Navigasi Linier

2. Struktur Navigasi Tidak Berurut (Non-Linier)

Struktur navigasi non-linier merupakan pengembangan dari struktur

navigasi linier. Pada struktur ini diperkenankan membuat navigasi bercabang.

Percabangan yang dibuat pada struktur non-linier ini berbeda dengan percabangan

pada struktur hirarki, karena pada percabangan non-linear ini walaupun terdapat

percabangan tetap tiap-tiap tampilan mempunyai kedudukan yang sama yaitu

Page 34: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

tidak ada Master Page dan Slave Page, pengguna akan melakukan navigasi

dengan bebas melalui isi proyek dengan tidak terikat jalur yang sudah ditentukan

sebelumnya.

Sumber : Binanto (2010c:270)

Gambar II.2. Struktur Navigasi Non-Linier

3. Struktur Navigasi Hirarki

Struktur dasar ini disebut juga struktur linier dengan percabangan karena

pengguna melakukan navigasi disepanjang cabang pohon struktur yang terbentuk

oleh logika isi.

Sumber : Binanto (2010b:269)

Gambar II.3. Struktur Navigasi Hirarki

4. Struktur Navigasi Campuran (Composite)

Page 35: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

Struktur navigasi jenis ini pengguna akan melakukan navigasi dengan bebas

(secara non-linier), tetapi terkadang dibatasi presentasi linier film atau informasi

penting dan pada data yang paling terorganisasi secara logis pada suatu hirarki.

Sumber : Binanto (2010d:270)

Gambar II.4. Struktur Navigasi Campuran

2.2.2. ERD (Entity Relationship Diagram)

Menurut Fathansyah (2015:81) “Model Entity-Relationship yang berisi

komponen-komponen Himpunan Entitas dan Himpunan Relasi yang masing-

masing dilengkapi dengan atribut-atribut yang merepresentasikan seluruh fakta

dari „dunia nyata‟ yang kita tinjau, dapat digambarkan dengan lebih sistematis

dengan menggunakan Diagram Entity-Relationship (Diagram E-R)”.

Notasi-notasi simbolik di dalam Diagram E-R yang digunakan adalah:

A. Persegi panjang, menyatakan Himpunan Entitas.

B. Lingkaran atau Elip, menyatakan Atribut (Atribut yang berfungsi sebagai

key di garis bawahi).

C. Belah ketupat, merupakan Himpunan Relasi.

Page 36: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

D. Garis, sebagai penghubung antara Himpunan Relasi dengan Himpunan

Entitas dan Himpunan Entitas dengan Atributnya.

E. Kardinalitas Relasi dapat dinyatakan dengan banyaknya garis cabang atau

dengan pemakaian angka (1 dan 1 untuk relasi satu-ke-satu, dan N untuk

relasi satu-ke-banyak atau N dan N untuk relasi banyak-ke-banyak).

Berikut contoh notasi simbolik di dalam Diagram E-R antara lain:

Himpunan Entitas E Himpunan Relasi R

Atribut a sebagai key Link

Sumber : Fathansyah (2015a:82)

Gambar II.5. Simbol atau Notasi Diagram E-R

Berikut adalah contoh penggambaran relasi antar himpunan entitas lengkap

dengan kardinalitas relasi dan atribut-atributnya:

1. Relasi satu-ke-satu (one-to-one)

Contoh:

Adanya relasi antara himpunan entitas Dosen dengan himpunan entitas

Jurusan. Himpunan relasinya kita beri nama „Mengepalai‟. Para relasi ini, setiap

dosen paling banyak mengepalai satu jurusan (walaupun memang tidak semua

dosen yang menjadi ketua jurusan). Dan setiap jurusan pasti dikepalai oleh paling

banyak satu orang dosen. Maka penggambarannya adalah:

E

a

R

Page 37: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

Sumber : Fathansyah (2015b:82)

Gambar II.6. Diagram E-R Untuk Relasi Satu Ke Satu

Pada Diagram E-R diatas dapat dilihat bahwa himpunan entitas Dosen dan

himpunan entitas Jurusan masing-masing memiliki 2 buah atribut saja. Sementara

itu, pada himpunan relasi Mengepalai juga terdapat 2 buah atribut yang secara

bersama-sama berfungsi juga sebagai key pada himpunan relasi tersebut. Karena

kedua atribut atau key tersebut sebetulnya berasal dari atribut key dari masing-

masing himpunan entitas yang dihubungkannya, maka keduanya digolongkan

sebagai Key Asing (Foreign-Key). Adanya kedua atribut key tersebut selanjutnya

akan dapat menunjukkan dosen mana yang mengepalai suatu jurusan (menjadi

ketua jurusan), atau sebaliknya jurusan mana yang dikepalai seorang dosen.

2. Relasi satu-ke-banyak (one-to-many)

Contoh:

Adanya relasi antara himpunan entitas Dosen dengan himpunan entitas

Kuliah. Himpunan relasinya diberi nama „Mengajar‟. Pada relasi ini, setiap dosen

dapat mengajar lebih dari satu mata kuliah, sedang setiap mata kuliah diajar hanya

oleh paling banyak satu orang dosen. Maka penggambarannya adalah:

Page 38: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

Sumber : Fathansyah (2015c:83)

Gambar II.7. Diagram E-R Untuk Relasi Satu Ke Banyak

Key Asing (Foreign-Key) dari himpunan relasi Mengajar diatas adalah

nama_dos dan kode_kul, yang masing-masing berasal dari himpunan entitas

Dosen dan himpunan entitas Kuliah. Tetapi disamping kedua atribut key tersebut,

ada pula 2 atribut tambahan yang tidak berasal dari salah satu himpunan entitas

yang dihubungkannya. Hal ini memang dimungkinkan dan bahkan umum terjadi.

Dengan adanya keempat atribut tersebut pada himpunan relasi Mengajar, maka

dapat kita ketahui jadwal pelaksanaan setiap mata kuliah beserta dosen yang

mengajarkannya.

3. Relasi banyak-ke-banyak (many-to-many)

Contoh:

Adanya relasi antara himpunan entitas Mahasiswa dengan himpunan entitas

Kuliah. Himpunan relasinya diberi nama „Mempelajari‟. Pada relasi ini, setiap

mahasiswa dapat mempelajari lebih dari satu mata Kuliah. Demikian juga

sebaliknya, setiap mata kuliah dapat dipelajari oleh lebih dari satu orang

mahasiswa. Maka penggambarannya adalah:

Page 39: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

Sumber : Fathansyah (2015d:84)

Gambar II.8. Diagram E-R untuk Relasi Banyak Ke Banyak

Keberadaan himpunan relasi Mempelajari diatas akan memliki dua fungsi,

yaitu untuk menunjukkan mata kuliah mana saja yang diambil oleh seorang

mahasiswa (atau mahasiswa mana saja yang mengambil mata kuliah tertentu) dan

indeks nilai yang diperoleh seorang mahasiswa untuk mata kuliah tertentu (tentu

saja setelah data indeks nilai tersebut disimpan).

2.2.3. LRS (Logical Record Structure)

Menurut Andriansyah (2016:53) “LRS merupakan transformasi dari

penggambaran ERD dalam bentuk yang lebih jelas dan mudah untuk dipahami.

Penggambaran LRS hampir mirip dengan penggambaran normalisasi file, hanya

saja tidak digambarkan symbol asterix (*) sebagai simbol primary key (kunci

utama) dan foreign key (kunci tamu)”.

2.2.4. Alat Pendukung

1. Adobe Dreamweaver CS6

Menurut Mandar (2017:1) “Adobe Dreamweaver merupakan aplikasi

pengembang yang berfungsi untuk mendesain web yang dibuat, dikembangkan,

dan diproduksi oleh Adobe System”. Sampai saat ini versi terbaru dari Adobe

Page 40: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

Dreamweaver adalah Adobe Dreamweaver CS6 yang dirilis pada tanggal 21 April

2012 dengan harga $399 USD.

Aplikasi pengembang web ini sangat digemari oleh web desainer dalam

merancang web sebab perangkat lunak komputer ini memiliki kelebihan dan

kemudahan dalam penggunaannya. Dengan menggunakan aplikasi ini,

pengembang web dapat dilakukan secara visual sehingga hasil perancangan web

dapat langsung terlihat tanpa harus menggunakan aplikasi bantu peramban seperti

Google Crome, Firefox, atau Internet Explorer. Teknologi web yang didukung

oleh Adobe Dreamweaver sangat beragam, salah satunya adalah teknologi untuk

kebutuhan pengembang web berbasis mobile.

2. XAMPP

Menurut Madcoms (2016:186) “Xampp adalah sebuah paket kumpulan

software yang terdiri dari Apache, MySQL, PhpMyAdmin, PHP, Perl, Filezilla

dan lain-lain”. Xampp berfungsi untuk memudahkan instalasi lingkungan PHP,

dimana biasanya lingkungan pengembang web memerlukan PHP, Apache,

MySQL dan PhpMyAdmin serta software-software yang terkait dengan

pengembangan web. Dengan menggunakan Xampp, tidak perlu lagi menginstal

aplikasi-aplikasi tersebut satu persatu. Paket aplikasi perlu di extract dan di-instal

terlebih dahulu, dengan memilih jenis Xampp sesuai dengan jenis OS-nya. Setelah

sukses menginstal Xampp, kita dapat langsung mengaktifkan MySQL.

2.2.5. Pengujian Web (Blackbox Testing)

Menurut Pratama (2014:50-51) “Blackbox Testing adalah pengujian di sisi

pengembang dilakukan oleh pengembang atau programmer dari aplikasi

bersangkutan, atau mereka yang mengerti dan terlibat di dalam pengembangan

Page 41: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

sistem tersebut”. Pengujian ini menekankan pada sejauh mana fungsionalitas

sistem informasi berjalan dengan baik sesuai dengan yang diinginkan oleh

pengguna dan pengembang.

Blackbox Testing mempunyai empat jenis pengujian yaitu:

1. Pengujian Interface (tatap muka) aplikasi.

Pengujian Interface (tatap muka) aplikasi sistem informasi bertujuan untuk

mengetahui fungsionalitasdari setiap elemen interface yang ada di setiap halaman

pada aplikasi sistem informasi. Elemen ini berupa tombol (button) yang

menjalankan aksi sesuai yang diharapkan oleh pengguna dan pengembang.

2. Pengujian fungsi dasar sistem.

Pengujian fungsi dasar sistem bertujuan untuk mengetahui sejauh mana

kinerja dari setiap fungsi dasar sistem yang ada di dalam aplikasi sistem

informasi. Fungsi-fungsi ini dalam penerapannya membentuk satu atau sejumlah

modul. Modul ini dapat digunakan baik di sisi pengembang maupun sebagai

pengguna (misal: instalasi modul melalui akun administrator).

3. Pengujian form handle sistem.

Pengujian form handle sistem bertujuan untuk mengetahui seperti apa dan

sejauh mana respon oleh sistem informasi terhadap inputan yang diberikan oleh

pengguna. Inputan yang diberikan oleh pengguna ke dalam sistem informasi dapat

berupa inputan bernilai (misalkan: data) maupun inputan kosong.

4. Pengujian keamanan sistem.

Pengjian keamanan sistem bertujuan untuk mengetahui sejauh mana tingkat

keamanan yang dimiliki oleh sistem informasi untuk dapat memberikan

Page 42: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

kenyamanan kepada para pengguna. Keamanan dicek dari sisi sistem (misalkan:

SQL injection), kebijakan (misalkan: ada tidaknya penanganan minimal jumlah

karakter untuk password, otentikasi via e-mail), serta pengguna (misalkan: ada

tidaknya perbedaan hak akses untuk setiap kelompok pengguna).

Page 43: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

BAB III

PEMBAHASAN

3.1. Tinjauan Rumah Susun

Rumah Susun adalah bangunan gedung bertingkat yang dibangun dalam

suatu lingkungan yang terbagi dalam bagian-bagian yang distrukturkan secara

fungsional, baik dalam arah horizontal maupun vertikal dan merupakan

satuan-satuan yang masing-masing dapat dimiliki dan digunakan secara

terpisah, terutama untuk tempat hunian yang dilengkapi dengan bagian

bersama, benda bersama, dan tanah bersama. Dan Rusun Jatirawasari adalah

satuan unit perangkat daerah yang berada dibawah Dinas Perumahan Rakyat

dan Kawasan Permukiman DKI Jakarta.

A. Profil Rumah Susun

1. Nama Rumah Susun : Rumah Susun Jatirawasari

2. Kepala Rumah Susun : Dwiyanti Chotifah, S.Sos

3. Nomor Statistik : 101032913019

4. Nomor Statistik Bangunan : 00114171312001

5. Surat Keputusan / SK : 421.2/023/42/85 1 November 2012

6. Tahun berdiri : 10 November 2006

7. Alamat : Jl. Mardani Raya

8. Telepon : (021) 29577726

9. Kelurahan / kecamatan : Cempaka Putih Barat / Cempaka Putih

10. Kabupaten / Provinsi : DKI Jakarta

Page 44: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

29

3.1.1. Sejarah Rumah Susun

Pemukiman dan perumahan adalah merupakan kebutuhan utama/primer

yang harus dipenuhi oleh manusia. Perumahan dan pemukiman tidak hanya dapat

dilihat sebagai sarana kebutuhan hidup, tetapi lebih jauh adalah proses bermukim

manusia dalam rangka menciptakan suatu tatanan hidup untuk masyarakat dan

dirinya dalam menampakkan jati diri. Pengaturan perihal perlunya perumahan dan

pemukiman telah diarahkan pula oleh GBHN (Garis Besar Haluan Negara) yang

telah menekankan pentingnya untuk meningkatkan dan memperluas adanya

pemukiman dan perumahan yang layak baik seluruh masyarakat dan karenanya

dapat terjangkau seluruh masyarakat terutama yang berpenghasilan rendah.

Untuk selanjutnya dalam rangka untuk peningkatan daya guna dan hasil

guna tanah bagi pembangunan perumahan dan pemukiman, serta meningkatkan

efektifikas dalam penggunaan tanah terutama pada lingkungan/daerah yang padat

penduduknya, maka perlu dilakukan penataan atas tanah sehingga pemanfaatan

dari tanah betul-betul dapat dirasakan oleh masyarakat banyak. Berkaitan dengan

hal tersebut, maka mulai terpikirkan untuk melakukan pembangunan suatu

bangunan yang digunakan untuk hunian untuk kemudian atas bangunan dimaksud

dapat digunakan secara bersama-sama dengan masyarakat lainnya, sehingga

terbentuklah adanya rumah susun.

Pembangunan rumah susun adalah suatu cara yang jitu untuk memecahkan

masalah kebutuhan dari pemukiman dan perumahan pada lokasi yang padat,

terutama pada daerah perkotaan yang jumlah penduduk selalu meningkat,

sedangkan tanah kian lama kian terbatas.

Page 45: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

30

Pembangunan rumah susun tentunya juga dapat mengakibatkan terbukanya

ruang kota sehingga menjadi lebih lega dan dalam hal ini juga membantu adanya

peremajaan dari kota, sehingga makin hari maka daerah kumuh berkurang dan

selanjutnya menjadi daerah yang rapih,bersih, dan teratur. Peremajaan kota telah

dicanangkan oleh pemerintah melalui Instruksi Presiden Nomor 5 Tahun 1990,

tentang peremajaan pemukiman kumuh yang berada di atas tanah negara.

Menindaklanjuti dari Instruksi Presiden tersebut, maka pada tanggal 7 Januari

1993, telah diterbitkan adanya surat edaran dengan Nomor: 04/SE/M/1/1993,

yang menginstruksikan kepada seluruh Gubernur Kepala Daerah Tingkat I dan

Bupati/Walikotamadya Kepada Daerah Tingkat II untuk melaksanakan pedoman

umum penanganan terpadu atas perumahan dan pemukinan kumuh, yang antara

lain dilakukan dengan peremajaan dan pembangunan rumah susun.

Adapun visi misi Rusun Jatirawasari yaitu:

1. Visi

Kinerja prima dan dukungan masyarakat mewujudkan perumahan dan

permukiman kota DKI Jakarta yang sehat dan nyaman.

2. Misi

a. Meningkatkan pembangunan perumahan dan permukiman.

b. Membangunkan sistem koordinasi, sistem perencanaan dan regulasi

tentangpembangunan perumahan dan permukiman serta sistem

pengawasan.

c. Meningkatkan kapasitas sumber daya aparatur dan masyarakat.

Page 46: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

31

3. Tujuan

a. Memenuhi kebutuhan perumahaan yang layak bagi masyarakat, terutama

golongan masyarakat yang berpenghasilan rendah, yang menjamin

kepastian hukum dalam pemanfaatannya.

b. Meningkatkan daya guna dan hasil guna tanah didaerah perkotaan dengan

memperhatikan kelestarian sumber daya alam dan menciptakan

lingkungan permukiman yang lengkap, serasi dan seimbang.

c. Memenuhi kebutuhan untuk kepentingan lainnya yang berguna bagi

kehidupan masyarakat dengan tetap mengutamakan ketentuan.

3.1.2. Struktur Organisasi dan Fungsi

1. Struktur Organisasi

Sumber : Kassubag TU Rumah Susun Jatirawasari Jakarta

Gambar III.1. Struktur Organisasi Rumah Susun

Page 47: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

32

2. Tugas Pokok dan Fungsi

a. Ka.UPRS

Bertanggung jawab mengawasi, mengatur, dan mengelolah Rusun

Jatirawasari.

b. Kassubag TU

Mengatur dan mengawasi bagian pelayanan dan penertiban.

c. Kassubag Keuangan

Bertanggung jawab mengawasi, mengatur dan mengelolah laporan keuangan.

d. Bendahara Penerimaan

Membuat laporan keuangan yang masuk kedalam rekening Rusun

Jatirawasari.

e. Bendahara Pengeluaran

Membuat laporan pengeluaran yang berkaitan dengan Rusun Jatirawasari.

f. Kasarpras

Merawat, memperbaiki, dan membuat laporan sarana dan prasarana Rusun

Jatirawasari.

g. Bendahara Pengurus Barang/Jasa

Membuat laporan penerimaan, penyaluran dan stock/persediaan barang dan

jasa.

Page 48: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

33

3.2. Analisis Kebutuhan

Dalam menganalisa kebutuhan perlu dilakukan analisis kebutuhan pada

sistem untuk menentukan dan mengungkapkan kebutuhan sistem. Kebutuhan ini

meliputi kebutuhan pengguna, kebutuhan perangkat keras dan kebutuhan

perangkat lunak.

3.2.1. Kebutuhan Fungsional

Pada Sistem Informasi Pendaftaran Pada Rumah Susun Jatirawasari Jakarta

kebutuhan pengguna sebagai berikut:

1. Administrator

a. Admin melakukan login ke dalam sistem administrator.

b. Admin dapat mengubah, menambah, menghapus data admin.

c. Admin dapat mengubah, menambah, menghapus data pendaftaran calon

penghuni.

d. Admin dapat mengubah, menambah, menghapus data pembayaran

penghuni

e. Admin dapat menginput, menambah dan mengedit pengumuman.

f. Admin melakukan logout.

2. Penghuni

a. Penghuni melakukan login

b. Penghuni dapat melihat panduan registrasi.

c. Penghuni melakukan registrasi.

d. Penghuni dapat melihat informasi.

e. Penghuni dapat melihat data pendaftar.

f. Penghuni dapat melakukan pembayaran

Page 49: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

34

g. Penghuni melakukan logout.

3.2.2. Kebutuhan Non Fungsional

Kebutuhan non fungsional adalah kebutuhan yang berdasarkan pada

kebutuhan dari suatu sistem yang harus dimiliki. Kebutuhan non fungsional juga

berisi informasi-informasi apa saja yang harus ada dan dihasilkan oleh sebuah

sistem. Berikut ini adalah kebutuhan non fungsional dari Sistem Informasi

Pendaftaran Pada Rumah Susun Jatirawasari Jakarta:

a. Operasional

1) Sistem operasi yang umum digunakan adalah seperti Microsoft

Windows, Linux atau MacOs.

2) Prosesor yang digunakan minimal Pentium 4 atau lebih

3) Kebutuhan memory yang digunakan minimal 1 GB

4) Untuk mengakses portal atau website membutuhkan web browser dan

koneksi internet

b. Security / Keamanan

1) Sistem memberikan keamanan untuk akses admin dengan adanya

penggunaan username dan password agar bisa masuk ke sistem

2) Keamanan password dalam database juga diatur dengan menerapkan

enskripsi MD5.

Page 50: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

35

c. Informasi

1) Digunakan untuk menginformasikan apabila admin melakukan

kesalahan dalam menginput username dan password ketika login

2) Digunakan untuk menginformasikan apabila pengguna melakukan

kesalahan dalam menginput username dan password ketika login

3.3. Perancangan Perangkat Lunak

3.3.1. Rancangan Antar Muka

Rancangan antar muka (Interface) dimaksudkan untuk memudahkan

pengguna website ini diharapkan dapat digunakan oleh banyak pengguna dari

berbagai latar belakang dan juga karena tidak semua pengguna adalah orang yang

mengerti dan ahli dalam bidang pengoperasian komputer. Rancangan Interface

dari website Sistem Informasi Pendaftaran Pada Rumah Susun Jatirawasari Jakarta

sebagai berikut:

Page 51: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

36

1. Rancangan Halaman Utama

Gambar III.2. Rancangan Halaman Utama

Tampilan halaman utama user berfungsi untuk menampilkan informasi tentang

daftar gedung, cara pembayaran,profil rumah susun dan serta untuk melakukan

login user. Di dalam tampilan halaman utama terdapat beberapa menu yaitu

header, home, daftar gedung, cara pembayaran, tentang kami, login, content,

footer.

Page 52: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

37

2. Rancangan Halaman Daftar Gedung

Gambar III.3. Rancangan Halaman Daftar Gedung

Tampilan halaman daftar gedung berfungsi untuk menampilkan daftar

gedung dan lantai,user dapat melihat jumlah gedung dan lantai serta

fasilitas.

Page 53: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

38

3. Rancangan Halaman Cara Pembayaran

Gambar III.4. Rancangan Halaman Cara Pembayaran

Tampilan Halaman Cara pembayaran berfungi untuk menginfokan cara

melakukan pemesanan dan pembayaran sewa rumah susun, admin dapat

menginput tata cara pemesanan dan pembayaran admin juga dapat menginput

tentang kebijakan-kebijakan atau aturan tentanga pemesanan dan pembayaran

sewa rumah susun.

Page 54: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

39

4. Rancangan Halaman Cara Pembayaran

Gambar III.5. Rancangan Halaman Tentang Kami

Tampilan Halaman Tentang Kami berfungsi untuk melihat tentang,profil

rumah susun.

5. Rancangan Halaman Detail Daftar Hunian

Gambar III.6. Rancangan Halaman Detail Daftar Hunian

Tampilan halaman detail daftar Hunian berfungsi agar user dapat melihat

banyaknya daftar hunian dan fasilitas yang tersedia.

Page 55: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

40

6. Rancangan Halaman Profil User

Gambar III.7. Rancangan Halaman Profil User

Tampilan Halaman Profil user berfungsi untuk melihat detail profil dari

user, di sini jika ada kesalahan dalam pengisian data user, user dapat

merubahnya di menu ini, jika user ingin mengedit data user klik edit profil,

ubah data yang di ubah jika sudah selesai klik update maka data akan

otomatis berubah.

Page 56: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

41

7. Rancangan Halaman Login User

Gambar III.8. Rancangan Halaman Login User

Tampilan login user berfungsi untuk login sebagai user, disini user dapat

mengisi kolom email dan password yang di buat saat melakukan register

setelah mengisi kolom email dan password kill tombol login maka user akan

masuk ke menu home user.

8. Rancangan Halaman Login Administrator

Gambar III.9. Rancangan Halaman Login Administrator

Page 57: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

42

Tampilan halaman login admin berfungsi untuk login sebagai admin, disini

admin harus mengisi kolom email dan password lalu klik tombol login

kemudian akan masuk ke halaman home admin.

9. Rancangan Halaman Home Administrator

Gambar III.10. Rancangan Halaman Home Administrator

Tampilan halaman utama admin berfungsi untuk menampilkan informasi tentang

data admin, data gedung,data penghuni,bank, data fasilitas, data pemesanan, dan

data pembayaran.

10. Rancangan Halaman Data Admin

Gambar III.11. Rancangan Halaman Data Admin

Page 58: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

43

Tampilan halaman data admin berfungsi untuk menampilkan form data

admin dan edit data admin.

11. Rancangan Halaman Edit Admin

Gambar III.12. Rancangan Halaman Edit Admin

Tampilan halaman edit admin berfungsi untuk mengedit data admin jika

sebelumnya ada kesalahan penginputan data admin, jika ingin edit data

admin klik edit lalu ubah data yang ingin di ubah jika sudah selesai klik

tombol simpan.

12. Rancangan Halaman Menu Gedung

Gambar III.13. Rancangan Halaman Menu Gedung

Page 59: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

44

Tampilan halaman data gedung berfungsi untuk melihat data gedung dan

jumalah blok yang tersedia, dan juga dapat mengedit,menambah dan

menghapus data kamar/lantai yang tersedia.

13. Rancangan Halaman Daftar Transaksi

Gambar III.14. Rancangan Halaman Daftar Transaksi

Tampilan Halaman daftar transaksi berfungsi untuk melihat daftar riwayat

transaksi yang sudah di lakukan user.

14. Rancangan Halaman Menu Daftar Gedung

Gambar III.15. Rancangan Halaman Menu Daftar Gedung

Tampilan Halaman menu daftar gedung berfungsi untuk melihat detail

gedung hunian dan jumlah lantai.

15. Rancangan Halaman Menu Detail Transaksi

Page 60: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

45

Gambar III.16. Rancangan Halaman Menu Detail Transaksi

Tampilan Halaman menu detail transaksi berfungsi untuk melihat detail

transaksi penghuni yang sudah melakukan pembayaran, penghuni dapat

melihat detail transaksi yang sudah ia lakukan dengan cara masuk ke menu

daftar transaksi lalu klik menu detail, kemudian detail transaksi dari

penghuni itu akan muncul..

Page 61: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

46

16. Rancangan Halaman Menu Register Member

Gambar III.17. Rancangan Halaman Menu Register Member

Tampilan Halaman menu register member berfungsi untuk para calon

pengunghuni yang ingin menjadi anggota atau melakukan pemesanan rumah

susun, para calon penghuni harus mealakukan register untuk bisa menjadi

anggota atau melakukan pemesanan rusun dengan cara mengisi semua

kolom yang ada pada menu register setelah seleseai mengisi semua kolom

klik daftar setelah terdaftar barulah calon penghuni dapat login dan

melakukan pemesanan dan pembayaran.

Page 62: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

47

17. Rancangan Halaman Menu Pembayaran

Gambar III.18. Rancangan Halaman Menu Pembayaran

Tampilan Halaman menu pembayaran berfungsi untuk penghuni melakukan

pembayaran. Untuk penghuni yang sudah melakukan login dan ingin

melakukan pembayaran, dapat di lakukan dengan cara klik menu daftar

transaksi lalu klik menu bayar, isi kolom yang tersedia, setelah mengisi

semua kolom klik tombol konfirmasi.

Page 63: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

48

3.3.2. Rancangan Basis Data

A. Entity Relational Diagram (ERD)

Gambar III.19. Entity Relational Diagram (ERD)

Page 64: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

49

B. Logical Relational Structure (LRS)

Gambar III.20. Logical Relational Structure (LRS)

Page 65: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

50

C. Spesifikasi File

Di dalam pembuatannya, website ini di tunjang oleh file-file atau tabel yang

terbentuk dari transformasi ERD (file-file penunjang untuk web). File-file ini

tersimpan pada sebuah database dengan nama “daftar_rusun.sql” dengan

parameter-parameter sebagai berikut:

1. Tabel Admin

Nama File : Admin

Akronim : admin

Fungsi : Untuk menyimpan data admin

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 466 Karakter

Kunci Field : id_admin

Software : Mysql

Tabel III.1. Spesifikasi File Admin

No Elemen Data Nama Field Tipe Size Keterangan

1 Id Admin Id Integer 11 Primary Key

2 Nama Nama Varchar 50

3 Email Email Varchar 50

4 Password password varchar 30

5 Alamat Alamat Text 300

6 Jenis kelamin Jenis_kelamin Enum 5

7 No hp No_hp Varchar 20

Page 66: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

51

2. Tabel Pemesanan

Nama File : Pemesanan

Akronim : pemesanan

Fungsi : Untuk menyimpan data pemesanan sewa rusun

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 62 Karakter

Kunci Field : id_pemesanan

Software : Mysql

Tabel III.2. Spesifikasi File Pemesanan

No Elemen Data Nama Field Tipe Size Keterangan

1 Id pemesanan id_pemesanan int 11 Primary Key

2 Id admin Id_admin Int 11 Foreign key

3 Id_penghuni Id_penghuni Int 11 Foreign key

4 Id blok Id_blok Int 11 Foreign key

4 Tgl pesan Tgl_pesan Date 8

5 Harga Harga Int 11

3. Tabel Penghuni

Nama File : penghuni

Akronim : penghuni

Fungsi :Untuk menyimpan data penghuni

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Page 67: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

52

Media : Harddisk

Panjang Record : 717 Karakter

Kunci Field : id_penghuni

Software : Mysql

Tabel III.3. Spesifikasi File Penghuni

No Elemen Data Nama Field Tipe Size Keterangan

1 Id Penghuni Id_penghuni integer 11 Primary Key

2 Id admin Id_admin Integer 11 Foreign key

3 Nama Nama Varchar 100

4 Email Email Varchar 50

5 Password Password Varchar 30

6 Alamat Alamat Text 300

7 Jenis kelamin Jenis_kelamin Enum 5

8 No hp No_hp Varchar 20

9 No ktp No_ktp Varchar 40

10 No kk No_KK Varchar 50

11 Foto Foto Varchar 100

4. Tabel pembayaran

Nama File : Pembayaran

Akronim : pembayaran

Fungsi : Untuk menyimpan data pembayaran sewa rusun

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 169 Karakter

Kunci Field : id_pembayaran

Software :Mysql

Page 68: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

53

Tabel III.4. Spesifikasi File Pembayaran

5. Tabel Blok Rusun

Nama File : blok rusun

Akronim : blok rusun

Fungsi : Untuk menyimpan data harga gedung rusun

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 49 Karakter

Kunci Field : id_blok

Software : Mysq

No Elemen Data Nama Field Tipe Size Keterangan

1 Id pembayaran id_pembayaran Integer 11 Primary Key

2 Id admin Id_admin Integer 11 Foreign key

3 Id blok Id_blok Integer 11 Foreign key

4 Id penghuni Id_penghuni Integer 11 Foreign key

5 Id pemesanan Id_pemesanan Integer 11 Foreign key

6 Tanggal

transaksi

Tgl_transaksi Date 8

7 Kode transfer Kode_transfer Varchar 50

8 Bank Bank Varchar 20

9 Konfirmasi Konfirmasi Varchar 10

10 Jumlah Jumlah Int 11

11 Status Status Enum 15

Page 69: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

54

Tabel III.5. Spesifikasi File Blok Rusun

3.3.3. Rancangan Struktur Navigasi

Rancangan struktur navigasi digunakan untuk menggambarkan secara garis

besar isi dari seluruh website dan bagaimana menggambarkan hubungan antara

isi-isi website. Struktur navigasi website ini adalah struktur navigasi campuran

(composite). Melalui struktur navigasi ini terlihat bagaimana isi dan susunan dari

website secara menyeluruh.

Pembuatan struktur navigasi ini akan sangat membantu nantinya ketika akan

membuat rancangan seluruh halaman website. Struktur navigasi yang baik adalah

yang mampu memberitahukan kepada pengguna tentang lokasi mereka sekarang

dan lokasi yang bisa dikunjungi dari lokasi sekarang berada.

No Elemen Data Nama Field Tipe Size Keterangan

1 Id blok Id_blok Integer 11 Primary Key

2 Id admin Id_admin Integer 11 Foreign key

3 Id kamar Id_kamar Integer 11

4 Harga Harga Integer 11

5 Type Type Enum 5

Page 70: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

55

1. Struktur Navigasi User

Gambar III.25. Struktur Navigasi User

2. Struktur Navigasi Admin

Gambar III.22. Struktur Navigasi Admin

Page 71: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

56

3.4. Implementasi dan Pengujian Unit

3.4.1. Implementasi

A. Implementasi Rancangan Antar Muka

Implementasi rancangan antar muka pada sistem informasi penerimaan

siswa baru berdasarkan hasil rancangan antar muka.

1. Halaman Utama User

Gambar III.23. Halaman Utama User

Page 72: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

57

2. Halaman daftar Gedung

Gambar III.24. Halaman Gedung

3. Halaman Cara Pembayaran

Gambar III.28. Halaman Cara Pembayaran

Page 73: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

58

4. Halaman Tentang Kami

Gambar III.26. Halaman Tentang Kami

5. Halaman Daftar Transaki

Gambar III.27. Halaman Daftar Transaksi

Page 74: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

59

6. Halaman Profil User

Gambar III.28. Halaman Profil User

7. Halaman Detail Transaki

Gambar III.29. Halaman Detail Transaksi

Page 75: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

60

8. Halaman Daftar Login Admin

Gambar III.30. Halaman Login Admin

9. Halaman Home Admin

Gambar III.31. Halaman Home Admin

Page 76: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

61

10. Halaman Admin Menu Gedung

Gambar III.32. Halaman Admin Menu Gedung

11. Halaman Admin Data Penghuni

Gambar III.33. Halaman Admin Data Penghuni

Page 77: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

62

12. Halaman Admin Menu Fasilitas

Gambar III.34. Halaman Admin Menu Fasilitas

13. Halaman Admin Menu Pemesanan

Gambar III.35. Halaman Admin Menu Pemesanan

Page 78: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

63

14. Halaman Admin Menu Pembayaran

Gambar III.36. Halaman Admin Menu Pembayaran

B. Spesifikasi Sistem Komputer

Berikut ini adalah spesifikasi perangkat keras danperangkat lunak minimum

yang dibutuhkan untuk mengimplementasikan JUDUL.

1. Spesifikasi Perangkat Keras

a. Server

1) CPU

(a) Processor Intel® Pentium® Core 2 Duo

(b) RAM DDR2 4 GB

(c) Hard Disk 500 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768

Page 79: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

64

5) Koneksi internet dengan kecepatan 2 Mbps.

b. Client

1) CPU

(a) Processor Intel® Pentium® 4

(b) RAM DDR2 1GB

(c) Hard Disk 20 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768

5) Koneksi internet dengan kecepatan 56 kbps.

2. Spesifikasi Perangkat Lunak

1. Server

a. Sistem operasi yang umum digunakan seperti: Microsoft Windows atau

Linux (Ubuntu, Fedora, dan lain-lain).

b. Aplikasi bundle web server seperti: Xampp, WampServer, php2triad yang

terdiri dari beberapa komponen, diantaranya:

(1) Aplikasi Apache Server v2

(2) Aplikasi PHP Server v5

(3) Aplikasi MySQL Server v5

(4) Aplikasi phpMyAdmin v3

c. Aplikasi Web Browser seperti Mozilla Firefox, Opera, Safari, Internet

Explorer, Google Chrome.

Page 80: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

65

3.4.2. Pengujian Unit

Pengujian terhadap program yang dibuat menggunakan black box testing

yang fokus terhadap proses masukan dan keluaran program.

1. Pengujian Terhadap Form Login Admin

Tabel III.6.

Pengujian Black Box Testing Halaman Login Admin

No Skenario

Pengujian

Test Case Hasil

Pengujian

Hasil

Yang Di

harapkan

Kesimpulan

1 Username

dan Password

tidak diisi

lalu klik

login

Username

(kosong)

Password

(kosong)

Sistem akan

menolak

masuk ke

halaman admin

dan

menampilkan”

Anda belum

mengisi

Username”

Sesuai

harapan

Valid

2 Mengetikan

username tapi

Password

tidak

Diisi, lalu

klik login

Username:

admin

Password:

(kosong)

Sistem akan

menolak

masuk ke

halaman admin

dan

menampilkan”

Anda belum

mengisi

Password”

Sesuai

harapan

Valid

3 Tidak

mengetikan

username,tapi

password

diisi dan pilih

hak akses

admin, lalu

klik login

Username:

(kosong)

Password:

(admin)

Sistem akan

menolak

masuk ke

halaman admin

dan

menampilkan”

Anda belum

mengisi

Username”

Sesuai

harapan

Valid

4 Mengetikan

Salah satu

Username:

as

Sistem akan

menolak

Sesuai Valid

Page 81: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

66

kondisi salah

Pada

username

atau

password

lalu klik

login

(salah)

Password:

admin

(benar)

masuk ke

halaman admin

dan

menampilkan”

username dan

password tidak

sesuai”

harapan

5 Mengetikan

Salah satu

kondisi salah

Pada

username

atau

password lalu

pilih hak

akses admin,

lalu klik

login

Username:

Admin

(benar)

Password:

21

(salah)

Sistem akan

menolak

masuk ke

halaman admin

dan

menampilkan”

username dan

password tidak

sesuai

Sesuai

Harapan

Valid

6 Username,

password,

benar sebagai

admin lalu

klik login

Username:

Admin

(benar)

Password:

admin

(benar)

Sistem akan

menerima dan

diarahkan ke

Dashboard

Admin

Sesuai

harapan

Valid

2. Pengujian Terhadap Form Login User

Tabel III.7.

Pengujian Black Box Testing Halaman Login User

No Skenario

Pengujian

Test Case Hasil

Pengujian

Hasil

Yang Di

harapkan

Kesimpulan

1 Username

dan Password

tidak diisi lalu

klik login

Username

(kosong)

Password

(kosong)

Sistem akan

menolak

masuk ke

halaman

admin dan

menampilkan

”Anda belum

mengisi

Username”

Sesuai

harapan

Valid

Page 82: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

2 Mengetikan

username tapi

Password

tidak

Diisi, lalu klik

login

Username:

admin

Password:

(kosong)

Sistem akan

menolak

masuk ke

halaman

admin dan

menampilkan

”Anda belum

mengisi

Password”

Sesuai

harapan

Valid

3 Tidak

mengetikan

username,tapi

password diisi

dan pilih hak

akses admin,

lalu klik login

Username:

(kosong)

Password:

(admin)

Sistem akan

menolak

masuk ke

halaman

admin dan

menampilkan

”Anda belum

mengisi

Username”

Sesuai

harapan

Valid

4 Mengetikan

Salah satu

kondisi salah

Pada username

atau password

lalu klik login

Username:

as

(salah)

Password:

admin

(benar)

Sistem akan

menolak

masuk dan

menampilkan

pesan”userna

me dan

password

tidak sesuai”

Sesuai

harapan

Valid

5 Mengetikan

Salah satu

kondisi salah

Pada username

atau password

lalu pilih hak

akses admin,

lalu klik login

Username:

Admin

(benar)

Password:

21

(salah)

Sistem akan

menolak

masu dan

menampilkan

pesan”userna

me dan

password

tidak sesuai

Sesuai

Harapan

Valid

6 Username,

password,

benar sebagai

admin lalu klik

login

Username:

Admin

(benar)

Password:

admin

(benar)

Sistem akan

menerima

dan

diarahkan ke

Halaman

home user

Sesuai

harapan

Valid

Page 83: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

3. Pengujian Terhadap Halaman Pesan Gedung

Tabel III.8.

Pengujian Black Box Testing Halaman Pesan Gedung

No Skenario

Pengujian

Test Case Hasil

Pengujian

Hasil

Yang Di

harapkan

Kesimpulan

1 Jika Kolom

Tanggal

Tidak diisi

lalu klik

tombol Pesan

Kolom

kosong

(tidak diisi

semua)

Sistem akan

menolak dan

akan

menampilkan

“Please

Select a file”

Sesuai

Harapan

Valid

2 Kolom tanggal

terisi semua

lalu klik

tombol pesan

Kolom

terisi

semua

Sistem akan

menerima

dan data akan

tersimpan

Sesuai

harapan

Valid

4. Pengujian Terhadap Halaman Edit Admin

Tabel III.9.

Pengujian Black Box Testing Halaman Edit Admin

No Skenario

Pengujian

Test Case Hasil

Pengujian

Hasil

Yang Di

harapkan

Kesimpulan

1 Jika Kolom

Tidak diisi

semua lalu

klik tombol

Simpan

Kolom

kosong

(tidak diisi

semua)

Sistem akan

menolak dan

akan

menampilkan

“Anda Belum

Mengisikan

Email”

Sesuai

Harapan

Valid

2 Jika ada salah

satu kolom

yang tidak

terisi lalu klik

tombol

Simpan

Ada salah

satu kolom

tidak terisi

Sistem akan

menolak dan

akan

menampilkan

“Anda Belum

Mengisikan

Email””

Sesuai

Harapan

Valid

Page 84: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

3 Kolom Email

terisi lalu klik

tombol

Simpan

Kolom

Email terisi

Sistem akan

menolak dan

akan

menampilkan

“Anda Belum

Mengisikan

Nama”

Sesuai

harapan

Valid

4 Kolo nama

terisi lalu klik

tombol simpan

Kolom

Nama terisi

Sistem akan

menolak dan

akan

menampilkan

“Anda Belum

Mengisikan

No.Hp”

Sesuai

harapan

Valid

5. Pengujian Terhadap Halaman Edit Gedung

Tabel III.10.

Pengujian Black Box Testing Halaman Edit Gedung

No Skenario

Pengujian

Test Case Hasil

Pengujian

Hasil

Yang Di

harapkan

Kesimpulan

1 Jika Kolom

Tidak diisi

semua lalu

klik tombol

Simpan

Kolom

kosong

(tidak diisi

semua)

Sistem akan

menolak dan

akan

menampilkan

“Anda Belum

Mengisikan

Nama Blok”

Sesuai

Harapan

Valid

2 Jika kolom

nama yang

tidak

terisi lalu klik

tombol

Simpan

Ada salah

satu kolom

tidak terisi

Sistem akan

menolak dan

akan

menampilkan

“Anda Belum

Mengisikan

Alamat

Rusun”

Sesuai

Harapan

Valid

3 Jika semua

kolom terisi

lalu klik

tombol simpan

Kolom

terisi

semua

Sistem akan

meneima dan

data akan

tersimpan

Sesuai

harapan

Valid

Page 85: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

6. Pengujian Terhadap Halaman Edit User

Tabel III.11.

Pengujian Black Box Testing Halaman Edit User

No Skenario

Pengujian

Test Case Hasil

Pengujian

Hasil

Yang Di

harapkan

Kesimpulan

1 Jika Kolom

nama

Tidak diisi lalu

klik tombol

Simpan

Kolom

nama tidak

di isi

Sistem akan

menolak dan

akan

menampilkan

“Anda Belum

Mengisikan

nama”

Sesuai

Harapan

Valid

2 Jika Kolom no

ktp

Tidak diisi lalu

klik tombol

Simpan

Kolom ktp

tidak di isi

Sistem akan

menolak dan

akan

menampilkan

“Anda Belum

Mengisikan

no ktp”

Sesuai

Harapan

Valid

3 Jika Kolom

email

Tidak diisi lalu

klik tombol

Simpan

Kolom

Email tidak

terisi

Sistem akan

menolak dan

akan

menampilkan

“Anda Belum

Mengisikan

email”

Sesuai

harapan

Valid

4 Jika Kolom

alamat

Tidak diisi lalu

klik tombol

Simpan

Kolom

alamat

tidak terisi

Sistem akan

menolak dan

akan

menampilkan

“Anda Belum

Mengisikan

alamat”

Sesuai

harapan

Valid

5 Jika semua

kolom terisi

lalu klik

simpan

Kolom

terisi

semua

Sistem akan

meneima dan

data akan

tersimpan

Sesuai

harapan

Valid

Page 86: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

BAB IV

PENUTUP

4.1. Kesimpulan

Dari pembahasan pada bab-bab sebelumnya, dapat diambil kesimpulan bahwa

dengan adanya website pada Rusun Jatirawasari ini dapat mempermudah proses

pendftaran penghuni baru.

Sistem informasi ini merupakan aplikasi sistem komputerisasi yang dibuat

berbasis web dan memuat database pengolahan data nilai secara terpusat sehingga

dapat mengolah database tersebut menjadi informasi yang dibutuhkan oleh penghuni

dan administrator.

Sistem informasi pendaftaran penghuni baru ini juga memiliki kelebihan yaitu

dapat diakses dimana saja kapan saja dengan jaringan internet, peningkatan efisiensi

dan efektifitas dalam proses seleksi.

4.2. Saran

Berdasarkan kesimpulan diatas, maka penulis bermaksud memberikan saran

sebagai alternative pemikiran dan harapan agar aspek ilmu pengetahuan tidak bersifat

monoton dan terpaku pada disiplin ilmu pengetahuan itu sendiri.

Adapun saran-saran yang dapat penulis sampaikan sebagai berikut:

1. Aplikasi yang telah dibuat hendaknya dioperasikan secara baik dan benar untuk

mencapai tujuan yang diharapkan.

Page 87: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

2. Untuk Selanjutnya sebaiknya di adakan batas waktu pendaftaran,sehingga admin tidak

harus menginformasikan lagi melalui halaman informasi.

3. Untuk pembayaran pendaftaran sebaiknya juga di lakukan secara online.

Demikian kesimpulan dan saran yang diberikan penulis mengenai Perancangan Sistem

Informasi Pendaftaran penghuni baru dalam tugas akhir ini. Penulis merasa penjelasan dan

penyusunan masih jauh dari sempurna, saran dan kritik yang dapat membangun dalam

penyempurnaan penulisan tugas akhir ini.

Page 88: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

DAFTAR PUSTAKA

ANDI Offset. 2017. Kiat Sukses & Cara Memulai Bisnis Web Hosting.

Semarang: WAHANA KOMPUTER.

ANDI Offset. 2012. Membangun Web Interaktif dengan Adobe Dreamweaver CS5.5, PHP, dan MySQL. Semarang: WAHANA KOMPUTER.

Andriansyah, Doni. 2016. Sistem Informasi Pendaftaran Event Dengan PHP

Untuk Panduan Skripsi. Cirebon: CV. ASFA Solution.

Binanto, I. 2010. Multimedia Digital Dasar Teori dan Pengembanganya.

Yogyakarta: Andi.

Fathansyah, 2015. Basis Data . Bandung : INFORMATIKA

Hartono . 2015. 384 Analisis dan Desain Sistem Infomasi. Jakarta: PT. Elex

Media Komputindo.

Hariyanto, Agus. 2015. Membuat Web Profil Sekolah + PPDB Online

Yogyakarta:Lokomedia. 16

Hidayatullah, Priyanto dan Jauhari Khairul Kawistara. 2017. Pemrograman WEB

Edisi Revisi. Bandung: INFORMATIKA

Jubilee Enterprise. 2016. Pemrograman Bootstrap untuk Pemula. Jakarta: PT.

Elex Media Komputindo.

Jubilee Enterprise. 2014. MySQL untuk Pemula. Jakarta: PT. Elex Media

Komputindo.

Jubilee Enterprise. 2016. Pemrograman Bootstrap untuk Pemula. Jakarta: PT.

Elex Media Komputindo.

Kadir, Abdul.2014. Pengenalan Sistem Informasi Edisi Revisi

Yogyakarta:ANDI

MADCOMS Madiun. 2016. Pemrograman PHP dan MySQL untuk Pemula.

Yogyakarta: ANDI.

Mandar, Ruko. 2017. Solusi Tepat Menjadi Pakar Adobe Dreamweaver CS6.

Jakarta: PT. Elex Media Komputindo.

Pratama, I Putu Agus Eka. 2014. Sistem Informasi dan Implementasinya.

Bandung: Penerbit Bandung.

Page 89: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1

Pratama, I Putu Agus Eka. 2015. Handbook Jaringan Komputer. Bandung:

INFORMATIKA.

Pressman, R.S. 2015. Rekayasa Perangkat Lunak: Pendekatan Praktisi Buku 1.

Yogyakarta: ANDI.

Rachmanto, Ricky. 2017. 9 Langkah Praktis Membuat Website Gratis. Jakarta:

PT. Elex Media Komputindo.

Sianipar, R.H. 2015. Pemrograman JavaScript Teori dan Implementasi. Bandung:

Penerbit Bandung

Sidik,Betha dan Husni Iskandar Pohan. 2014. Pemrograman WEB dengan HTML.

Bandung: INFORMATIKA.3

Winarno, Edy dan Ali Zaki. 2013. Buku Sakti Pemrograman PHP.

Jakarta: PT. Elex Media Komputindo

Page 90: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1
Page 91: KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME...Oleh karena itu pada kesempatan ini penulis dengan ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat : 1