PERANCANGAN DAN PEMBUATAN APLIKASI PENJUALAN RUMAH DAN RUKO PADA GROUP PT. MEGA DASA SEMESTA BERBASIS WEB.

(1)

TUGAS AKHIR

Oleh :

DRAJ AD BUDI PRASETIYO NPM : 0835010047

PROGRAM STUDI SISTEM INFORMASI

FAKULTAS TEKNOLOGI INDUSTRI

UNIVERSITAS PEMBANGUNAN NASIONAL “VETERAN”

J AWA TIMUR

(2)

RUMAH DAN RUKO PADA GROUP PT. MEGA DASA SEMESTA

BERBASIS WEB

Disusun Oleh :

DRAJ AD BUDI PRASETIYO NPM. 0835010047

Telah dipertahankan dan diterima oleh Tim Penguji Skripsi

Pr ogram Studi Sistem Informasi, Fakultas Teknologi Industri

Univer sitas Pembangunan Nasional “Veteran” J awa Timur

Pada tanggal 23 November 2012

Tim Pembimbing, Tim Penguji

Dekan Fakultas Teknologi Industri

Univer sitas Pembangunan Nasional “Veteran J awa Timur ”

(3)

PERANCANGAN DAN PEMBUATAN APLIKASI PENJ UALAN

RUMAH DAN RUKO PADA GROUP PT. MEGA DASA SEMESTA

BERBASIS WEB

Disusun Oleh :

DRAJ AD BUDI PRASETIYO NPM. 0835010047

Telah disetujui untuk mengikuti Ujian Negara Lisan Gelombang 1 Tahun Akademik 2012/2013

Pembimbing I, Pembimbing II,

Dr. Ronny , S.Kom. M.Kom, MHum Doddy Ridwandono, S.Kom

NIDN. 0930097101 NPT. 378050702181

Mengetahui ,

Ketua Program Studi Sistem Informasi

Univer sitas Pembangunan Nasional “Veteran” J awa Timur

(4)

KETERANGAN REVISI

Kami yang bertanda tangan dibawah ini menyatakan bahwa mahasiswa berikut :

Nama : DRAJAD BUDI PRASETIYO

NPM : 0835010047

Program Studi : SISTEM INFORMASI

Telah mengerjakan revisi/tidak ada revisi*) pra rencana (design) / skripsi ujian

lisan gelombang I, Tahun Ajaran 2012/2013 dengan judul:

“PERANCANGAN DAN PEMBUATAN APLIKASI PENJ UALAN RUMAH DAN RUKO PADA GROUP PT. MEGA DASA SEMESTA

BERBASIS WEB”

Surabaya, 23 November 2012 Dosen Penguji yang memeriksa revisi

1) PROF. DR. IR. H. Akhmad Fauzi, MMT { }

Dosen Pembimbing I, Dosen Pembimbing II,

Dr. Ronny , S.Kom. M.Kom, MHum Doddy Ridwandono, S.Kom

(5)

Assalamualaikum Wr. Wb.

Dengan mengucap segala puji syukur terhadap Tuhan Yang Maha Esa atas

segala rahmat dan hidayah-Nya, sehingga Laporan Tugas Akhir yang telah

dilaksanakan di PT. Mega Dasa Semesta dapat terselesaikan dengan baik.

Laporan Tugas Akhir ini saya susun sebagai salah satu persyaratan

akademik kurikulum perguruan tinggi dalam menempuh program Strata Satu (S1),

serta sebagai mata kuliah wajib intrakurikuler yang ditempuh oleh setiap

mahasiswa Universitas Pembangunan Nasional “Veteran” Jawa Timur.

Tugas Akhir dilaksanakan pada tanggal 11 juli 2012 sampai dengan 13

November 2012. Dengan adanya Tugas Akhir (TA) ini setiap mahasiswa dapat

belajar menemukan penelitian serta dapat menjawab permasalahan yang berada di

dalam perusahaan atau organisasi. Dengan tujuan memberikan solusi terhadap

permasalahan yang dihadapi oleh perusahaan maupun organisasi dengan membuat

sebuah program atau aplikasi yang dapat membantu kinerja pengguna aplikasi

khususnya di bagian IT untuk mengolah data karyawan secara update, akurat, dan

efisien. Setiap mahasiswa diberi kesempatan untuk menerapkan ilmu

pengetahuan yang diperoleh menurut disiplin ilmu yang telah diberikan dari

berbagai jurusan di Universitas Pembangunan Nasional “Veteran” Jawa Timur.

Atas kelancaran Tugas Akhir, saya berterima kasih atas bimbingan serta

bantuan dari berbagai pihak. Sehingga dalam kesempatan ini kami mengucapkan

terima kasih yang sebesar-besarnya kepada :

1. Bapak Nur Cahyo Wibowo, S.Kom, M.Kom, selaku Kepala Program studi

Sistem Informasi Universitas Pembangunan Nasional “Veteran” Jawa

Timur.

2. Bapak Muhammad Irwan Afandi, ST, MSc selaku Sekretaris Program studi

Sistem Informasi Universitas Pembangunan Nasional “Veteran” Jawa

Timur.

3. Bapak Dr. Ronny , S.Kom. M.Kom, MH selaku Dosen Pembimbing.

(6)

6. Orang tua, Saudara, Sahabat, Teman maupun Kerabat atas do’a restu serta

dukungan morilnya.

7. Seluruh pihak terkait dan berkepentingan yang telah membantu penyusunan

Tugas Akhir ini ini.

Akhir kata, kami menyadari bahwa penyusunan Laporan Tugas Akhir ini

masih kurang sempurna. Untuk itu, segala saran dan kritik yang bersifat

membangun sangat kami harapkan guna penyempurnaan tulisan kami selanjutnya.

Harapan kami semoga laporan ini dapat bermanfaat dan berguna bagi semua

pihak yang membutuhkan.

Atas perhatian dan kebijaksanaanya, kami ucapkan terima kasih.

Wassalamualaikum Wr. Wb.

Surabaya, 13 November 2012

(7)

HALAMAN JUDUL

1.5 Manfaat Penelitian...``3

1.6 Sistematika Penulisan... 4

BAB II TINJ AUAN PUSTAKA... 5

2.1 Tinjauan Umum Perusahaan... 5

2.1.1 Sejarah Singkat Perusahaan... 5

2.1.2 Aktivitas dan Kapasitas Perusahaan... 6

2.1.3 Struktur Organisasi... 6

2.1.4 Data Umum Perusahaan... 7

A. Umum ... 7

A.1 Izin Usaha ... 7

A.2 Landasan Hukum Pendirian Perusahaan ... 8

2.2 Program Aplikasi... 9

2.3 Database... 10

(8)

2.4 PHP………... 12

2.5 CSS (Cascading Style Sheets)………....,,... 13

2.6 AJAX ………... 14

2.7 JQuery ………... 15

BAB III ANALISIS DAN PERANCANGAN SISTEM... 16

3.1 Analisa Masalah……...……... 16

3.2 Pembahasan Masalah... 16

3.3 Analisa Sistem yang Berjalan ... 17

3.4 Sistem Saat Ini………... 19

3.5 Perancangan Sistem ... 19

3.5.1 Bagan Alir Sistem (Flowchart) Menu Master ….. 20

1) Conceptual Data Model (CDM)... 29

2) Physical Data Model (PDM) ... 30

3) Struktur File... 31

a. Tabel_Kategori Perjanjian... 32

b. Tabel_Kategori_Jenis_Stok... 32

c. Tabel Lokasi…………... 33

(9)

g. Tabel Angsuran………….……... 35

h. Tabel Sales…………... 35

i. Tabel Sp………... 36

j. Tabel Customer ... 36

3.5.6 Desain Antarmuka (Interface) ... 37

1. Desain Form Utama... 37

7. Desain Form Master Cara Pembelian... 40

8. Desain Form Master Stok ... 41

9. Desain Form Data Sales... 41

10. Desain Form Data Customer ... 42

11. Desain Form Data Perjanjian ... 42

12. Desain Form SMS Gateway SMS Masuk... 43

13. Desain Form SMS Gateway SMS Keluar... 43

14. Desain Form SMS Gateway SMS Contact... 44

15. Desain Form Sp3 ... 44

16. Desain Form Angsuran ... 45

17. Desain Form Setting Sp3 ... 46

18. Desain Form Laporan Penjualan ... 47

19. Desain Form Laporan Stok ... 48

(10)

BAB IV IMPLEMENTASI DAN UJ I COBA SISTEM………… 50

4.1 Implementasi dan Uji Coba Sistem ……….. 50

1. Form Login………... 50

2. Form Menu Utama …... 51

3. Form Kategori Perjanjian... 52

4. Form Jenis Stok………... 53

17. Form Laporan Penjualan…….…………... 69

18. Form Laporan Stok….………... 70

19. Form Laporan Penjualan Sales…………... 71

20. Form Management User ... 72

BAB V KESIMPULAN DAN SARAN………... 73

5.1 Kesimpulan... 73

(11)

Penulis : Drajad Budi Prasetiyo

Pembimbing I : Dr. Ronny, S.Kom, M. Kom, MH

Pembimbing II : Doddy Ridwandono S.Kom

ABSTRAK

Semakin meningkatnya persaingan bisnis, maka sejalan dengan perkembangan

arus informasi, suatu perusahaan dituntut agar mampu memberikan informasi

yang lebih lengkap dan akurat, baik untuk kepentingan internal maupun eksternal

perusahaan. Adapun dengan perkembangan arus informasi yang meningkat,

kebutuhan teknologi informasi sangat penting sebagai salah satu faktor untuk

dapat bersaing. PT. MEGA DASA SEMESTA merupakan salah satu pengembang

properti yang mempunyai misi dibidang pembangunan properti. Dalam

pelaksanaannya, pengolahan data dan pemrosesan data yang dilakukan masih

mengalami kendala, contohnya pada penyimpanan data stok, data penjualan masih

disimpan menggunakan map serta pengecekan stok rumah masih menggunakan

cek list bolpoin.

Maka dari itu dibuatlah sistem informasi website penjualan ruko dan rumah

untuk mengolah data dengan arus informasi terbaru dan memproses penyimpanan

dan pencarian data penjualan, pembuatan surat SP3 sesuai dengan kebutuhan

perusahaan bagi pengguna web.

Dengan menggunakan aplikasi penjualan ruko dan rumah ini maka dapat

membantu developer dalam memantau perkembangan usahanya.

(12)

1.1Latar Belakang

Semakin meningkatnya persaingan bisnis, maka sejalan dengan

perkembangan arus informasi, suatu perusahaan dituntut agar mampu

memberikan informasi yang lebih lengkap dan akurat, baik untuk kepentingan

internal maupun eksternal perusahaan. Adapun dengan perkembangan arus

informasi yang meningkat, kebutuhan teknologi informasi sangat penting

sebagai salah satu faktor untuk dapat bersaing, Dalam hal ini peranan

komputer diperlukan dalam membantu melaksanakan aktivitas setiap pegawai

sesuai dengan jabatan dan tugasnya. Dengan komputerisasi dapat mendukung

sistem informasi perusahaan yang disertai aplikasi sebagai fasilitator

pengolahan data dan informasi.

Adapun dengan perkembangan arus informasi yang meningkat, kebutuhan

teknologi informasi sangat penting. Dalam hal ini peranan komputer

diperlukan dalam membantu melaksanakan aktivitas kinerja oleh setiap

pegawai sesuai dengan jabatan dan tugasnya. Dengan komputerisasi dapat

mendukung sistem informasi perusahaan yang disertai aplikasi sebagai

fasilitator pengolahan data dan informasi.

PT. MEGA DASA SEMESTA merupakan salah satu pengembang properti

yang mempunyai misi dibidang pembangunan properti. Dalam

pelaksanaannya, pengolahan data dan pemrosesan data yang dilakukan masih

(13)

masih disimpan menggunakan map serta pengecekan stok rumah masih

menggunakan cek list bolpoin. Sehingga untuk pencarian data lebih lama

karena belum maksimalnya sistem penyimpanan data yang ada. Selain itu

terbatasnya sumber daya manusia (user) yang ikut membantu dalam proses

pendaftaran pemohon surat SP3 (Surat Pesananan dan Persetujuan

Pembelian), terkait dengan banyaknya data yang harus diproses sehingga

berpengaruh terhadap lamanya proses pesanan dan pengolahan itu sendiri.

Untuk menanggulangi hal tersebut maka sangat perlu diadakan pengembangan

sistem informasi sehingga diharapkan dapat mengurangi kesulitan yang ada.

Ru m u sa n Ma sa la h

Berdasarkan hasil penelitian maka, identifikasi masalah dirumuskan

sebagai berikut :

Bagaimana merancang dan membangun website penjualan ruko dan rumah

untuk mengolah data dengan arus informasi terbaru ?

1.2Batasan Masalah

Adapun batasan masalah dari ruang lingkup permasalahan sebagai berikut:

1. Hak akses aplikasi digunakan oleh Administrator web, sales, customer.

2. Mengolah data master lokasi, stok, jenis stok, tipe unit, perjanjian, cara

pembelian. Serta mengelola data customer, sp3, sales.

3. Membuat laporan data sp3, laporan penjualan, stok rumah, laporan

penjualan per sales yang ditampilkan sesuai masukan kata kunci

(14)

4. Pada data angsuran diasumsikan jika pembelian secara KPR, nilai kredit

yang diajukan diterima sesuai dengan harga rumah atau ruko.

1.3Tujuan Penelitian

Adapun tujuan dari penelitian berdasarkan latar belakang dan rumusan

masalah adalah sebagai berikut:

Membuat sistem informasi website penjualan ruko dan rumah untuk mengolah

data dengan arus informasi terbaru dan memproses penyimpanan dan pencarian

data penjualan, pembuatan surat SP3 sesuai dengan kebutuhan perusahaan bagi

pengguna web.

1.4Manfaat Penelitian

Dari tujuan yang telah dihasilkan dalam pengerjaan Tugas Akhir, dapat

dihasilkan juga manfaatnya sebagai berikut:

1. Mempermudah bagian penjualan dalam mengolah data pembeli

2. Mempermudah developer dalam memantau perkembangan usahanya

1.5Sistematika Penulisan

Urutan penyajian dan hal-hal yang akan dibahas pada penulisan laporan tugas

(15)

BAB I PENDAHULUAN

Untuk memberikan informasi-informasi awal bagaimana pengerjaan

laporan akhir yang menjelaskan tentang latar belakang, perumusan masalah,

batasan masalah, tujuan, manfaat, dan sistematika penulisan.

BAB II TINJ AUAN PUSTAKA

Membahas masalah yang berhubungan dengan “Perancangan dan

Pembuatan Aplikasi Penjualan Rumah dan Ruko Pada Perumahan Citra

Residence Berbasis Web ”, serta teori lainnya yang mendukung pembuatan

aplikasi.

BAB III ANALISIS DAN PERANCANGAN SISTEM

Menjabarkan tahap perancangan sistem dari analisa aplikasi yang akan

dibuat, alur proses kerja penggunaan aplikasi, desain proses aplikasi, desain

sistem aplikasi, dan desain tampilan aplikasi yang dirancang.

BAB IV IMPLEMENTASI DAN UJ I COBA SISTEM

Menjabarkan cara kerja pada program aplikasi web , dalam memproses

penyimpanan dan pencarian dan pencarian data

BAB V PENUTUP

Berisi kesimpulan yang diperoleh selama tugas akhir selama merancang

aplikasi web dan saran yang diberikan sebagai acuan untuk perbaikan dan

(16)

BAB II

TINJ AUAN PUSTAKA

2.1 Tinjauan Umum Perusahaan

Berikut ini dijelaskan mengenai sejarah perusahaan dan gambaran umum

mengenai PT. Dasa Mega Semesta.

2.1.1 Sejar ah Singkat Perusahaan

PT. Mega Dasa Semesta sebuah Perusahaan Nasional, didirikan pada

tanggal 30 Juni 2004, dengan akta Notaris Ny. Hj. Yuida, SH Nomor : 05

berkedudukan dan berdomisili di kota Surabaya, dan sudah melakukan

persetujuan dan perubahan anggaran dasar perseroan sesuai dengan akta Notaris

Ny. Hj. Yuida, SH Nomor : 02 tanggal 15 September 2008 berkedudukan di

Kotamadya Surabaya.

Perusahaan ini didirikan dengan tujuan keikutsertaan para pemegang

saham yang terdiri dari beberapa pengusaha, dalam pembangunan, dengan

mengambil peran dalam pembangunan dan penyediaan gedung, perumahan,

perkantoran, apartemen dan prasarana lainnya yang secara langsung maupun tidak

langsung dapat menunjang program-program Pemerintah Republik Indonesia

dalam mensejahterakan warga negaranya.

Termasuk dalam kegiatan adalah pembangunan infrastruktur yang

diperlukan untuk pengembangan ekonomi Negara dan masyarakat termasuk jalan,

(17)

2.1.2 Aktivitas dan Kapasitas Perusahaan

Sehubungan dengan tujuan diatas, aktivitas Perusahaan dalam penyediaan

fasilitas perkantoran dan perumahan, dimulai dari inventarisasi kebutuhan di

pasar, baik penyediaan lahan industri, pemukiman dan perkantoran, serta fasilitas

pendukung lainnya.

Hal ini dimungkinkan karena kerja sama yang baik dengan partner usahanya,

didukung oleh modal yang cukup yang disediakan oleh para pemegang saham dan

pengurusnya.

Dengan demikian, Perusahaan mampu menangani pekerjaan-pekerjaan dalam

klarifikasi besar, yang pada umumnya adalah proyek-proyek swasta, tidak hanya

di Surabaya dan Jawa Timur, melainkan juga di Bali dan lain-lain

2.1.3 Str uktur Organisasi

(18)

2.1.4 DATA UMUM PERUSAHAAN

A. UMUM

1 Nama Perusahaan PT. MEGA DASA SEMESTA

2

Alamat Perusahaan

- Kantor Pusat

- Kantor Proyek

Jl. Manyar Indah VI No. 14 Surabaya

Telp.(031) 5931931, (031) 72345899

Fax. (031) 5931931

Jl. Raya Sarirogo ex TNI AU Sidoarjo

Telp. (031) 8058474,

Fax. (031) 8058474

A.1 IZIN USAHA

1

Tanda Daftar Perusahaan

(TDP)

- Masa Berlaku Ijin Usaha 07 Oktober 2014

- Nomor Surat Ijin 503/4589.0/436.6.11/2009

(19)

- Instansi Pemberi Ijin

Usaha

Dinas Perindustrian, Perdagangan

& Penanaman Modal

2

Sur at Ijin Usaha Pedagangan

(SIUP)

A.2 LANDASAN HUKUM PENDIRIAN PERUSAHAAN

(20)

- Tanggal/Bulan/Tahun

Berdiri

15 September 2008

2 Pengesahan Menteri

Kehakiman

- Nomor

- Tanggal Pengesahan

Persetujuan Akta Perubahan

………..

- Nomor

- Tanggal Persetujuan

C-19440.HT.01.01.TH.2004

Banyak pendapat dalam hal pendefinisian pengertian tentang Program

Aplikasi diantaranya, yaitu :

“Program Aplikasi merupakan perangkat lunak yang menentukan

bagaimana sumber data digunakan untuk menyelesaikan masalah para pengguna”.

(http://bebas.vlsm.org/v06/kuliah/sistemoperasi/buku/sistemoperasi/p1c1.html),

(21)

2.3 Database

Dibawah ini menjelaskan tentang pengertian database dan beserta elemen

– elemen database.

2.3.1 Pengertian Database

Database merupakan sekumpulan informasi yang saling berkaitan pada

suatu subjek tertentu pada tujuan tertentu pula.

Database adalah susunan record data operasional lengkap dari suatu

organisasi atau perusahaan, yang diorganisir dan disimpan secara terintegrasi

dengan menggunakan metode tertentu dalam computer sehingga mampu

memenuhi informasi yang optimal yang dibutuhkan oleh para pengguna.

2.3.2 Sifat-Sifat Database

1) Internal : Kesatuan (integritas) dari file-file yang terlibat.

2) Terbagi/share : Elemen-elemen database dapat dibagikan pada para user baik

secara sendiri-sendiri maupun secara serentak dan pada waktu

yang sama (Concurrent sharing).

2.3.3 Elemen-Elemen Database

a) Tipe :

1. Enterprise = Suatu jenis organisasi, misalnya Bank, Hotel, Universitas

dan lain-lain.

(22)

3. Atribute = Field = Data item = Beberapa hal yang ingin diketahui

dari suatu file.

4. Record = Satu set field yang merupakan cirri khas dari suatu file istilah

entity dan attribute biasanya digunakan pada tingkat konsepsual

dan logikal, sedangkan file, record dan field pada tingkat

internal/fisikal.

Hubungan :

Enterprise terdiri dari beberapa entity, entity terdiri dari beberapa record dan

record terdiri dari beberapa field.

Gambar 2.2 Hubungan Database

b) Isi / Nilai :

1. Data File : Seluruh isi data pada file

2. Data Record : Satu set isi data pada suatu susunan field dari suatu file

3. Data Value : Isi data masing-masing data elemen.

DATA Merupakan sumber daya yang paling penting dalam perusahaan,

data perlu disimpan dan dimanajemen (rencana, desain, operasi, control dan

(23)

Manajemen data dapat dilakukan secara administrasi manual atau dengan

memakai komputer, secara umum. Sistem Database adalah sistem penyimpanan

data memakai komputer.

4 Komponen data proses yang menggunakan Sistem Database :

1. Perangkat Keras (Hardware) : Penyimpanan Sekunder

2. Perangkat Lunak (Software) : Program Aplikasi, DBMS

3. Data : Database mempunyai sifat internal (integritas dari file-file yang

terlibat) dan terbagi / share.

4. User : pengguna pembuat program aplikasi, end user (pengguna pemakai data

langsung), DBA (Penanggung jawab) (Dina Pertiwi WS)

2.4 PHP

PHP (akronim dari PHP: Hypertext Preprocessor) adalah bahasa

pemrograman yang berfungsi untuk membuat website dinamis maupun aplikasi

web. Berbeda dengan HTML yang hanya bisa menampilkan konten statis, PHP

bisa berinteraksi dengan database, file dan folder, sehingga membuat PHP bisa

menampilkan konten yang dinamis dari sebuah website. Blog, Toko Online, CMS,

Forum, dan Website Social Networking adalah contoh aplikasi web yang bisa

dibuat oleh PHP. PHP adalah bahasa scripting, bukan bahasa tag-based seperti

HTML. PHP termasuk bahasa yang cross-platform, ini artinya PHP bisa berjalan

pada sistem operasi yang berbeda-beda (Windows, Linux, ataupun Mac). Program

(24)

Contoh Script PHP

Aturan penulisan script PHP adalah:

1. Semua script PHP harus diapit oleh tanda:

<?php dan ?> , atau

<? dan ?> , atau

<% dan %>

2. Tetapi tanda yang resmi dan paling banyak digunakan adalah yang pertama,

yaitu <?php

dan ?>

3. Pada setiap akhir perintah, diakhiri dengan tanda titik koma ( ; ).

2.5 CSS (Cascading Style Sheets)

CSS adalah singkatan dari Cascading Style Sheets, yang berfungsi untuk

mengontrol tampilan dari sebuah halaman website . contoh :

cara untuk memasukkan CSS ke dalam dokumen HTML yaitu

<p style="color:blue">Membuat tulisan warna biru</p>

<p style="font-family:arial;font-size:150%;color:green">Membuat jenis font,

(25)

<p style="color:yellow;background-color:red;width:60px;text-align:

center">Test</p>

<p style="font-style:italic;">Membuat tulisan miring</p>

2.6 AJ AX

AJAX adalah singkatan dari “Asynchronous JavaScript and XML”, yang

dibuat dari serangkaian teknologi dengan berbagai kemampuan : JavaScript, XML

dan sebuah method komunikasi asinkron antara client dan server.

Pada awalnya AJAX dibuat sebagai sebuah rangkaian dari teknologi,

namun kemudian AJAX mengalami perkembangan. Sebagai contoh, adanya

aplikasi web yang tidak menggunakan XML dalam mentransfer data dari client ke

server. Cara tersebut dilakukan dengan menggunakan object XMLHttpRequest.

Pengembang telah mengembangkan web programming sebelum hadirnya AJAX :

action dari user yang membutuhkan data dari server ditampilkan dalam halaman

yang digunakan, dimana data request dari user dikirimkan menuju server. Setelah

mengolah halaman tersebut, server menampilkan halaman baru bagi user yang

mengandung hasil dari proses sebelumnya.

Permasalah dari macam arsitektur tersebut adalah lambat dan cukup memakan

waktu, terutama bila dibandingkan dengan aplikasi desktop. Aplikasi desktop

mampu merespon cepat atas request dari user, aplikasi ini tidak memproses ulang

(26)

2.7 J Query

jQuery merupakan suatu framework (library) javascript yang menekankan

interaksi antara javascript dan HTML, atau bisa disebut juga sebagai cara baru

dalam menuliskan kode javascript. jQuery akan mempercepat dan meringkaskan

library javascript sehingga dengan menggunakan jQuery kita dapat mempercepat

perpindahan dokumen HTML, penanganan event (event handling), pembuatan

animasi didalam web sehingga web kita tampak seperti flash, dan juga interaksi

AJAX untuk pengembangan web yang modern dan cepat. Jquery memiliki slogan

“write less, do more” yang kurang lebih maksudnya adalah kesederhanaan dalam

penulisan code, tapi dengan hasil yang lebih banyak.

jQuery mempunyai lisensi dibawah GNU General Public License dan MIT

License artinya jQuery merupakan aplikasi yang Open Source dan bebas di

publikasikan oleh siapapun. Ukurannya juga cukup kecil yaitu sebesar 56 KB

(compressed) sehingga menggunakan jQuery menjadi jauh lebih cepat dan mudah

daripada menggunakan framework yang lain atau menggunakan Javascript

Konvensional.

Beberapa hal yang bisa dilakukan dengan JQuery.

1. Mengakses bagian halaman tertentu dengan mudah

2. Mengubah tampilan bagian halaman tertentu

3. Mengubah isi dari halaman

4. Merespon interaksi user dalam halaman dan menambahkan animasi ke halaman

(27)

BAB III

ANALISIS DAN PERANCANGAN SISTEM

3.1 Analisis Masalah

Permasalahan yang dihadapi oleh perusahaan adalah sistem pendataan

penjualan yang selama ini berjalan masih secara manual, yang pada akhirnya akan

menimbulkan kendala-kendala sebagai berikut:

1. Memerlukan banyak tempat untuk menyimpan data-data dan informasi

mengenai data penjualan.

2. Menyita waktu dalam mengumpulkan data-data atau informasi mengenai data

penjualan.

3. Proses penyampaian informasi yang kurang cepat, apabila dibutuhkan data

yang siap tersedia maka akan menjadi tertunda sehingga sering mengalami

keterlambatan dalam pemberian laporan.

3.2 Pembahasan Masalah

Untuk mengatasi kendala-kendala yang terjadi pada perusahaan maka

dibutuhkan suatu sistem komputerisasi agar pengolahan data pada sistem

informasi penjualan menjadi lebih baik dari sebelumnya. Meskipun terdapat

keuntungan dan kerugian dari penggunaan sistem komputerisasi, namun

manfaatnya akan lebih banyak daripada kerugian yang akan ditanggung oleh

(28)

Keuntungan dari penggunaan sistem komputerisasi adalah sebagai berikut:

1. Data-data dan informasi mengenai stok rumah, dan surat pesanan dan

persetujuan pembelian akan tersimpan lebih aman dan tidak mudah rusak atau

hilang.

2. Media untuk penyimpanan data-data dan informasi menjadi tidak memakan

banyak tempat.

3. Pengumpulan data-data atau informasi stok rumah dan data penjualan, akan

menjadi lebih cepat.

4. Pimpinan perusahaan dapat dengan mudah dan cepat mendapatkan laporan.

5. User friendly, dapat dioperasikan dengan mudah oleh pengguna.

Adapun, kerugian dalam penggunaan sistem komputerisasi adalah

pemakaian listrik akan lebih besar dari sebelumnya, dan apabila sistem komputer

terkena virus maka data-data dan informasi dapat menjadi rusak atau hilang,

namun data-data tersebut dapat di back up secara berkala untuk mengurangi

resiko sistem tersebut terkena virus.

3.3 Analisis Sistem Yang Berjalan

Aplikasi sistem informasi penjualan PT. MDS ini melibatkan beberapa

pengguna, dalam penggunaannya yaitu Administrator (Admin) yang mempunyai

kewenangan untuk mengolah data penjualan dan mempunyai seluruh hak akses

atas aplikasi ini, yaitu mempunyai kewenangan untuk mengubah, menambah,

mencari dan menghapus data. Aplikasi ini tidak akan dapat berjalan optimal tanpa

(29)

Pada sistem penjualan terdapat proses-proses dalam mengolah data stok di

perusahaan hingga menghasilkan suatu informasi dan data yang tepat.

Proses-proses dalam sistem ini adalah sebagai berikut :

1. Proses Login

Pada proses ini, setiap penggunaan aplikasi penjualan harus melalui tahap

proses login untuk dapat masuk sistem. Adapun pengguna hak akses login ini

adalah administrator dan marketing. Dengan proses login aktivitas pengguna

dapat menjalankan proses-proses yang ada pada aplikasi penjualan ini.

2. Proses Pengolahan Data

Proses ini merupakan suatu proses pemasukan data stok rumah disuatu

perusahaan dan pembaruan data-data pada transaksi penjualan yang disesuaikan

dengan informasi yang terjadi pada perusahaan. Apabila adanya ketidaksesuaian

data dapat dirubah sesuai dengan data yang diperlukan, dan juga penghapusan

data bila tidak diperlukan oleh perusahaan.

3. Proses Setting Master Data

Pada proses ini, merupakan proses pengaturan dan pemasukan data pada

master penjualan. Dengan tujuan dapat menetapkan data yang tidak dapat dihapus

sehingga bisa menghasilkan atau mengambil suatu informasi dari master data

untuk dapat melaksanakan pemasukan data-data dalam mengelolah

4. Proses pembuatan laporan

Dalam pembuatan laporan kepada pimpinan perusahaan, bagian

administrasi menyusun laporan data sp3, laporan penjualan, stok rumah, laporan

(30)

data Dengan tujuan untuk dapat mendokumentasikan data-data suatu perusahaan

sebagai hasil laporan.

3.4 Sistem Saat ini

Sistem saat ini pada proses penjualan rumah pertama customer mencari

rumah yang diinginkan terlebih dahulu , setelah itu sales melakukan pengecekan

data rumah dan ruko namun dalam hal ini pengecekan masih menggunakan cara

manual , yaitu untuk mengetahui stok rumah dan ruko sales masih menggunakan

cek list bolpoint pada daftar stok rumah yang sudah dibeli dan yang belum terjual

belum ada cek list bolpoint. Setelah pengecekan stok rumah dan ruko barulah

sales memberikan form pemesanan kepada bagian pembuat perjanjian jual beli

(bagian Legal ) setelah itu bagian legal membuat surat perjanjian yang isi nya

sudah berupa template perjanjian yang di simpan di Ms. Word dan bagian legal

hanya merubah point – point penting nya saja yaitu nama , alamat kawasan , blok

dan jenis rumah serta cara pembayaran sesuai dengan pesanan customer.

3.5 Perancangan Sistem

Berdasarkan analisis permasalahan yang telah diuraikan diatas maka

tahapan selanjutnya adalah melakukan perancangan sistem. Perancangan sistem

berisi penjelasan tentang deskripsi umum system penjualan rumah dan ruko,

proses-proses yang akan dijabarkan dengan Flowchart (Bagan Alir Sistem), Data

Flow Diagram (DFD), perancangan database meliputi Conceptual Data Model

(CDM), Physical Data Model (PDM), dan juga perancangan Interface (antarmuka

(31)

3.5.1 Bagan Alir Sistem (Flowchart) Menu Master

Flowchart merupakan bagan yang menunjukkan alir (flow) didalam

program atau prosedur sistem secara logika. Digunakan terutama untuk alat bantu

komunikasi dan dokumentasi. Tujuan utamanya penggunaan flowchart adalah

untuk menggambarkan suatu tahapan penyelesaian secara sederhana, terurai, rapi,

dan jelas dengan menggunakan simbol-simbol standar.

Pada gambar 3.1 dibawah ini dijelaskan flowchart tentang pemilihan pada

menu master.

(32)

Tahap mulai memasuki program aplikasi, user atau pengguna melakukan

inputan untuk data master. Agar program dapat digunakan, proses login harus

dilakukan oleh user, hingga bisa memilih menu utama yang telah tersedia pada

aplikasi kepegawaian. Pilihan menu master terdiri dari eenam sub menu yang

berisi form, yaitu master jenis stok, master lokasi, type unit , perjanjian, cara

pembelian dan stok. Setiap form dapat melakukan proses penyimpanan data,

perubahan data, dan penampilan data.

3.5.2 Bagan Alir Sistem (Flowchart) Menu Data

(33)

Pilihan dari menu data terdiri dari 4 sub menu pilihan, yaitu form data perjanjian ,

data customer, data Sp3, data sales . Setiap form digunakan sebagai pemasukan

data hingga melalui proses penyimpanan data bila data yang dimasukkan benar,

dan jika data mengalami kesalahan dapat melalui proses edit data atau proses

perubahan data.

3.5.3 Bagan Alir Sistem (Flowchart) Menu Report

Pilihan dari menu data terdiri dari 4 sub menu pilihan, yaitu laporan

penjualan ,laporan stok per kawasan , laporan penjualan per sales. Setiap form

digunakan sebagai pemasukan data hingga melalui proses penyimpanan data bila

data yang dimasukkan benar, dan jika data mengalami kesalahan dapat melalui

proses edit data atau proses perubahan data.

(34)

3.5.4 Data Flow Diagr am (DFD)

Data Flow Diagram (DFD) merupakan alat perancangan sistem yang

berorientasi pada alur data dengan konsep dekomposisi. Sehingga dapat

digunakan untuk penggambaran analisa maupun rancangan sistem yang mudah

dikomunikasikan oleh professional sistem kepada pemakai maupun pembuat

program. DFD juga merupakan suatu model data atau proses yang dibuat untuk

menggambarkan dari mana asal data dan kemana tujuan data yang keluar dari

sistem, dimana data disimpan, proses apa yang menghasilkan data tersebut,

interaksi antara data yang tersimpan, dan proses yang dikenakan pada data

tersebut. Dengan adanya DFD akan mempermudah dalam melakukan analisa

sistem untuk mendapatkan asal suatu data. Alur data yang terjadi dalam sistem

informasi penjualan pada PT. Mega Dasa Semesta, akan ditunjukan melalui Data

Flow Diagram (DFD).

1) Diagram Konteks (Context Diagram)

Pada konteks diagram terdapat dua entity yaitu entity customer dan entity

sales. Semua proses yang terjadi diproses dalam sistem informasi penjualan. Data

dan informasi masuk dikelolah ke sistem yang diperoleh dari customer dan sales.

Sehingga menghasilkan data dan informasi yang keluar dari proses sistem

informasi penjualan.

Berikut ini gambar 3.4 diagram konteks dari diagram alur data proses

(35)

(36)

2) Diagram level 0

Pada diagram arus data level 0 ini merupakan decompose atau penurunan

dari diagram konteks.

A. Proses Pengolahan Data

Dari sistem proses pengolahan data ini, mengolah data penjualan yang

berasal dari informasi penjualan customer dan sales. Data store yang berperan

mengolah data customer, stok, sp3, angsuran, sales, type unit perjanjian, lokasi,

jenis stok.

B. Proses Setting Master

Pengaturan master untuk data penjualan sebagai data utama untuk proses

pengolahan data aplikasi penjualan.

C. Proses Pembuatan Laporan

Pembuatan laporan meliputi laporan data penjualan, data penjualan per

sales dan laporan penjualan yang terdiri dari beberapa data store.

Berikut gambar 3.5 diagram level 0 dari diagram alur data proses system

(37)

data setting sp3

(38)

3) Diagram level 1

Diagram arus data level 1 merupakan decompose atau penurunan dari

diagram arus data level 0. Diagram level 1 dari proses pengolahan data dapat

diperjelas pada gambar 3.6 dari system informasi penjualan. Ada tiga proses

penurunan dari proses pengolahan data yaitu proses penambahan data , proses

perubahan data dan proses penghapusan data.

Proses pengolahan data dapat mendapatkan sumber data atau informasi

dari customer dan sales. Data atau informasi yang dikelola berdasarkan rincian

dari proses pengolah data hingga hasil atau output yang didapat dari proses

penyimpanan data yang disimpan atau ditampung pada data store. Dalam

penurunan proses pembuatan laporan pada level nol, terdapat proses view data dan

proses cetak laporan. Berikut gambar 3.6 diagram level 1 penurunan dari proses

pengolahan data

(39)

setting sp3

(40)

3.5.5 Perancangan Database

DFD ini merupakan alat perancangan sistem yang berorientasi pada alur

data dengan konsep dekomposisi dapat digunakan untuk penggambaran analisa

maupun rancangan sistem yang mudah dikomunikasikan oleh profesional sistem

kepada pemakai maupun pembuat program

Dalam perancangan DFD dibutuhkan database untuk menyimpan data – data yang

nantinya akan diolah oleh system. Perancangan database dalam tabel ini dibagi

menjadi 3 bagian yaitu :

1) Conceptual Data Model (CDM)

Conceptual data model (CDM) merupakan langkah awal dalam

perancangan database. Setelah perancangan CDM telah berhasil degenerate tanpa

adanya kesalahan maka langkah berikutnya dapat degenerate menjadi Physical

(41)

1) Conceptual Data Model (CDM) katj eni s_kode <pi >

l okasi lokasi_kode

lokasi_nama

<pi> Integer

Vari abl e characters (30) <M>

Vari abl e characters (30) Decimal

Vari abl e characters (4) Vari abl e characters (20)

<M>

Vari abl e characters (60) <M>

Vari abl e characters (30) Vari abl e characters (30) Vari abl e characters (30) Vari abl e characters (5) Vari abl e characters (20)

<M> Vari abl e characters (50) Decimal (8,2) Vari abl e characters (20) Decimal (20) Decimal (20)

<M>

angs_kode <pi>

(42)

2) Physical Data Model (PDM)

(43)

3) Struktur File

Database adalah komponen utama dari sistem informasi manajemen yang

bertujuan untuk mengidentifikasikan kebutuhan file-file database sesuai dengan

Diagram Arus Data yang telah dirancang.

Dari desain yang telah dibuat, (Conceptual Data Model dan Physical Data Model)

dapat diketahui tipe dari field – field yang berada dalam suatu tabel dalam

database. Tipe data dalam field tabel database menentukan jenis inputan yang

diterima oleh database baik berupa Variabel character, character, date time,

integer dan sebagainya.

Untuk aplikasi sistem informasi penjualan ini data- data yang akan

diproses dan disimpan ke dalam tabel – tabel, yaitu sebagai berikut :

a. Tabel_kategori perjanjian

Tabel kategori perjanjian berfungsi untuk menyimpan data kategori

perjanjian kedalam database.

Tabel 3.1 : Struktur tabel kategori_perjanjian

Field Data Type Length Keterangan

Katperjanjian_kode INT 10 Primary key

Katperjanjian_nama varchar 30

b. Tabel_kategori_jenis_stok

Tabel kategori jenis stok berfungsi untuk menyimpan data kategori jenis

(44)

Tabel 3.2 : Struktur tabel kategori_jenis_stok

Katjenis_kode INT 10 Primary key

Katjenis_nama varchar 30

lb decimal

lt decimal

harga decimal

c. Tabel lokasi

Tabel lokasi berfungsi untuk menyimpan data lokasi rumah kedalam

database.

Tabel 3.3 : Struktur tabel lokasi

Lokasi_kode INT 10 Primary key

Lokasi_nama varchar 30

d. Tabel cara pembayaran

Tabel cara pembayaran berfungsi untuk menyimpan data cara pembelian

rumah kedalam database.

Tabel 3.4 : Struktur tabel cara pembayaran

Cara_kode INT 10 Primary key

(45)

Tabel ini berisi cara pembayaran yang dapat dilakukan customer yang meliputi

cara pembayaran cash keras, cash bertahap dan KPR.

e. Tabel perjanjian

Tabel perjanjian berfungsi untuk menyimpan data isi perjanjian jual beli

rumah kedalam database.

Tabel 3.5 : Struktur tabel perjanjian

Perjanjian_kode INT 10 Primary key

Perjanjian_nama varchar 30

f. Tabel Stok

Tabel stok berfungsi untuk menyimpan data stok rumah kedalam database.

Tabel 3.6 : Struktur tabel stok

stok_kode INT 10 Primary key

Stok_blok varchar 4

Stok_status varchar 10

Tabel stok berelasi dengan tabel kategori jenis rumah, tipe unit, lokasi. Di dalam

tabel stok menyimpan data stok yang terdiri dari stok blok, stok lb (luas

bangunan), stok lt (luas tanah), stok_hrgajual dan stok_status yang berisi status

(46)

g. Tabel Angsuran

Tabel angsuran berfungsi untuk menyimpan data angsuran rumah kedalam

database.p

Tabel 3.7 : Struktur tabel angsuran

Angs_kode INT 10 Primary key

Jangka_wktu varchar 4

Angsuran Decimal 20

Angs_keterangan varchar 20

Terbayar decimal 20

Sisa decimal 20

h. Tabel Sales

Tabel sales berfungsi untuk menyimpan data sales rumah kedalam

database.

Tabel 3.8 : Struktur tabel sales

Sales_kode INT 10 Primary key

sales_nama varchar 30

Sales_alamat varchar 30

Sales_telp varchar 20

Tabel sales meyimpan data sales yang bekerja di dalam PT. Mega Dasa Semesta

(47)

i. Tabel Sp

Tabel Sp berfungsi untuk menyimpan data sp3 (Surat Pesanan dan

Persetujuan Pembelian) rumah kedalam database.

Tabel 3.9 : Struktur tabel sp

Sp3_kode INT 10 Primary key

Sp3_tanggal varchar 30

Sp3_bookingfee Decimal 20

Sp3_um decimal 20

Catatan Varchar 50

bunga Decimal 2

j. Tabel Customer

Tabel Customer berfungsi untuk menyimpan data customer yang telah

membeli rumah.

Tabel 3.10 : Struktur tabel customer

cust_kode INT 10 Primary key

cust_nama varchar 30

Cust_alamat Varchar 30

Cust_telp Varchar 30

Cust_identitas Varchar 5

(48)

3.5.6 Desain Antar muka (Interface)

1. Desain Form Utama

Form ini merupakan induk dalam aplikasi penjualan PT. Mega Dasa

Semesta dan mempunyai fungsi seperti navigasi untuk membuka form yang

dikehendaki oleh user yang diberikan hak akses.

(49)

2. Desain Form Login

Form ini berfungsi untuk proses login masuk ke aplikasi penjualan rumah

dan ruko , sebagai pengecekan data hak akses.

Gambar 3.10 Form Login Sistem Penjualan Rumah

3. Desain Form Master Kategori Perjanjian

Form ini berfungsi untuk proses memasukkan kategori perjanjian yang

antara lain meliputi Kategori harga jual , kepemilikan , akad kredit dan lain – lain

(50)

4. Desain Form Master J enis Stok

Form ini berfungsi untuk proses memasukkan jenis stok yang antara lain

meliputi rumah dan ruko.

Gambar 3.12 Form Master Jenis Stok

5. Desain Form Master Lokasi

Form ini berfungsi untuk proses memasukkan lokasi rumah.

(51)

6. Desain Form Master Tipe Rumah

Form ini berfungsi untuk proses memasukkan tipe rumah , selain itu

juga bisa mencari dan mengedit data tipe rumah.

Gambar 3.14 Form Master Tipe Rumah

7. Desain Form Master Cara Pembelian

Form ini berfungsi untuk proses memasukkan cara pembelian rumah yang

meliputi cash keras, cash bertahap dan KPR.

(52)

8. Desain Form Master Stok

Form ini berfungsi untuk proses memasukkan stok rumah yang

didalamnya meliputi jenis stok , type unit , lokasi , blok , luas bangunan , lebar

tanah, harga jual dan status.

Gambar 3.16 Form Master Stok

9. Desain Form Data Sales

Form ini berfungsi untuk proses memasukkan data sales yang didalamnya

terdapat nama sales, alamat , telepon.

Tambah Data

Nama

Alamat

X

Telepon

Simpan Batal

(53)

10. Desain Form Data Customer

Form ini berfungsi untuk proses memasukkan data customer yang

didalamnya terdapat nama , alamat , telepon , identitas , No. Identitas.

Tambah Data

Nama

Alamat

X

Telepon

Simpan Batal

Identitaas KTP SIM Paspor

No Identitas

Gambar 3.18 Data Form Customer

11. Desain Form Data Perjanjian

Form ini berfungsi untuk proses memasukkan data perjanjian yang

didalamnya terdapat kode perjanjian , kategori perjanjian dan isi perjanjian.

Tambah Data

Kategori Perjanjian

Isi Perjanjian

X

Simpan Batal

(54)

12. Desain Form Sms Gateway SMS Masuk

Form ini berfungsi untuk melihat sms yang masuk kedalam system yang

didalam nya terdapat waktu sms dikirim , no pengirim , isi sms , status sms dan

juga pembaca sms.

Gambar 3.20 Form SMS Masuk

13. Desain Form Sms Gateway SMS Keluar

Form ini berfungsi untuk mengirim sms dengan memasukkan nomer

pengirim dan isi pesan.

(55)

14. Desain Form Sms Gateway SMS Contact

Form ini berfungsi untuk menyimpan data nama contact , nomor telepon ,

Group meliputi ( Marketing . Koordinator Marketing , Manager Marketing ,

Direksi) dan deskripsi.

Gambar 3.22 Data Form Contact

15. Desain Form SP3

Form ini berfungsi untuk menyimpan , menghapus dan merubah data Sp3

yang nantinya disimpan di database.

(56)

16. Desain Form Angsuran

Form ini berfungsi untuk menyimpan , menghapus dan merubah data

angsuran yang nantinya disimpan di database.

Gambar 3.24 Form Angsuran

Form ini digunakan untuk menyimpan data anggsuran customer yang telah

memmbayar cicilan rumah. Pada form ini hanya menampilkan data Sp3 yang cara

(57)

17. Desain Form Setting Sp3

Form ini berfungsi untuk menyeting data perjanjian dan sp3 sehingga

setiap sp3 mempunyai perjanjian yang berbeda yang nantinya disimpan di

database.

Gambar 3.25 Form Setting Sp3

Form ini berguna untuk menngatur surat sp3 dan data perjanjian dimana setiap

sp3 memiliki perjanjian yang berbeda sesuai dengan kesepakatan antara pembeli

(58)

18. Desain Form Laporan Penjualan

Form ini berfungsi untuk mencetak laporan penjualan dengan

memasukkan tanggal awal dan tanggal akhir.

Gambar 3.26 Form Laporan Penjualan

Form ini menampilkan data penjualan yang berformat excel, ketika memasukkan

tanggal awal dan tanggal akhir maka secara otomatis data penjualan akan

terdownload dan dapat dibuka menggunakan program microsoft excel. Tombol

simpan sebagai excel tidak akan mengeksekusi jika hanya menginputkan tanggal

(59)

19. Desain Form Laporan Stok

Form ini berfungsi untuk mencetak laporan stok rumah dan ruko dengan

memasukkan tanggal awal dan tanggal akhir.

Gambar 3.27 Form Laporan Stok

Form ini menampilkan data stok rumah yang berformat excel, ketika memasukkan

tanggal awal dan tanggal akhir maka secara otomatis data stok akan terdownload

dan dapat dibuka menggunakan program microsoft excel. Tombol simpan sebagai

excel tidak akan mengeksekusi jika hanya menginputkan tanggal awal saja /

(60)

20. Desain Form Laporan Penjualan Sales

Form ini berfungsi untuk mencetak laporan penjualan berdasarkan

penjualan dari sales dengan memasukkan tanggal awal dan tanggal akhir.

Gambar 3.28 Form Laporan Penjualan Sales

Form ini menampilkan data penjualan sales yang berformat excel, ketika

memasukkan tanggal awal dan tanggal akhir maka secara otomatis data penjualan

sales akan terdownload dan dapat dibuka menggunakan program microsoft excel.

Tombol simpan sebagai excel tidak akan mengeksekusi jika hanya menginputkan

tanggal awal saja / tanggal akhir saja.

(61)

4.1 Implementasi dan Uji Coba Sistem

1. Form Login

Form ini berfungsi untuk proses login masuk ke aplikasi penjualan rumah

dan ruko sebagai pengecekan data hak akses. Form ini hanya digunakan oleh 5

user di dalam perusahaan. Yaitu Bagian Sales , Koordinator Sales, Manager

Sales, Keuangan dan Direksi. Berikut interface form Login pada gambar 4.1

Gambar 4.1 Form Login

Jika username atau password tidak benar maka akan muncul seperti pada interface

form login pada gambar 4.2 .

(62)

2. Form Menu Utama

Pada form ini mempunyai sebagai induk dalam aplikasi penjualan

PT.Mega Dasa Semesta dan mempunyai fungsi seperti navigasi untuk membuka

setiap form yang dikehendaki oleh user yang diberikan wewenang. Berikut

interface form utama pada gambar 4.2

Gambar 4.3 Form Menu Utama

Menu utama diatas terdiri dari 5 menu utama yaitu Menu Master memiliki

6 submenu yaitu kategori perjanjian, jenis stok, lokasi , tipe rumah , cara

pembelian dan stok. Menu Data terdiri dari 3 sub menu yang meliputi data sales,

customer , perjanjian. Menu Sms Gateway memiliki 3 sub menu yaitu sms masuk

, sms keluar dan contact. Menu Sp3 || angsuran memiliki 3 submenu yaitu sp3,

angsuran , setting sp3. Menu Laporan memiliki 3 submenu yaitu laporan

penjualan , stok dan penjualan sales. Menu user hanya mempunyai 1 sub menu

(63)

3. For m Kategori Perjanjian

Pada form ini menampilkan kategori perjanjian yang sudah diinputkan

terdapat 2 field yaitu kategori kode perjanjian dan nama kategori perjanjian.

Didalam form ini pada halaman pertama hanya ditampilkan 20 record untuk

melihat data yang ke 21 dan seterusnya dengan cara menekan halaman pojok

kanan bawah sebelum – selanjutnya, juga terdapat fasilitas pencarian data dimana

data yang di filter berdasarkan nama kategori perjanjian. Selain itu ada 2 actions

yang bisa digunakan pada form ini yaitu untuk edit data pilih icon pensil dan

untuk menghapus data pilih tanda silang.

Gambar 4.4 Form Kategori Perjanjian

Untuk proses penambahan data akan muncul sebuah form popup seperti

pada gambar berikut.

(64)

4. Form J enis Stok

Pada form ini menampilkan gridview Jenis Stok yang sudah diinputkan

terdapat 2 field yaitu Jenis Stok kode dan nama stok. Didalam form ini pada

halaman pertama hanya ditampilkan 20 record untuk melihat data yang ke 21 dan

seterusnya dengan cara menekan halaman pojok kanan bawah sebelum –

selanjutnya, juga terdapat fasilitas pencarian data dimana data yang di filter

berdasarkan nama jenis stok. Selain itu ada 2 actions yang bisa digunakan pada

form ini yaitu untuk edit data pilih icon pensil dan untuk menghapus data pilih

tanda silang.

Gambar 4.6 Form Jenis Stok

Untuk proses penambahan data akan muncul sebuah form popup seperti

pada gambar berikut.

(65)

5. For m Lokasi

Pada form ini menampilkan gridview Lokasi rumah yang sudah diinputkan

terdapat 2 field yaitu lokasi kode dan nama lokasi. Didalam form ini pada

halaman pertama hanya ditampilkan 20 record untuk melihat data yang ke 21 dan

berdasarkan nama lokasi. Selain itu ada 2 actions yang bisa digunakan pada form

ini yaitu untuk edit data pilih icon pensil dan untuk menghapus data pilih tanda

silang.

Gambar 4.8 Form Lokasi

Untuk proses penambahan data akan muncul sebuah form popup seperti pada

gambar berikut.

Gambar 4.9 Form Tambah Lokasi

(66)

6. Form Tipe Rumah

Pada form ini menampilkan gridview Tipe rumah yang sudah diinputkan

terdapat 2 field yaitu tipe kode dan nama tipe. Didalam form ini pada halaman

pertama hanya ditampilkan 20 record untuk melihat data yang ke 21 dan

berdasarkan nama tipe rumah. Selain itu ada 2 actions yang bisa digunakan pada

tanda silang.

Gambar 4.10 Form Tipe Rumah

gambar berikut.

(67)

7. Form Cara Pembelian

Pada form ini menampilkan gridview Cara pembelian rumah yang sudah

diinputkan terdapat 2 field yaitu cara kode dan nama cara pembayaran. Didalam

form ini pada halaman pertama hanya ditampilkan 20 record untuk melihat data

yang ke 21 dan seterusnya dengan cara menekan halaman pojok kanan bawah

sebelum – selanjutnya, juga terdapat fasilitas pencarian data dimana data yang di

filter berdasarkan nama cara pembelian. Selain itu ada 2 actions yang bisa

digunakan pada form ini yaitu untuk edit data pilih icon pensil dan untuk

menghapus data pilih tanda silang.

Gambar 4.12 Form Cara Pembelian

gambar berikut.

(68)

8. For m Stok

Pada form ini menampilkan gridview jumlah stok yang sudah diinputkan

terdapat jumlah stok keseluruhan , jumlah stok terjual dan sisa stok yang masih

ada .

Gambar 4.14 Form Stok

gambar berikut.

(69)

9. Form Data Sales

Pada form ini menampilkan gridview data sales yang Didalam form ini

pada halaman pertama hanya ditampilkan 20 record untuk melihat data yang ke

21 dan seterusnya dengan cara menekan halaman pojok kanan bawah sebelum –

berdasarkan nama sales. Selain itu ada 2 actions yang bisa digunakan pada form

ini yaitu untuk edit data pilih icon pensil dan untuk menghapus data pilih tanda

silang.

Gambar 4.16 Form Data Sales

gambar berikut.

(70)

10. Form Data Customer

Pada form ini menampilkan gridview data customer yang Didalam form

ini pada halaman pertama hanya ditampilkan 20 record untuk melihat data yang

ke 21 dan seterusnya dengan cara menekan halaman pojok kanan bawah sebelum

– selanjutnya, juga terdapat fasilitas pencarian data dimana data yang di filter

berdasarkan nama customer. Selain itu ada 2 actions yang bisa digunakan pada

tanda silang.

Gambar 4.18 Form Data Customer

gambar berikut.

(71)

11. Form SMS Masuk

Pada form ini menampilkan gridview data sms masuk / diterima system.

Didalam form ini terdapat 2 actions yaitu edit dan hapus. Tombol edit digunakan

untuk membalas sms dan tanda silang untuk menghapus SMS masuk. Berikut

interface form SMS Masuk pada gambar 4.20

Gambar 4.20 Form SMS masuk

Untuk proses membalas sms pada icon edit akan mengeluarkan form popup

sebagai berikut.

(72)

12. Form SMS Keluar

Pada form ini menampilkan gridview data sms keluar / dikirim. Didalam

form ini terdapat 2 actions yaitu edit dan hapus. Tombol edit digunakan untuk

mengirim ulang sms jika tidak terkirim / pengiriman gagal dan tanda silang untuk

menghapus SMS keluar. Berikut interface form SMS Keluar pada gambar 4.22.

Gambar 4.22 Form SMS keluar

Pada tombol tambah baru akan menampilkan form yang berfungsi mengirim sms

Berikut interface form tambah SMS Keluar pada gambar 4.23.

(73)

13. Form Contact

Pada form ini menampilkan gridview data contact yang menyimpan data

nomor telepon nama , group dan deskripsi. Didalam form ini terdapat 2 actions

yaitu edit dan hapus. Icon edit digunakan untuk mengubah data contact dan tanda

silang untuk menghapus data contact. Berikut interface form Contact pada

gambar 4.24.

Gambar 4.24 Form Contact

Pada tombol kirim ke banyak berfungsi untuk mengirimkan pesan ke semua

contact dan akan muncul form untuk mengisi pesan yang akan dikirim ke semua

contact. Berikut interface form kirim ke banyak Contact pada gambar 4.25

(74)

14. Form Sp3

Pada form ini menampilkan gridview data Sp3. Didalam form ini terdapat

3 actions yaitu edit, detail dan hapus. Tombol edit digunakan untuk mengubah

data sp3 dan tanda silang untuk menghapus data sp3. Berikut interface form sp3

pada gambar 4.26.

Gambar 4.26 Form sp3

Ketika tombol tambah baru di klik maka akan muncul form penambahan data sp3.

Berikut interface form tambah sp3 pada gambar 4.27.

(75)

Ketika icon detail di klik maka akan muncul form detail data sp3. Berikut

interface form detail sp3 pada gambar 4.28.

Gambar 4.28 Form detail sp3

Seperti pada gambar 4.28 terdapat tombol Print PDF yang fungsinya untuk

mencetak surat sp3 ke dalam bentuk PDF yang nantinya akan muncul tampilan

(76)

Gambar 4.29 Form print detail sp3

Seperti pada gambar 4.26 terdapat icon edit sp3 yang fungsinya untuk merubah

data sp3 yang nantinya akan muncul tampilan interface Form edit sp3 pada

gambar 4.30.

(77)

15. Form Angsuran

Pada form ini menampilkan gridview data angsuran. Didalam form ini

terdapat 3 actions yaitu edit, detail dan hapus. Icon edit digunakan untuk

mengubah data angsuran dan tanda silang untuk menghapus data angsuran.

Berikut interface form angsuran pada gambar 4.31.

Gambar 4.31 Form angsuran

Ketika tombol tambah baru di klik maka akan muncul form penambahan data

angsuran. Berikut interface form tambah angsuran pada gambar 4.32.

(78)

Ketika icon edit di klik maka akan muncul form perubahan data angsuran. Berikut

interface form tambah angsuran pada gambar 4.33

Gambar 4.33 Form edit angsuran

Ketika icon detail di klik maka akan muncul form detail angsuran. Berikut

interface form detail sp3 pada gambar 4.34.

Gambar 4.34 Form Detail Angsuran

Pada gambar 4.34 terdapat tombol data yang fungsinya menambah data angsuran,

cara menggunakannya ini dengan memasukkan kode sp3, jumlah angsuran , jatuh

tempo , tanggal bayar dan keterangan. Berikut interface form tambah detail

(79)

Gambar 4.35 Form Tambah Detail Angsuran

16. Form Setting Sp3

Pada form ini menampilkan gridview data seting sp3 yang fungsinya

untuk mengatur perjanjian mana saja yang akan di pakai pada sp3. Didalam form

ini terdapat 2 action yaitu edit dan hapus. icon edit digunakan untuk

menambahkan data setting sp3 dan tanda silang untuk menghapus setting sp3.

Berikut interface form setting sp3 pada gambar 4.36.

Gambar 4.36 Form Setting SP3

Untuk proses penambahan data akan muncul list box dari kode sp3 dan dari kode

(80)

Gambar 4.37 Form Tambah Setting SP3

17. Form Laporan Penjualan

Pada form ini terdapat 2 inputan yaitu memasukkan tanggal awal dan

tanggal akhir dengan fasilitas date time picker untuk mencetak data laporan

penjualan. Berikut interface form laporan penjualan pada gambar 4.38

Gambar 4.38 Form Laporan Penjualan

Setelah pada gambar 4.38 tombol Simpan sebagai Excel di klik maka laporan

akan ter download dan laporan ber format excel .xls maka dapat dibuka Berikut

interface form laporan penjualan.xls pada gambar 4.39

(81)

18. Form Laporan Stok

Pada form berfungsi untuk mengetahui jumlah stok rumah yang terjual dan

yang belum terjual selama periode tertentu. Form ini terdapat 2 inputan yaitu

memasukkan tanggal awal dan tanggal akhir dengan fasilitas date time picker

untuk mencetak data laporan stok. Berikut interface form laporan penjualan pada

gambar 4.40

Gambar 4.40 Form Laporan Stok

akan ter download dan laporan ber format excel .xls maka dapat dibuka. Dalam

laporan ini menampilkan stok awal , stok terjual dan stok akhir. Berikut interface

form laporan stok.xls pada gambar 4.41

(82)

19. Form Laporan Penjualan Sales

Pada form ini terdapat 2 inputan yaitu memasukkan tanggal awal dan

tanggal akhir dengan fasilitas date time picker untuk mencetak data laporan

penjualan. Berikut interface form laporan penjualan sales pada gambar 4.42

Gambar 4.42 Form Laporan Penjualan Sales

akan ter download dan laporan ber format excel .xls maka dapat dibuka. Berikut

interface form laporan penjualan.xls pada gambar 4.43.

(83)

20. Form Management User

Form ini berfungsi untuk mengatur hak akses pada aplikasi ini. Hak akses

pada aplikasi ini terdiri dari hak akses view , edit , hapus dan tambah data.

Berikut interface form management user pada gambar 4.44.

Gambar 4.44 Form Management User

Ketika tombol tambah baru pada gambar 4.44 di klik maka akan terbuka form

penambahan pengguna baru. Berikut interface form tambah management user

pada gambar 4.45.

(84)

5.1 Kesimpulan

Dari hasil observasi dan data-data yang telah diuraikan, dapat ditarik

kesimpulan mengenai beberapa hal dalam penulisan laporan tugas akhir ini

yaitu:

1) Sistem yang dibangun dapat membantu pihak perusahaan dalam

mengelola data penjualan dan data stok.

2) Sistem yang dibangun dapat membantu customer untuk dapat

mengakses situs dan mengetahui informasi tagihan.

5.2 Sar an

Ada saran yang dapat penulis berikan setelah penulis menyelesaikan

tugas akhir ini seharusnya aplikasi website ini berbasis CRM (Customer

Relationship Management) dimana dalam hubungan dengan konsumen yang

seharusnya lebih banyak lagi misalnya ditambah sebuah aplikasi yang dapat

mengirim informasi secara berkala melalui mobile phone, maka setiap

kegiatan yang akan dilakukan oleh perusahaan akan ter-update secara

(85)

Nugroho, Adi, ST., MMSI. 2004. Konsep Pengembangan Sistem Basis Data.

Bandung: Informatika.

( http://thekicker96.wordpress.com/pengertian-database ), diakses pada tanggal

13 Agustus 2012 pukul 19:59.

( http://dna2db19.blogspot.com/2010/01/database.html ), diakses pada tanggal

tanggal 2 Pebruari 2012 Pukul 12.23 wib

( http://bebas.vlsm.org/v06/kuliah/sistemoperasi/buku/sistemoperasi/p1c1.html ),

diakses pada tanggal 5 Agustus 2012 pukul 18.02.

( http://rissqy09.blogspot.com), diakses pada 23 Mei 2012 pukul 18:27.

( http://www.jquery.com ), diakses pada 23 Mei 2012 pukul 20:00.

(http://www.ilmukomputer.com) diakses pada 23 Mei 2012 pukul 22:00.

(http://www.gammu.org/wiki/index.php?title=Main_Page), diakses pada 25

Mei 2012 pukul 14:00

(http://blog.uad.ac.id/saeba/2010/01/30/dfd-data-flow-diagram/), diakses pada 27

Mei 2012 pukul 15:00

Gunawan, Ibnu, dan Setiabudi, D.H.,2004, Cara Mudah Mempelajari

PHP, Apache, dan MySQL. Yogyakarta: Graha Ilmu.

Hakim, L, dan Musalini, U.2003. 150 Rahasia dan Trik Menguasai PHP.