SISTEM INFORMASI PENJUALAN PERUMAHAN ELITE BERBASIS ...

SISTEM INFORMASI PENJUALAN PERUMAHAN ELITEBERBASIS WEBSITE

TUGAS AKHIR

ERIC TOBING152406141

PROGRAM STUDI D3 TEKNIK INFORMATIKAFAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARAMEDAN

2019

UNIVERSITAS SUMATERA UTARA


LAPORAN TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat memperolehAhli Madya

ERIC TOBING152406141

PROGRAM STUDI D3 TEKNIK INFORMATIKAFAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARAMEDAN

2019


ii

PERNYATAAN


TUGAS AKHIR

Saya mengakui bahwa Tugas Akhir ini adalah hasil kerja saya sendiri. Kecuali

beberapa kutipan dan ringkasan yang masing – masing disebutkan sumbernya.

Medan, November 2018

Eric Tobing

152406141


iii

PENGHARGAAN

Segala puji dan syukur kepada Tuhan yang Maha Esa yang telah

melimpahkan rahmat dan hidayah-Nya serta memberikan banyak kemudahan kepada

penulis, sehingga penulis dapat menyelesaikan Tugas Akhir ini dengan baik dan

dalam waktu yang telah ditetapkan. Adapun judul tugas akhir ini adalah “Sistem

Informasi Penjualan Perumahan Elite Berbasis Website”.

Dalam penyusunan Tugas Akhir ini penulis menyadari bahwa semua tidak

terlepas dari dukungan, semangat, serta bimbingan dari berbagai pihak, oleh karena

itu, penulis ingin menyampaikan ucapan terima kasih antara lain kepada:

1. Bapak Prof. Dr. Tulus, Vor. Dipl. Math., M.Si., Ph. D, selaku Dosen

Pembimbing Tugas Akhir penulis, yang telah banyak memberikan

bimbingan dan arahan sehingga penulis dapat menyelesaikan laporan ini.

2. Ibu Dra. Normalina Napitupulu, M. Sc, selaku Ketua Program Studi D3

Teknik Informatika FMIPA USU.

3. Semua pihak yang tidak dapat disebutkan namanya satu persatu.

Penyusunan Tugas Akhir ini disusun dengan sebaik-baiknya, namun penulis

menyadari masih banyak kekurangan di dalam penyusunan Tugas Akhir ini, oleh

karena itu saran dan kritik yang sifatnya membangun dari semua pihak sangat

diharapkan, tidak lupa harapan penulis semoga laporan Tugas Akhir ini dapat

bermanfaat bagi pembaca serta dapat menambah ilmu pengetahuan bagi penulis.

Medan, November 2018

Eric Tobing

152406141


i

PERSETUJUAN

Judul : Sistem Informasi Penjualan Perumahan EliteBerbasis Website

Kategori : Tugas AkhirNama : Eric TobingNomor induk mahasiswa : 152406141Program studi : Diploma (D-III) Teknik InformatikaFakultas : MIPA - Universitas Sumatera Utara

Disetujui diMedan, Januari 2019

Diketahuui/Disetujui OlehKetua Program Studi D-3 TIFMIPA USU,

Pembimbing,

Dra. Normalina Napitupulu, M. ScNIP. 196311061989022001

Prof. Dr. Tulus, Vor. Dipl. Math., M.Si., Ph. DNIP. 196209011988031002


iv


ABSTRAK

Tugas Akhir ini yaitu membuat suatu website untuk mempermudah dalammencari rumah dengan memanfaatkan website tersebut kedalam perancangan sisteminformasi ini di buat berbasis Website yang dirancang menggunakan software yakniSublime Text. Dengan adanya website ini, dapat membantu memperoleh informasimengenai penjualan perumahan elite.

Kata Kunci: Sistem Informasi Penjualan Perumahan, MYSQl, dan Sublime Text


v


ABSTRACT

Tugas Akhir ini yaitu membuat suatu website untuk mempermudah dalammencari rumah dengan memanfaatkan website tersebut kedalam perancangan sisteminformasi ini di buat berbasis Website yang dirancang menggunakan software yakniSublime Text. Dengan adanya website ini, dapat membantu memperoleh informasimengenai penjualan perumahan elite.

Kata Kunci: Sistem Informasi Penjualan Perumahan, MYSQl, dan Sublime Text


vi

DAFTAR ISI

Halaman

Persetujuan iPernyataan iiPenghargaan iiiAbstrak ivAbstract vDaftar Isi viDaftar Tabel viiiDaftar Gambar ixDaftar Lampiran x

BAB 1. Pendahuluan1.1. Latar Belakang 11.2. Rumusan Masalah 31.3. Batasan Masalah 31.4. Tujuan Penelitian 41.5. Manfaat Penelitian 41.6. Metodologi Penelitian 51.7. Sistematika Penulisan 6

BAB 2. Landasan Teori2.1. Sistem Informasi 8

2.1.1. Defenisi Sistem Informasi 82.1.2 Data 92.1.3 Sistem 92.1.4 Informasi 10

2.2. Pengenalan Internet 102.2.1. Network 112.2.2. Web Server 122.2.3. HTTP 13

2.3. Pengenalan HTML 5 132.4. Pengenalan CSS 15

2.4.1. Sejarah CSS 162.4.2. Kelebihan CSS 16

2.5. Seputar PHP 182.6. Pengenalan MySql 21

BAB 3. Analisis Dan Perancangan Sistem3.1. Analisis Sistem 22

3.1.1 Analisis Yang Sedang Berjalan 223.1.2 Analisis Kelemahan Sistem 233.1.3 Analisis Kelayakan Sistem 23


vii

3.1.4 Analisis Biaya dan Manfaat 233.2. Perancangan Sistem 243.3. Data Flow Diagram (DFD) 253.4. Flowchart 26

3.4.1 Login Administrator 293.5. Perancangan Database 29

BAB 4. Implementasi Sistem4.1. Pengertian Implementasi Sistem 334.2. Tujuan Implementasi Sistem 334.3. Komponen Implementasi Sistem 344.4. Desain Website 35

4.4.1. Tampilan Menu Home 354.4.2. Tampilan Menu Awal 364.4.3. Tampilan Menu Admin 374.4.4. Tampilan Menu User 394.4.5. Tampilan Menu Daftar User 42

4.5. Tujuan Dari Sistem Yang Di Rancang 44

BAB 5. Penutup5.1. Kesimpulan 455.2. Saran 46

Daftar Pustaka

Lampiran


viii

DAFTAR TABEL

Nomor Judul HalamanTabel

3.1. Tabel Barang 303.2. Tabel Customer 303.3. Table Kategori 313.4. Tabel Keranjang 313.5. Tabel Admin 31


ix

DAFTAR GAMBAR

Nomor Judul HalamanGambar

2.1. Alur Sistem 93.1. Simbol DFD 253.2. Simbol Flowchart 283.3. Entity Relationship Diagram 324.1. Tampilan Menu Home 364.2. Tampilan Menu Awal 374.3. Tampilan Menu Admin Customer 384.4. Tampilan Menu Admin Barang 384.5. Tampilan Menu Admin Kategori 394.6. Tampilan Login User 404.7. Tampilan Pemesanan User 404.8. Tampilan Pembayaran User 414.9. Tampilan Pesan Pembayaran User 414.10. Tampilan Daftar User 424.11. Tampilan Pesan Daftar User 434.12. Tampilan Login User 43


x

DAFTAR LAMPIRAN

Nomor

Lampiran

Judul

1 Listing Program

2 Surat Keterangan Hasil Uji Program Tugas Akhir Mahasiswa

3 Kartu Bimbingan Tugas Akhir Mahasiswa

4 SK Dosen Pembimbing


BAB 1

PENDAHULUAN

1.1 Latar Belakang

Teknologi informasi merupakan salah satu teknologi yang sedang berkembang

dengan pesat pada saat ini. Dengan kemajuan teknologi informasi, pengaksesan

terhadap data atau informasi yang tersedia dapat berlangsung dengan cepat,

efisien, dan akurat.

Perkembangan dalam bidang komputer pada saat ini telah membuka

peluang seluasnya kepada para pakar dan para pengambil keputusan, baik yang

bergerak di bidang ekonomi, pemerintahan, keilmuan dan sebagainya untuk

menyelesaikan semua permasalahannya dengan menggunakan komputer. Sebelum

datang era komputerisasi ini, kebanyakan unit kerja menyelesaikan pekerjaannya

secara manual. Saat ini unit kerja dapat menggunakan komputer dalam

mengerjakan berbagai tugasnya dengan cepat dan tepat. Hal ini dikarenakan di

dalam komputer tersebut dapat diinstalasi bermacam-macam aplikasi yang dapat

digunakan, sehingga unit kerja mendapatkan kemudahan dalam menyelesaikan

pekerjaannnya.

Berbagai aplikasi komputer saat ini bermunculan, mulai dari aplikasi yang

mempermudah dalam perhitungan hingga aplikasi yang menyediakan sarana

pengolahan data. Aplikasi-aplikasi ini memiliki tujuan yang sama yaitu ingin

mempermudah pekerjaan unit kerja.Dalam era komputerisasi jika masih

menggunakan sarana kertas sebagai media pengolahan dan penyimpanan data


2

serta sebagai penyebaran informasi dirasakan kurang efektif dan tidak efisien,

karena sifat kertas tersebut adalah statis. Apalagi penyimpanan data penting yang

dimiliki oleh suatu perusahaan atau instansi perlu ditangani secara komputerisasi,

agar pekerjaan unit kerja lebih efektif dan efisien.

Perangkat komputer tidak lagi hal yang jarang didengar atau bahkan

digunakan oleh masyarakat luas. Perkembangan teknologi komputer begitu sangat

pesat dan telah banyak dijumpai dalam berbagai bidang ilmu pengetahuan. Selain

cepat dan akurat komputer juga mampu untuk mempermudah suatu pekerjaan

serta dapat mengurangi tingkat kesalahan dari pekerjaan tersebut, terutama dalam

pengolahan data. Sistem informasi merupakan pemanfaatan secara benar dan

semaksimal mungkin bukan sekedar mesin ketik. Hal ini harus didukung oleh

Hardware (Perangkat keras), Software (Perangkat lunak), dan Brainware

(Operator Komputer). Ketiga faktor tersebut saling berkaitan dan harus terpenuhi

agar komputer dapat menjalakan tugas dan fungsinya secara optimal.

Tetapi dalam melakukan transaksi penjualan rumah dan promosi secara

manual, sehingga informasi yang dihasilkan kurang efektif dan efesien karena

keamanan data penjualannya tidak terjaga dengan baik karena sistem

penjualannya masih manual dan melakukan proses penjualan tersebut maka

dibutuhkan perancangan suatu perangkat lunak untuk informasi yang dapat

memudahkan proses pengolahan sistem yang selama ini masih digunakan secara

manual.

Perancangan perangkat lunak tersebut dapat dilakukan dengan

menggunakan beberapa bahasa pemrograman diantaranya Microsoft Visual Basic

6.0, PHP, dan Clipper. Pada tugas akhir ini penulis menggunakan bahasa


3

pemrograman PHP, dikarenakan untuk mempromosikan barang keseluruh public

sangat efesien menggunakan website dalam perancangan dan pengembangan

program.Perkembangan teknologi dewasa ini begitu pesat, demikian juga dengan

perkembangan komputer pada dunia kerja saat ini sangat diperlukan. Karena

selain cepat dan akurat, komputer juga melakukan hal-hal yang sulit dalam

pengolahan data. Sekarang ini pemakaian komputer semakin luas dan sudah

menjadi kebutuhan manusia. Kemajuan Iptek mengharuskan setiap perusahaan,

lembaga-lembaga perkantoran serta pabrik Mebel khususnya, Oleh karena itu

penulis mengangkat judul yaitu: “Perancangan Sistem Informasi Penjualan

Rumah Elite Berbasis Website.”

1.2 Rumusan Masalah

Dalam pembuatan tugas akhir ini memiliki rumusan masalah dimana perumusan

masalah ini sesuai dengan latar belakang di atas. Adapun bentuk dari perumusan

masalah tersebut, yaitu:

a. Bagaimana membangun Sistem Pembelian Rumah Elite secara online

Berbasis Website?

b. Apakah dengan aplikasi Pembelian Rumah Elite secara online dapat

memudahkan proses pembelian rumah?

1.3 Batasan Masalah

Perancangan aplikasi pembelian rumah elite berbasis website.

Aplikasi ini dibangun dan dikembangkan dengan berbagai pertimbangan aspek,

seperti :


4

a. Dibangun diatas Xampp, Sublime Text, Mozila Firefox

b. Menggunakan database MYSQL

c. Menggunakan bahasa pemrograman PHP

1.4 Tujuan Penelitian

Adapun maksud dari tujuan penulisan tugas akhir ini adalah untuk merancang

sebuah sistem informasi yang biasa digunakan untuk mengelola data penjualan

Perumahan Elite.

Sedangkan tujuan dari penulisan tugas akhir ini adalah:

a. Agar sistem informasi yang dihasilkan nantinya dapat menyajikan

laporan/informasi penjualan barang perabotan rmah yang lebih cepat, tepat

dan akurat bagi penggunaannya.

b. Mempermudah dalam mempromosikan barang pada rakyat publik.

c. Agar data-data bukti penjualan tidak hilang karena sitem manual.

d. Seluruh barang dapat dipublikasikan pada masyarakat umum.

1.5 Manfaat Penelitian

Adapun manfaat dari perancangan aplikasi ini adalah :

1. Dapat dijalankan dikomputer bersifat online

2. Membantu pembeli dalam membeli rumah elite.

3. Menghemat waktu dalam hal mencari perumahan bisa dilakukan dengan secara

instan.


5

1.6 Metodologi Penelitian

Dalam merancang aplikasi sistem penjualan perumahan elite ini, adapun metode

yang digunakan adalah metode waterfall, yang terdiri dari beberapa tahap yaitu :

a. Rekayasa sistem, merupakan kegiatan untuk menentukan informasi /

kebutuhan apa yang dibutuhkan oleh sistem yang akan dibuat.

b. Analisis sistem, dilakukan untuk memperoleh informasi tentang sistem,

menganalisis data–data yang ada dalam sistem dan juga menganalisis poin

- poin masalah pada sistem terutama mengenai kelebihan dan kekurangan

sistem. Adapun alat dan bahan yang digunakan adalah :

1 ) Sublime Text 3, Xampp, Mozila Firefox

2) Windows 7 Ultimate.

3) Pengembangan sistem dilakukan dengan menggunakan komputer yang

berspesifikasi RAM 2.0 Gb, I3 32-bit Operating System.

c. Perancangan (desain), Perancangan desain dilakukan dengan javascript dan

php.

d. Penulisan Program (Coding), mebuat program didalam aplikasi yang dibuat

agar dapat berjalan sesuai dengan yang difungsikan, dengan menggunakan

bahasa pemrograman php dan mysql

e. Pengujian Sistem (Testing), kegiatan untuk melakukan pengetasan sistem

yang sudah dibuat, apakah sistem / program yang dibuat sudah bejalan sesuai


6

dengan yang dibutuhkan, apabila sistem / program sudah berjalan maka

program dapat digunakan.

f. Pemeliharaan (maintenance), kegiatan untuk memelihara program aplikasi

yang telah dibuat, baik dalam updating data, menjaga sistem agar tidak

terserang virus, error , dan data corrupt.

1.7 Sistematika Penulisan

Agar dapat memberikan gambaran yang jelas pada penulisan Tugas Akhir ini,

maka penulis membaginya dalam beberapa bab sebagai berikut :

BAB 1 : PENDAHULUAN

Menjelaskan mengenai latar belakang pemilihan judul skripsi, perumusan

masalah, batasan masalah, tujuan penelitian, manfaat penelitian, metodologi, dan

sistematika penulisan.

BAB 2 : LANDASAN TEORI

Bab ini menguraikan tentang teori-teori dasar dalam perancangan penjualan

perumahan elite.

BAB 3 : PERANCANGAN SISTEM

Pada bab ini penulis menguraikan tentang analisis dan perancangan sistem

Perancangan aplikasi sistem perancangan penjualan perumahan elite.

peminjaman buku berbasis website, meliputi perancangan layout dan gambaran

aplikasi yang akan di buat sebagaimana aplikasi itu dijalankan


7

BAB 4 : IMPLEMENTASI SISTEM

Bab ini menguraikan tentang bagaimana proses lanjutan dari perancangan sistem.

Menguraikan secara detail bagian implementasi sistem dan menyorot apakah

implementasi sesuai dengan perancangan sistem.

BAB 5 : KESIMPULAN DAN SARAN

Bab ini menguraikan tentang kesimpulan dan saran yang dikutip oleh penulis

selama proses pembangunan aplikasi.


BAB 2

LANDASAN TEORI

2.1. Sistem Informasi

Telah diketahui bahwa informasi merupakan salah satu sumber daya yang sangat

diperlukan bagi manajemen dalam pengambilan keputusan .Untuk mendapatkan

informasi tersebut perlu adanya sebuah sistem yang mengolah data menjadi

sebuah sistem informasi yang beharga. Sistem tersebut disebut dengan

information processing system atau lebih dikenal dengan sistem informasi. Sistem

informasi sendiri dapat dibedakan menjadi dua yaitu sistem informasi manual dan

sistem informasi berbasis komputer. Sistem informasi berbasis komputer

merupakan suatu sistem pengolahan data menjadi informasi dengan menggunakan

alat bantu pengambilan keputusan .Dalam sistem informasi berbasis komputer ini

memiliki arti bahwa komputer mempunyai peranan yang sangat penting didalam

sebuah sistem informasi tersebut .

2.1.1. Definisi Sistem Informasi

Sistem Informasi adalah kombinasi dari manusia, fasilitas atau alat teknologi,

media, prosedur dan pengendalian yang bermaksud menata jaringan komunikasi

yang penting, proses atas transaksi-transaksi tertentu dan rutin, membantu

manajemen dan pemakai intern dan ekstern dan menyediakan dasar pengambilan

keputusan yang tepat.


9

2.1.2. Data

Menurut berbagai kamus bahasa Inggris-Indonesia, data diterjemahkan sebagai

istilah yang berasal dari kata “datum” yang berarti fakta atau bahan-bahan

keterangan. Data merupakan deskripsi dari sesuatu dan kejadian yang kita hadapi.

Data adalah fakta yang jelas lingkup, tempat, dan waktunya. Data diperoleh dari

sumber data primer atau sekunder dalam bentuk berita tertulis atau sinyal

elektronis. Jadi pada intinya, data merupakan kenyataan yang menggambarkan

suatu kejadian dan merupakan kesatuan nyata yang nantinya akan digunakan

sebagai bahan dasar suatu informasi.

2.1.3. Sistem

Sistem adalah kumpulan dari beberapa elemen yang saling berintegrasi untuk

mencapai tujuan tertentu. Elemen-elemen yang mewakili suatu sistem secara

umum adalah masukan (input), pengolahan (processing) dan keluaran (output).

Elemen-elemen sistem secara garis besar dapat digambarkan sebagai berikut :

Gambar 2.1 Alur Sistem

Sistem mempunyai karakteristik atau sifat – sifat tertentu, yaitu :

1. Komponen Sistem

2. Batasan Sistem

3. Lingkungan Luar Sistem

4. Penghubung Sistem

ProcessingInput Output


10

5. Masukan Sistem

6. Keluaran Sistem

7. Pengolahan Sistem

8. Sasaran Sistem

2.1.4. Informasi

Informasi adalah data yang diolah menjadi bentuk yang berguna dan menjadi

berarti bagi penerimanya. Kegunaan informasi adalah untuk mengurangi

ketidakpastian di dalam proses pengambilan keputusan tentang suatu keadaan.

Suatu informasi dikatakan bernilai bila manfaatnya lebih efektif dibandingkan

dengan biaya untuk mendapatkan informasi tersebut. Kualitas informasi sangat

dipengaruhi atau ditentukan oleh beberapa hal yaitu :

a. Relevan (Relevancy)

b. Akurat (Accurancy)

c. Tepat waktu (Time liness)

d. Ekonomis (Economy)

e. Efisien (Efficiency)

f. Ketersediaan (Availability)

g. Dapat dipercaya (Reliability)

h. Konsisten

2.2. Pengenalan Internet

Internet atau Interconnected Networking merupakan dua komputer atau lebih

yang saling berhubungan membentuk jaringan komputer hingga meliputi jutaan


11

komputer di dunia, yang saling berinteraksi dan bertukar informasi. Internet

mempunyai sejarah yang sangat kompleks dan mencakup banyak aspek seperti

teknologi, organisasi dan komunitas. Pengaruh internet tidak hanya terhadap

bidang teknik komunikasi komputer saja tetapi, terhadap masalah sosial misalnya

dengan menggunakan alat-alat bantu online untuk mencapai bisnis elektronik (e-

commerce), kepemilikan informasi dan interaksi dengan masyarakat.Ada

beberapa fasilitas dari internet yang sering kita temui bahkan digunakan antara

lain :

1. E-mail

2. World Wide Web (WWW)

3. Newsgroup

4. Telnet

5. Chat

6. File Transfer Protocol (FTP)

2.2.1. Network

Jaringan atau network saat ini menjadi istilah yang sangat penting dalam dunia

pengolahan data dan informasi. Pengertian sederhana dari jaringan komputer

adalah sekumpulan perangkat yang dapat digunakan untuk menyimpan dan

manipulasi data elektronis dan pesan-pesan, saling terkait satu dengan lainnya di

mana dengan cara tersebut pengguna dapat menyimpan, menggali dan saling

berbagi terhadap informasi yang tersedia. Istilah “Network” mengacu pada

perangkat keras dan lunak yang digunakan untuk menghubungkan antara

komputer satu dengan komputer lainnya, sehingga memungkinkannya untuk


12

berkomunikasi satu sama lain. Sistem jaringan tidak lagi hanya akan melayani

sebuah mesin besar saja. Sebaliknya jaringan-jaringan akan merupakan sarana

bantu yang memungkinkan sebuah organisasi besar untuk melakukan penyesuaian

yang sesuai, antara kebutuhan informasi dengan besarnya aplikasi serta investasi

perangkat keras dan lunaknya.

2.2.2. Web Server

Web server adalah sebuah bentuk server yang khusus digunakan untuk

menyimpan halaman website atau homepage. Komputer dapat dikatakan web

server jika komputer tersebut memiliki suatu program server yang disebut

Personal Web Server (PWS).

Macam-macam web server antara lain :

1. Apache (Open Source)

2. Xitami

3. IIs

4. PWS (Personal web Server)

Website (Situs Web) merupakan alamat (URL) yang berfungsi sebagai tempat

penyimpanan data dan informasi dengan berdasarkan topik tertentu situs atau web

dapat dikategorikan menjadi 2 yaitu :

a. Web statis, yaitu Web yang berisi atau menampilkan informasi-informasi

yang sifatnya statis (tetap)

b. Web Dinamis, yaitu Web yang menampilkan informasi serta dapat

berinteraksi dengan user yang bersifat dinamis


13

2.2.3. HTTP

HTTP (Hypertext Transfer Protocol) merupakan protokol yang digunakan untuk

mendistribusikan sistem informasi yang berbasis hypertext. Protokol ini

merupakan protokol standar yang digunakan untuk mengakses HTML. HTTP

diprakarsai oleh World Wide Web sistem informasi yang menyeluruh sejak tahun

1990. Apabila pada penjelajahan web dan pada alamat tertulis

http://www.google.com; ini merupakan salah satu penggunaan protokol HTTP

dalam web.

2.3. Pengenalan HTML 5

Pada dasarnya elemen HTML ada 2 kategori:

1. Elemen berfungsi untuk memberikan informasi atau

mendeklarasikan dokumen tersebut.

2. Elemen berfungsi untuk menentukan bagaimana isi suatu

dokumen ditampilkan pada browser.

HTML 5 merupakan sebuah bahasa markah untuk menstrukturkan dan

menampilkan isi dari World Wide Web, sebuah teknologi inti dari Internet.

HTML 5 adalah revisi kelima dari HTML dan hingga bulan Juni 2011 masih

dalam pengembangan. Tujuan utama pengembangan HTML 5 adalah untuk

memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru,

mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin. HTML 5

merupakan hasil proyek dari W3C (World Wide Web Consortium) dan

WHATWG (Web Hypertext Application Technology Working Group).


14

Dimana WHATWG bekerja dengan bentuk web dan aplikasi dan W3C

merupakan pengembang dari XHTML 2.0 pada tahun 2006, kemudian mereka

memutuskan untuk bekerja sama dan membentuk versi baru dari HTML. HTML 5

baru mencuat pada April 2010 setelah CEO Apple Inc., Steve Jobs, mengatakan

bahwa dengan pengembangan HTML 5, “Adobe Flash sudah tidak dibutuhkan

lagi untuk menyaksikan video atau menyaksikan konten apapun di web”.

Fitur-Fitur Baru Di Html 5 :

1. Video dan Audio : tidak perlu menempelkan flash, quickplayer, atau

realplayer untuk memutar audio dan video.

2. Canvas : Media corat-coret langsung tanpa flash dan applet java.

3. Bentuk kontrol form seperti kalender, tanggal, waktu, email, url, dan

search.

4. Semantic: Mempermudah designer dengan tag khusus layout, seperti:

artikel, footer, header, navigasi, dan section.

5. Dukungan yang lebih baik untuk penyimpanan secara offline.

Ada 2 tools (alat) yang dibutuhkan :

1. Browser

Browser merupakan software yang di install di mesin client (komputer kita

sebagai pengguna website) yang berfungsi untuk menterjemahkan tag-tag HTML

menjadi halaman web. Contoh browser: Internet Explorer, Mozila, Opera,

Chrome, Safari, Maxtron dan masih banyak yang lainya.


15

2. Editor

Editor adalah program yang bisa digunakan untuk membuat document

HTML (Web page/Halaman Web), ada banyak HTML editor yang bisa anda

gunakan diantaranya: Dreamweaver, Notepad, Sublime Text, Backet dan lain-

lain.

Struktur Dokumen HTML :

<!DOCTYPE html>

<html>

<head>

<title>Belajar HTML</title>

</head>

<body>

Hallo Word!

</body>

</html>

<html> ... </html> : merupakan tag pembuka dari dokumen html.

<title> ... </title> : merupakan tag untuk memberikan judul pada dokumen html.

<body> ... </body> : merupakan body dari dokumen html. Segala sesuatu yang

ingin ditampilkan di dokumen html disimpan dalam tag body ini.

2.4. Pengenalan CSS

Cascading Style Sheet (CSS) adalah salah satu bahasa pemrograman web

yang digunakan untuk mempercantik halaman web dan mengendalikan

beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan

seragam. CSS dapat kita gunakan dalam mengendalikan ukuran gambar,


16

warna teks, warna tabel, ukuran border, warna border, warna hyperlink,

warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan,

atas, bawah, dan

parameter lainnya. CSS bisa juga diartikan sebagai bahasa style

sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya

CSS memungkinkan kita untuk menampilkan halaman yang sama dengan

format yang berbeda.

2.4.1. Sejarah CSS

Nama CSS didapat dari fakta bahwa setiap deklarasi style yang berbeda dapat

diletakkan secara berurutan, yang kemudian membentuk suatu hubungan

layaknya hubungan ayah-anak (parent-child) pada setiap style. CSS sendiri

merupakan sebuah teknologi internet yang direkomendasikan oleh World

Wide Web Consortium atau W3C pada tahun 1996. Setelah CSS

distandarisasikan, Internet Explorer dan Netscape melepas browser terbaru

mereka yang telah sesuai atau paling tidak hampir mendekati dengan standar CSS.

2.4.2. Kelebihan CSS

Adapun beberapa kelebihan CSS adalah sebagai berikut:

1. Memisahkan desain dengan konten halaman web.

2. Mengatur desain sefisien mungkin.

3. Jika kita ingin mengubah suatu tema halaman web, cukup

modifikasi pada css saja.

4. Menghadirkan sesuatu yang tidak dapat dilakukan oleh HTML.


17

5. Lebih mudah didownload karena lebih ringan ukuran filenya.

6. Satu CSS dapat digunakan banyak halaman web.

Contoh Penggunaan CSS adalah sebagai berikut,

<!DOCTYPE html>

<html>

<head>

<title>Penggunaan Tag Image</title>

</head>

<body>

<p style="color:blue">

Membuat tulisan warna biru

</p>

<p style="font-style:italic;">

Membuat tulisan miring

</p>

</body>

</html>

Akan menghasilkan 2 paragraf, yang pertama paragraf dengan tulisan berwarna

biru, dan yang kedua menghasilkan paragraf dengan style cetak miring.

Contoh penggunaan CSS yang di atas menggunakan jenis Inline Style. Yakni

diletakkan ke dalam barisan kode HTML nya.


18

2.5. Seputar PHP

PHP adalah bahasa pemrograman script server-side yang didesain untuk

pengembangan web. Selain itu, PHP juga bisa digunakan sebagai bahasa

pemrograman umum. PHP di kembangkan pada tahun 1995 oleh Rasmus Lerdorf,

dan sekarang dikelola oleh The PHP Group. Situs resmi PHP beralamat

di http://www.php.net.

PHP disebut bahasa pemrograman server side karena PHP diproses pada

komputer server. Hal ini berbeda dibandingkan dengan bahasa pemrograman

client-side seperti JavaScript yang diproses pada web browser (client).

Pada awalnya PHP merupakan singkatan dari Personal Home Page. Sesuai

dengan namanya, PHP digunakan untuk membuat website pribadi. Dalam

beberapa tahun perkembangannya, PHP menjelma menjadi bahasa pemrograman

web yang powerful dan tidak hanya digunakan untuk membuat halaman web

sederhana, tetapi juga website populer yang digunakan oleh jutaan orang seperti

wikipedia, wordpress, joomla, dan lain-lain. Saat ini PHP adalah singkatan

dari PHP: Hypertext Preprocessor, sebuah kepanjangan rekursif.

Kelebihan PHP dari bahasa pemrograman lain :

1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak

melakukan sebuah kompilasi dalam penggunaanya.

2. Web Server yang mendukung PHP dapat ditemukan dimana - mana dari

mulai IIS sampai dengan apache, dengan configurasi yang relatif mudah.

3. Dalam sisi pengembangan lebih mudah, karena banyaknya milis - milis

dan developer yang siap membantu dalam pengembangan.


19

4. Dalam sisi pemahamanan, PHP adalah bahasa scripting yang paling

mudah karena referensi yang banyak.

5. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin

(linux, unix, windows) dan dapat dijalankan secara runtime melalui

console serta juga dapat menjalankan perintah-perintah sistem.

PHP bersifat case sensitif yang artinya semua penulisannya harus sesuai dengan

kamus data yang tersedia. Kode PHP diawali dengan tanda lebih kecil (<) dan

diakhiri dengan tanda lebih besar (>).

Ada tiga cara untuk menuliskan script PHP yaitu :

1. <?

script PHP

?>

2. <?php

Script PHP

?>

3. <SCRIPT LANGUAGE=”php”>

Script php

</script>

Pemisah antar instruksi adalah tanda titik koma (;). Untuk membuat atau

menambahkan komentar, standar penulisan adalah /*komentar*/, //komentar dan

#komentar. Untuk menuliskan script PHP, ada dua cara yang sering digunakan

yaitu Embedded Script dan Non- Embedded Script.

a. Embedded Script

Embedded Script yaitu script PHP yang disisipkan diantara tag-tag HTML.

Contoh dari Embedded Script:


20

<html>

<head>

<title>Embedded Script</title>

</head>

<body>

<?php

Echo “Hallo, selamat menggunakan PHP”;

?>

</body>

</html>

b. Non-Embedded Script

Non-Embedded Script adalah script program PHP murni. Termasuk tag HTML

yang disisipkan dalam script PHP.

Contoh dari Non-Embedded Script:

<?php

echo “<html>”;

echo “<head>”;

echo “<title>Mengenal PHP</title>”;

echo “</head>”;

echo “<body>”;

echo “<p>PHP cukup jitu</p>’;

echo “</body>”;

echo “</html>”;

?>


21

2.6. Pengenalan MySQL

MySQL adalah salah satu jenis database server yang sangat terkenal.

Kepopulerannya disebabkan MySQL menggunakan SQL sebagai bahasa dasar

untuk mengakses databasenya. MySQL termasuk jenis RDBMS (Relational

Database Management System). Pada MySQL, sebuah database mengandung satu

atau sejumlah tabel. Tabel terdiri atas sejumlah baris dan setiap baris mengandung

satu atau beberapa kolom. Untuk mengelola database MySQL ada beberapa cara

yaitu melalui prompt DOS (tool command line) dan dapat juga menggunakan

program utility seperti:

1. PHP MyAdmin

2. MySQLGUI

3. MySQL Manager Java Based

4. MySQL Administrator for windows.


BAB 3

ANALISIS DAN PERANCANGAN SISTEM

3.1. Analisis Sistem

Berdasarkan buku Analisis dan Desain Teknik Informatika yang dikarang

oleh HM. Jogiyanto dari penerbit Andi pada halaman 129 mengungkapkan

bahwa analisis sistem dapat didefinisikan sebagai berikut: “penguraian dari suatu

sistem informasi yang utuh ke dalam bagian-bagian komponennya dengan

maksud untuk mengindentifikasikan dan mengevaluasi permasalah-

permasalahan, kesempatan-kesempatan, hambatan-hambatan yang terjadi dan

kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-

perbaikannya” .

3.1.1. Analisis yang Sedang Berjalan

Sistem analis perlu memahami apa dan bagaimana operasi dari sistem yang

sedang berjalan sebelum mencoba untuk menganalisis permasalahan-

permasalahan, kelemahan-kelemahan, dan kebutuhan-kebutuhan pemakai sistem

untuk dapat memberikan rekomendasi pemecahannya. Sistem penjualan yang

biasanya dilakukan oleh perusahaan penjualan rumah masih manual dan

tidak teratur dalam penginputan data maupun penginputan data laporan yang

dapat berdampak pada kurang terjaminnya keamanan data, selain itu lamanya

waktu pelayanan terhadap pelayanan masyarakat mempengaruhi keputusan

masyarakat.


23

3.1.2. Analisis Kelemahan Sistem

Tujuan utama dari analisis sistem ini adalah untuk mengevaluasi dan menentukan

permasalahan yang dihadapi. Hal ini bertujuan agar analisis tersebut dapat

diketahui permasalahannya yang berkaitan dengan pengembangan perusahaan

penjualan perumahan dan untuk mengetahui kelemahan pada sistem yang lama

atau pada sistem yang baru. Salah satu analisis yang digunakan sebagai alat

ukur untuk menentukan sebuah sistem yaitu dengan menggunakan analisis

PIECES (Performance, Information, Economy, Controll, Efficiency, Service).

3.1.3. Analisis Kelayakan Sistem

Tujuan utama dari analisis kelayakan sistem adalah untuk menguji apakah sistem

baru yang akan diterapkan layak dipakai atau tidak. Dalah hal ini diperlukan

pertimbangan yang matang seberapa keuntungan yang di dapat dan biaya

yang diperlukan dari sistem baru tersebut.

3.1.4. Analisis Biaya dan Manfaat

Untuk mengetahui apakah suatu sistem baru layak atau tidak untuk diterapkan ,

berikut ini adalah rincian perhitungan dengan menggunakan kelayakan, yaitu

dengan:

a. Metode priode pengembalian (payback)

b. Metode pengembalian investasi (retrun on vestasi = ROI)

c. Metode nilai sekarang bersih (next present value)

Perancangan sistem adalah merupakan upaya perusahaan untuk memulai dan

meiliki sistem baik yang lama maupun untuk mulai memiliki sistem yang


24

baru. Perncangan sistem dilakukan setelah mendapat gambaran dengan jelas

mengenai apa yang harus dikerjakan.

Seiring dengan perkembangan teknologi informasi saat ini, serta

untuk meningkatkan efesiensi kerja dan waktu, maka masih banyak sistem

yang ada saat ini yang masih manual dan harus diganti dengan sistem yang

lebih baik lagi. Hal ini dilakukan dengan cara membangun sistem yang

terkomputerisasi atau online. Untuk memulai membangun suatu program

mengenai perancangan web ecommerce, maka penulis terlebih dahulu

merencanakan alur kerja berdasarkan kebutuhan dari user yang akan

menggunakan aplikasi basis data ini .

Perancangan web e-commerce ini diperbuat atas dasar kebutuhan

masyarakat yang menginginkan cara berbelanja secara online, sehingga dapat

menghemat waktu. Perancangan merupakan proses yang dilakukan oleh

perancang sistem untuk mengerjakan spesifikasi sistem, membuat keputusan

tentang bagaimana komponen sistem diaktualisasikan. Proses ini

menyangkut tujuan sistem tersebut, audience, objek dan informasi domain.

Perancangan yang baik harus mengetahui bagaimana mendapatkan efek yang

dibutuhkan oleh spesifikasi tersebut dengan cara paling fleksibel, efesien dan

elegan.

3.2. Perancangan Sistem

Tujuan dari perancangan sistem adalah untuk memenuhi kebutuhan user

(pemakai) mengenai gambaran yang jelas tentang perancangan sistem yang

akan dibuat serta


25

diimplementasikan. Perancangan sistem adalah suatu upaya untuk membuat suatu

sistem yang baru atau memperbaiki sistem yang telah ada. Desain sistem

secara umum mengidentifikasikan komponen-komponen sistem informasi

yang akan didesain secara terinci. Desain terinci dimaksudkan untuk pemrogram

komputer dan ahli teknik ahlinya yang akan mengimplementasikan sistem.

3.3. Data Flow Diagram

Data Flow Diagram adalah gambaran sistem secara logika. Gambaran ini

tidak tergantung pada perangkat keras, perangkat lunak, struktur data atau

organisasi. Pada tahap analisis, penanganan notasi simbol lingkaran dan anak

panah mewakili/menggambarkan arus data pada perancangan sistem sangat

membantu di dalam komunikasi dengan pemakaian sistem menggunakan

notasi – notasi ini untuk menggambarkan arus dari data sistem. Komponen

(simbol) yang digunakan dalam diagram aliran data, dapat dilihat pada gambar

berikut :

Gambar 3.1 Simbol DFD


26

Keterangan gambar:

1. Kotak persegi digunakan untuk menggambarkan suatu entitas

eksternal yang dapat mengirim data atau menerima data dari sistem.

2. Tanda panah menunjukkan perpindahan data dari suatu titik ke titik

lain dengan kepala tanda panah mengarah ke tujuan data.

3. Kotak dengan sudut membulat digunakan untuk menunjukkan

adanya proses transformasi.

4. Penyimpanan data menandakan penyimpanan manual, seperti lemari

fileatau sebuah file atau basis data terkomputerisasi. Karena

penyimpanan data mewakili sebuah atau sesuatu, maka diberi nama

dengan sebuah kata benda (Kenneth. E. Kendall dan Julie. E. Kendall,

Jilid I, 2003:264).

3.4. Flowchart

Data Flowchart adalah sekumpulan simbol-simbol yang menunjukan atau

menggambarkan rangkaian kegiatan-kegiatan program dari awal hingga

akhir. Flowchart ini merupakan langkah awal pembuatan program. Dengan

adanya flowchart urutan poses kegiatan menjadi lebih jelas. Jika ada penambahan

proses maka dapat dilakukan lebih mudah. Setelah flowchart selesai disusun,

selanjutnya pemrogram (programmer) menerjemahkannya ke bentuk program

dengan bahasa pemrograman.


27


28

Gambar 3.2 Simbol Flowchart


29

3.4.1. Login Administrator

Halaman Administrator hanya diakses oleh orang-orang yang berhak dalam

pengelolaan admin perusahaan. Data login yang terdiri dari username dan

password dari seorang admin. Jika data username dan password sesuai, maka

admin akan menuju tampilan halaman indeks admin. Jika proses login gagal,

maka kembali lagi ke halaman login web.

3.5. Perancangan Database

Database merupakan kumpulan dari data yang saling berhubungan satu dengan

lainnya, tersimpan di simpanan luar komputer dan digunakan perangkat

lunak tertentu untuk memanipulasinya. Database merupakan salah satu

komponen yang penting dalam sistem informasi, karena berfungsi sebagai basis

penyedia informasi bagi para pemakainya. Karena database merupakan

kumpulan dari beberapa file, dalam hal ini file-file tersebut dikelompokkan

secara terstruktur yang terdiri dari beberapa tabel sesuai dengan informasi

yang terkandung didalamnya. Berikut rancangan yang penulis gunakan dalam

membangun website ini :

a. Database Perumahan

Didalam database ini terdiri dari beberapa informasi disediakan dalam

membangun rancangan agar suatu database itu utuh dan lengkap, berikut

tabelnya:


30

1. Tabel Barang

Tabel 3.1 Tabel Barang

Field Type Width Description

Id Int 11 primary key (auto increement)

Nama barang Varchar 50

Quantity Int 5

Harga Int 10

Keterangan Text -

Gambar Text -

Kategori Int 11

2. Tabel Customer

Tabel 3.2 Tabel Customer


Id Int 11

Id_customer Varchar 10

Nama Varchar 20

Alamat Varchar 50

Username Varchar 15

Password Varchar 20


31

3. Tabel Kategori

Tabel 3.3 Tabel Kategori



nama_kategori Varchar 20

4. Tabel Keranjang

Tabel 3.4 Tabel Keranjang



Id_customer Varchar 10

Nama_barang Varchar 50

Harga Varchar 10

Jumlah_beli Varchar 3

Total_harga Varchar 10

5. Tabel Admin

Tabel 3.5 Tabel Admin



Username varchar 15

Password varchar 20

Nama varchar 20


32

Gambar 3.3 Entity Relationship Diagram

Admin

Mengisi Mengisi Mengisi

Kategori Barang Customer

Memesan

Keranjang

Memiliki


BAB 4

IMPLEMENTASI

4.1. Pengertian Implementasi Sistem

Implementasi sistem adalah prosedur yang dilakukan untuk menyelesaikan

desain sistem yang telah dirancang, sistem yang disetujui, menguji sistem,

menginstal dan memulai menggunakan sistem baru tersebut atau sistem yang

diperbaiki. Adapun langkah-langkah yang dibutuhkan dalam implementasi sistem

adalah :

1. Mendapatkan software dan hardwareyang tepat serta sesuai untuk merancang

website.

2. Menyelesaikan rancangan sistem.

3. Menulis, menguji, mengontrol dan mendokumentasikan website.

4. Mendapatkan persetujuan.

4.2 Tujuan Implementasi Sistem

Tujuan implementasi sistem adalah :

1. Menyelesaikan sistem yang ada dalam dokumen desain sistem yang telah

disetujui, menyusun dokumen-dokumen baru atau dokumen yang baru

diperbaiki.

2. Menulis, menguji, mendokumentasikan program-program dan prosedur yang

diperlukan dalam desain sistem yang telah disetujui.


34

3. Memastikan bahwa pengguna dapat mengoperasikan sistem yang baru yaitu

dengan mempersiapkan manual pemakaian (tata cara penggunaan) dan

melatih pengguna tersebut.

4. Memperhitungkan bahwa sistem tersebut dapat memenuhi permintaan

pengguna yaitu dengan menguji sistem.

5. Memastikan bahwa konversi ke sistem baru berjalan secara lancar, yaitu

dengan membuat perencanaan, mengontrol, dan melakukan instalasi

sistem baru secara baik dan benar.

4.3. Komponen Implementasi Sistem

Mengetahui perancangan sistem yang telah kita kerjakan dapat berjalan

dengan baik atau tidak, maka perlu dilakukan pengujian terhadap sistem yang

telah kita buat. Untuk itu dibutuhkan beberapa komponen utama mencangkup

perangkat keras (hardware), perangakat lunak (software), dan perangkat otak

(brainware). Pada website ini dibutuhkan beberapa komponen seperti yang

disebutkan diatas, yaitu:

1. Perangakat keras (hardware)

a. Monitor

b. CPU (Central Processing unit)

c. Harddisk

d. Memori minimal 256 MB

e. Keyboard dan mouse

2. Perangkat lunak (software)

a. Sistem operasi windows


35

b. MySQL sebagai pengelola database server.

c. PHP sebagai bahasa pemrograman serverside.

d. Apache web server sebagai server lokal dalam pengetesan halaman web.

e. HTML5 dan CSS3 sebagai media mendesain web dan menggabungkan

antara layout dengan bahasa pemrograman.

f. Browser sebagai software untuk menjalankan website yang di buat.

3. Perangkat operator (Brainware)

a. Administrator

b. Pengunjung

4.4. Desain Website

Desain website adalah jenis desain grafis yang ditujukan untuk pengembangan

dan styling obyek lingkungan informasi internet untuk menyediakan dengan fitur

konsumen high-end dan kualitas estetika. Definisi yang ditawarkan memisahkan

desain web dari pemrograman web, menekan fitur fungsional dari sebuah situs

web, serta desain posisi web sebagai semacam desain grafis.

4.4.1. Tampilan menu home

Tampilan home tampil sewaktu pertama kali dibuka website ini. Di dalam

menu home terdapat berbagai kategori dan memiliki link-link untuk menuju

ke halaman-halaman lainya.


36

Gambar 4.1 Menu Home

4.4.2. Tampilan menu awal

Tampilan menu awal menampilkan sebagian informasi dari seluruh tipe yang

ditawarkan beserta gambar contoh rumah, berdasarkan tipe nya perumahan

memiliki 3 tipe yaitu; 1. Perumahan Sederhana 2. Perumahan Mewah 3.

Perumahan Klasik.


37

Gambar 4.2 Menu Awal

4.4.3. Tampilan menu Admin

Pada menu admin ini menampilkan penjelasan mengenai perihal login perumahan

elit, seperti menu adminnya. Di menu admin terdapat 3 menu yang dapat diisi,

yaitu customer, barang, dan kategori. Di menu customer, admin dapat menghapus

user yang terdaftar, dan di menu barang admin dapat menghapus, mengedit serta

menambah barang yang akan di tambah. Di kategori admin dapat menghapus

kategori perumahan dan menambah juga.


38

Gambar 4.3 Menu Admin Customer

Gambar 4.4 Menu Admin Barang


39

Gambar 4.5 Menu Admin Kategori

4.4.4. Tampilan menu User

Tampilan menu user yang dimana bisa menampilkan barang yang bisa dikunjungi

dan dipesan. Dimana user yang sudah login dapat memesan/membeli rumah yang

akan diminati, dan disitu juga tertera harga dan jumlah beli. Setelah kita memesan

1 rumah yang diinginkan maka masuk ke menu tampilan, setelah masuk menu

tampilan untuk membayar maka kita ke menu keranjang untuk membayar dan di

situ terdapat menu hapus dan proses pembayaran, dan klik button proses maka

keluar pesan “ Terima Kasih Atas Pembeliannya”.


40

Gambar 4.6 Login User

Gambar 4.7 Pemesanan User


41

Gambar 4.8 Pembayaran User

Gambar 4.9 Pesan Pembayaran User


42

4.4.5. Tampilan Menu Daftar User

Tampilan Daftar User ini berfungsi untuk mendaftar user yang baru agar dia dapat

login dan memesan perumahan elit yang ingin di beli. Setelah user baru terdaftar,

maka muncul pesan “ Selamat anda sudah terdaftar, silahkan login” maka dia

langsung ke login untuk masuk.

Gambar 4.10 Daftar User


43

Gambar 4.11 Pesan Daftar User

Gambar 4.12 Login User


44

4.5 Tujuan dari sistem yang di rancang

Tujuan dari sistem yang di rancang adalah sebagai berikut:

1. Menyelesaikan desain sistem yang ada dalam dokumen sistem yang

disetujui, meyusun dokumen baru atau dokumen yang di perbaiki.

2. Menguji program-program dan prosedur baru atau dokumen yang diperbaiki.

3. Memastikan bahwa sistem yang dibuat dapat di gunakan setiap pemakai

tanpa mengalami kesulitan dalam penggunanya.

4. Menguji apakah sistem baru tersebut sesuai dengan apa yang diinginkan

oleh pemakai.


BAB 5

KESIMPULAN DAN SARAN

5.1. Kesimpulan

Dari keterangan dan bab-bab sebelummnya penulis dapat mengambil baberapa

kesimpulan sebagai berikut:

1. Dalam pembuatan website ini ada beberapa tahapan yang dilakukan penulis

yaitu tahapan perencanaan, tahap perancangan diagram (DFD) , merancang

dan mempersiapkan database server, dan tahap implementasi sistem.

2. Website ini di buat dengan menggunakan bahasa pemrograman PHP sebagai

bahasa pemrogramannya, MySQL sebagai database servernya.

3. Pembuatan website ini dilakukan pada internet atau komputer lokal tanpa

terkoneksi ke internet. Koneksi internet dibutuhkan pada saat menghosting

website dan pengaksesan situs setelah di hosting.

4. Untuk mempercepat loading ketika mengakses situs internet, dapat dilakukan

teknik slicing (pemotongan) pada grafis web dan optimasi gambar yaitu

dengan mengurangi warna dari grafis web.

5. Untuk menarik minat pengunjung, perlu dibuat rancangan layout atau

template dengan gambar menarik.


46

5.2. Saran

Agar website ini berkembang dengan baik maka, penulis memberikan saran

sebagai berikut :

1. Komputer yang digunakan dalam membuat suatu aplikasi web sebaiknya

memiliki spesifikasi dengan level menengah karena penggunaan software

yang high level akan memakan sumber daya computer seperti memory dan

kapasitas hardisk.

2. Perlu di lakuakan pembaharuan atau update berkala oleh administrator pada

website ini guna memberikan informasi yang terbaru.

3. Untuk menarik minat pengunjung, perlu di buat ramcangan layout atau

template dengan gambar dan animasi yang menarik.

4. Perlu di lakukan penggandaan (backup) database secara teratur ke dalam

media penyimpanan lainnya untuk mencegah hal-hal yang tidak diingginkan

seperti data hilang atau rusak.

5. Dalam pembuatan situs, perlu dirancang dengan teliti agar dalam melakuakan

pembaharuan data tidak terjadi kesalahan.


DAFTAR PUSTAKA

Kristianto, Andri. 2003. Perancangan Sistem Informasi. Penerbit Gava.Yogyakarta.

Jogianto.2005. Analisis dan Disain Sistem Informasi. Penerbit Andi. Yogyakarta.

Ladjamudin, Al Bahra. 2005. Analisis dan Desain Sistem Informasi. PenerbitGraha Ilmu. Tangerang.

Amsyah, Zulkifli, 2003. Manajemen Sistem Informasi. Gramedia Pustaka Utama.Jakarta.

O’Brien, James. A, 2005. Pengantar Sistem Informasi Perseptif Bisnis danManajerial. Salemba.

Sutabri, Tata, 2005. Sistem Informasi Manajemen, Edisi I. Andi. Yogyakarta.


LAMPIRAN LISTING PROGRAM

1. Barang.php (Admin)

<?php

session_start();

if (!isset($_SESSION['username'])) {

header("location:index.php");

}

include "head.php";

?>

<div class="container">

<a href="tambah.php" class="tombol">Tambah barang</a>

<br><br>

<center>

<table class="tb_customer">

<tr>

<th width="10px">No</th>

<th width="100px">Gambar</th>

<th>Nama Barang</th>

<th>Stok</th>

<th>Harga</th>

<th>Keterangan</th>

<th width="100px">Aksi</th>

</tr>

<?php $data->tampil_barang() ?>

</table>

<br><br>

</center>

<?php include "../footer.php" ?>


</div>

2. Customer.php (Admin)

<?php

session_start();



}

include "head.php";

?>


<br><br>

<center>


<tr>

<th>Nama</th>

<th>Alamat</th>

<th>username</th>

<th>Password</th>

</tr>

<?php $data->tampil_customer() ?>

</table>

<br><br>

</center>


</div>


3. Edit_Barang.php (admin)

<?php

session_start();



}

include "head.php";

?>

<?php

include "koneksi.php";

$id=$_GET["id"];

$query="select * from barang where id='$id'";

$eq=mysqli_query($koneksi,$query);

$data_edit=mysqli_fetch_array($eq);

?>


<form class="ftambah" action="hand.php?act=tambah_barang"

enctype="multipart/form-data" method="post">

<input type="text" name="nama_barang"

placeholder="Nama Barang"><br>

<input type="text" name="qty" placeholder="Jumlah

barang"><br>

<input type="text" name="harga"

placeholder="Harga"><br>

<textarea name="ket"

placeholder="Keterangan"></textarea><br>

<input type="file" name="foto"> (foto)<br>

<a> Kategori<a> <select

name="kategori">

<?php $data->tampil_kategori1() ?>

</select><br>


<input type="submit" value="simpan">

</form>

</div>

4. Hand.php (Admin)

<?php

include "root.php";

if (isset($_GET["act"])) {

if ($_GET["act"]=="login") {

$data->login($_POST['username'],$_POST['password']);

}

if ($_GET["act"]=="logout") {

session_start();

unset($_SESSION['id_cust'],$_SESSION['nama_cust'],$_SESSION['usernam

e_cust']);

header("location:../index.php");

}

if ($_GET["act"]=="hapus_cust") {

$data->hapus_cust($_GET['id']);

}

if ($_GET["act"]=="tambah_kategori") {


$data->tambah_cat($_POST['nama_kat']);

}

if ($_GET["act"]=="tambah_barang") {

$data-

>tambah_barang($_POST['nama_barang'],$_POST['qty'],$_POST['harga'],$_POST['

ket'],$_FILES['foto']['name'],$_FILES['foto']['tmp_name'],$_FILES['foto']['type'],$_

POST['kategori']);

}

if ($_GET["act"]=="hapus_cat") {

$data->hapus_cat($_GET["id"]);

}

if ($_GET["act"]=="simpan_edit_barang") {

$data-

>simpan_edit_barang($_POST['id'],$_POST['nama_barang'],$_POST['qty'],$_POST

['harga'],$_POST['ket'],$_FILES['foto']['name'],$_FILES['foto']['tmp_name'],$_FILE

S['foto']['type'],$_POST['kategori']);

}

if ($_GET["act"]=="hapus_barang") {

$data->hapus_barang($_GET["id"]);

}

}

?>


5. Head.php (Admin)

<?php include "root.php"; ?>

<link rel="stylesheet" type="text/css" href="../css/index.css">


<nav>

<ul class="left">

<li><a href="customer.php">Customer</a></li>

<li><a href="barang.php">Barang</a></li>

<li><a href="kategori.php">Kategori</a></li>

</ul>

<ul class="right">

<li><a href="hand.php?act=logout"><?php echo

$_SESSION['nama']; ?> (logout)</a></li>

</ul>

<div class="both"></div>

</nav>

<header style="border-bottom:1px solid #f1f1f1">

<h1 style="color: GOLD;">PERUMAHAN ELIT</h1>

<p>Selamat datang di halaman website perumahan</p>

</header>

</div>


6. Home.php (Admin)

<?php

session_start();



}

include "head.php";

?>

7. Index.php (Admin)

<link rel="stylesheet" type="text/css" href="../css/index.css">

<div class="login">

<h4 class="tlogin">Login admin</h4>

<form action="hand.php?act=login" method="post">

<input type="text" name="username"

placeholder="Username">

<input type="password" name="password"

placeholder="Password">

<input type="submit" value="Login">

</form>

</div>

8. Kategori.php (Admin)

<?php

session_start();




}

include "head.php";

?>


<br><br>

<a href="tambah_kategori.php" class="tombol">Tambah kategori</a>

<center>


<tr>

<th>Nama Kategori</th>

<th>Aksi</th>

</tr>

<?php $data->tampil_kategori() ?>

</table>

<br><br>

</center>


</div>

9. Koneksi.php (Admin)

<?php

$koneksi=mysqli_connect("localhost","root","","perumahan")

?>


10. Root.php (Admin)

<?php

Class bigdata

{

function __construct()

{

mysqli_connect("localhost","root","","perumahan");

}

function login($username,$password){

$query=mysqli_query(mysqli_connect("localhost","root","","perumahan"),

"select * from admin where username='$username' and

password='$password'");

$check=mysqli_num_rows($query);

if ($check > 0) {

$data=mysqli_fetch_array($query);

session_start();

$_SESSION['id']=$data['id'];

$_SESSION['nama']=$data['nama'];

$_SESSION['username']=$data['username'];

header("location:barang.php");

}

else{

?>

<script type="text/javascript">

alert("Login gagal, username atau password

salah");

window.location.href="login.php";

</script>

<?php


}

}

function tampil_customer(){

$q="select * from `customer`";

$eq=mysqli_query(mysqli_connect("localhost","root","","perumahan"),$q);

while ($data=mysqli_fetch_array($eq)) {

?>

<tr>

<td><?php echo $data['nama'] ?></td>

<td><?php echo $data['alamat'] ?></td>

<td><?php echo $data['username'] ?></td>

<td><?php echo $data['password'] ?></td>

<td><a class="b"

href="hand.php?act=hapus_cust&id=<?php echo $data['id']

?>">Hapus</a></td>

</tr>

<?php

}

}

function tampil_kategori(){


"select * from kategori");

while ($data=mysqli_fetch_array($query)) {

?>

<tr>

<td><?php echo $data['nama_kategori']

?></td>

<td><a class="b"

href="hand.php?act=hapus_cat&id=<?php echo $data['id']

?>">Hapus</a></td>


</tr>

<?php

}

}

function hapus_cust($id){


"delete from customer where id='$id'");

if ($query) {

?>


alert("data berhasil dihapus");

window.location.href="customer.php";

</script>

<?php

}else{

?>


alert("data gagal dihapus");

window.location.href="customer.php";

</script>

<?php

}

}

function tambah_cat($nama_cat){


"insert into kategori set nama_kategori='$nama_cat'");

if ($query) {

?>



alert("data berhasil ditambahkan");

window.location.href="kategori.php";

</script>

<?php

}else{

?>


alert("data gagal ditambahkan");


</script>

<?php

}

}

function tampil_kategori1(){


"select * from kategori");


?><option value="<?php echo $data['id'] ?>"><?php

echo $data['nama_kategori'] ?></option>

<?php

}

}

function

tambah_barang($nama_barang,$qty,$harga,$ket,$namagambar,$tmpgambar,

$type_foto,$kategori){

if

($type_foto!="image/jpeg"&&$type_foto!="image/jpg"&&$type_foto!="ima

ge/png"&&$type_foto!="image/gif") {

?>



alert( "Gunakan file yang benar");

window.location.href="barang.php";

</script>

<?php

}else{

$destination="gambar/$namagambar";

move_uploaded_file($tmpgambar, $destination);

$query=mysqli_query(mysqli_connect("localhost","root","","perumahan"),"i

nsert into barang set

nama_barang='$nama_barang',qty='$qty',harga='$harga',keterangan='$ket',ga

mbar='$destination',kategori=$kategori");

if ($query) {

?>


alert( "Barang Berhasil Ditambahkan");


</script>

<?php

}else{

echo mysql_error();

}

}

}

function

simpan_edit_barang($id,$nama_barang,$qty,$harga,$ket,$namagambar,$tmp

gambar,$type_foto,$kategori){

if

($type_foto!="image/jpeg"&&$type_foto!="image/jpg"&&$type_foto!="ima

ge/png"&&$type_foto!="image/gif") {


?>


alert( "Gunakan file yang benar");


</script>

<?php

}else{

$destination="gambar/$namagambar";

move_uploaded_file($tmpgambar, $destination);

$query=mysql_query("update barang set

nama_barang='$nama_barang',qty='$qty',harga='$harga',keterangan='$ket',ga

mbar='$destination',kategori=$kategori where id='$id'");

if ($query) {

?>


alert( "Barang Berhasil Disimpan");


</script>

<?php

}else{

echo mysql_error();

}

}

}

function tampil_barang(){


"select * from barang order by id DESC");

$no=1;


?>


<tr>

<td><?= $no ?></td>

<td><img src="<?php echo $data['gambar']

?>"></td>

<td><?php echo $data['nama_barang'] ?></td>

<td><?php echo $data['qty'] ?></td>

<td><?php echo $data['harga'] ?></td>

<td><?php echo $data['keterangan'] ?></td>

<td><a class="a"

href="edit_barang.php?id=<?php echo $data['id'] ?>">edit</a> <a class="b"

href="hand.php?act=hapus_barang&id=<?php echo $data['id']

?>">Hapus</a></td>

</tr>

<?php

$no++;

}

}

function hapus_barang($id){


"delete from barang where id='$id'");

if ($query) {

?>


alert( "Barang Berhasil Dihapus");


</script>

<?php

}else{

echo mysql_error();

}

}


SISTEM INFORMASI PENJUALAN PERUMAHAN ELITE BERBASIS ...

Documents

Transcript of SISTEM INFORMASI PENJUALAN PERUMAHAN ELITE BERBASIS ...