SISTEM INFORMASI PENJUALAN PERUMAHAN ELITE BERBASIS ...
Transcript of 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
SISTEM INFORMASI PENJUALAN PERUMAHAN ELITEBERBASIS WEBSITE
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
UNIVERSITAS SUMATERA UTARA
ii
PERNYATAAN
SISTEM INFORMASI PENJUALAN PERUMAHAN ELITEBERBASIS WEBSITE
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
UNIVERSITAS SUMATERA UTARA
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
UNIVERSITAS SUMATERA UTARA
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
UNIVERSITAS SUMATERA UTARA
iv
SISTEM INFORMASI PENJUALAN PERUMAHAN ELITEBERBASIS WEBSITE
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
UNIVERSITAS SUMATERA UTARA
v
SISTEM INFORMASI PENJUALAN PERUMAHAN ELITEBERBASIS WEBSITE
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
UNIVERSITAS SUMATERA UTARA
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
UNIVERSITAS SUMATERA UTARA
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
UNIVERSITAS SUMATERA UTARA
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
UNIVERSITAS SUMATERA UTARA
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
UNIVERSITAS SUMATERA UTARA
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
UNIVERSITAS SUMATERA UTARA
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
UNIVERSITAS SUMATERA UTARA
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
UNIVERSITAS SUMATERA UTARA
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 :
UNIVERSITAS SUMATERA UTARA
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.
UNIVERSITAS SUMATERA UTARA
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
UNIVERSITAS SUMATERA UTARA
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
UNIVERSITAS SUMATERA UTARA
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.
UNIVERSITAS SUMATERA UTARA
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.
UNIVERSITAS SUMATERA UTARA
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
UNIVERSITAS SUMATERA UTARA
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
UNIVERSITAS SUMATERA UTARA
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
UNIVERSITAS SUMATERA UTARA
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
UNIVERSITAS SUMATERA UTARA
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).
UNIVERSITAS SUMATERA UTARA
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.
UNIVERSITAS SUMATERA UTARA
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,
UNIVERSITAS SUMATERA UTARA
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.
UNIVERSITAS SUMATERA UTARA
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.
UNIVERSITAS SUMATERA UTARA
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.
UNIVERSITAS SUMATERA UTARA
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:
UNIVERSITAS SUMATERA UTARA
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>”;
?>
UNIVERSITAS SUMATERA UTARA
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.
UNIVERSITAS SUMATERA UTARA
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.
UNIVERSITAS SUMATERA UTARA
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
UNIVERSITAS SUMATERA UTARA
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
UNIVERSITAS SUMATERA UTARA
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
UNIVERSITAS SUMATERA UTARA
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.
UNIVERSITAS SUMATERA UTARA
27
UNIVERSITAS SUMATERA UTARA
28
Gambar 3.2 Simbol Flowchart
UNIVERSITAS SUMATERA UTARA
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:
UNIVERSITAS SUMATERA UTARA
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
Field Type Width Description
Id Int 11
Id_customer Varchar 10
Nama Varchar 20
Alamat Varchar 50
Username Varchar 15
Password Varchar 20
UNIVERSITAS SUMATERA UTARA
31
3. Tabel Kategori
Tabel 3.3 Tabel Kategori
Field Type Width Description
Id Int 11 primary key (auto increement)
nama_kategori Varchar 20
4. Tabel Keranjang
Tabel 3.4 Tabel Keranjang
Field Type Width Description
Id Int 11 primary key (auto increement)
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
Field Type Width Description
Id Int 11 primary key (auto increement)
Username varchar 15
Password varchar 20
Nama varchar 20
UNIVERSITAS SUMATERA UTARA
32
Gambar 3.3 Entity Relationship Diagram
Admin
Mengisi Mengisi Mengisi
Kategori Barang Customer
Memesan
Keranjang
Memiliki
UNIVERSITAS SUMATERA UTARA
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.
UNIVERSITAS SUMATERA UTARA
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
UNIVERSITAS SUMATERA UTARA
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.
UNIVERSITAS SUMATERA UTARA
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.
UNIVERSITAS SUMATERA UTARA
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.
UNIVERSITAS SUMATERA UTARA
38
Gambar 4.3 Menu Admin Customer
Gambar 4.4 Menu Admin Barang
UNIVERSITAS SUMATERA UTARA
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”.
UNIVERSITAS SUMATERA UTARA
40
Gambar 4.6 Login User
Gambar 4.7 Pemesanan User
UNIVERSITAS SUMATERA UTARA
41
Gambar 4.8 Pembayaran User
Gambar 4.9 Pesan Pembayaran User
UNIVERSITAS SUMATERA UTARA
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
UNIVERSITAS SUMATERA UTARA
43
Gambar 4.11 Pesan Daftar User
Gambar 4.12 Login User
UNIVERSITAS SUMATERA UTARA
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.
UNIVERSITAS SUMATERA UTARA
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.
UNIVERSITAS SUMATERA UTARA
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.
UNIVERSITAS SUMATERA UTARA
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.
UNIVERSITAS SUMATERA UTARA
UNIVERSITAS SUMATERA UTARA
UNIVERSITAS SUMATERA UTARA
UNIVERSITAS SUMATERA UTARA
UNIVERSITAS SUMATERA UTARA
UNIVERSITAS SUMATERA UTARA
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" ?>
UNIVERSITAS SUMATERA UTARA
</div>
2. Customer.php (Admin)
<?php
session_start();
if (!isset($_SESSION['username'])) {
header("location:index.php");
}
include "head.php";
?>
<div class="container">
<br><br>
<center>
<table class="tb_customer">
<tr>
<th>Nama</th>
<th>Alamat</th>
<th>username</th>
<th>Password</th>
</tr>
<?php $data->tampil_customer() ?>
</table>
<br><br>
</center>
<?php include "../footer.php" ?>
</div>
UNIVERSITAS SUMATERA UTARA
3. Edit_Barang.php (admin)
<?php
session_start();
if (!isset($_SESSION['username'])) {
header("location:index.php");
}
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);
?>
<div class="container">
<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>
UNIVERSITAS SUMATERA UTARA
<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") {
UNIVERSITAS SUMATERA UTARA
$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"]);
}
}
?>
UNIVERSITAS SUMATERA UTARA
5. Head.php (Admin)
<?php include "root.php"; ?>
<link rel="stylesheet" type="text/css" href="../css/index.css">
<div class="container">
<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>
UNIVERSITAS SUMATERA UTARA
6. Home.php (Admin)
<?php
session_start();
if (!isset($_SESSION['username'])) {
header("location:index.php");
}
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();
UNIVERSITAS SUMATERA UTARA
if (!isset($_SESSION['username'])) {
header("location:index.php");
}
include "head.php";
?>
<div class="container">
<br><br>
<a href="tambah_kategori.php" class="tombol">Tambah kategori</a>
<center>
<table class="tb_customer">
<tr>
<th>Nama Kategori</th>
<th>Aksi</th>
</tr>
<?php $data->tampil_kategori() ?>
</table>
<br><br>
</center>
<?php include "../footer.php" ?>
</div>
9. Koneksi.php (Admin)
<?php
$koneksi=mysqli_connect("localhost","root","","perumahan")
?>
UNIVERSITAS SUMATERA UTARA
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
UNIVERSITAS SUMATERA UTARA
}
}
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(){
$query=mysqli_query(mysqli_connect("localhost","root","","perumahan"),
"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>
UNIVERSITAS SUMATERA UTARA
</tr>
<?php
}
}
function hapus_cust($id){
$query=mysqli_query(mysqli_connect("localhost","root","","perumahan"),
"delete from customer where id='$id'");
if ($query) {
?>
<script type="text/javascript">
alert("data berhasil dihapus");
window.location.href="customer.php";
</script>
<?php
}else{
?>
<script type="text/javascript">
alert("data gagal dihapus");
window.location.href="customer.php";
</script>
<?php
}
}
function tambah_cat($nama_cat){
$query=mysqli_query(mysqli_connect("localhost","root","","perumahan"),
"insert into kategori set nama_kategori='$nama_cat'");
if ($query) {
?>
<script type="text/javascript">
UNIVERSITAS SUMATERA UTARA
alert("data berhasil ditambahkan");
window.location.href="kategori.php";
</script>
<?php
}else{
?>
<script type="text/javascript">
alert("data gagal ditambahkan");
window.location.href="kategori.php";
</script>
<?php
}
}
function tampil_kategori1(){
$query=mysqli_query(mysqli_connect("localhost","root","","perumahan"),
"select * from kategori");
while ($data=mysqli_fetch_array($query)) {
?><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") {
?>
UNIVERSITAS SUMATERA UTARA
<script type="text/javascript">
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) {
?>
<script type="text/javascript">
alert( "Barang Berhasil Ditambahkan");
window.location.href="barang.php";
</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") {
UNIVERSITAS SUMATERA UTARA
?>
<script type="text/javascript">
alert( "Gunakan file yang benar");
window.location.href="barang.php";
</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) {
?>
<script type="text/javascript">
alert( "Barang Berhasil Disimpan");
window.location.href="barang.php";
</script>
<?php
}else{
echo mysql_error();
}
}
}
function tampil_barang(){
$query=mysqli_query(mysqli_connect("localhost","root","","perumahan"),
"select * from barang order by id DESC");
$no=1;
while ($data=mysqli_fetch_array($query)) {
?>
UNIVERSITAS SUMATERA UTARA
<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){
$query=mysqli_query(mysqli_connect("localhost","root","","perumahan"),
"delete from barang where id='$id'");
if ($query) {
?>
<script type="text/javascript">
alert( "Barang Berhasil Dihapus");
window.location.href="barang.php";
</script>
<?php
}else{
echo mysql_error();
}
}
UNIVERSITAS SUMATERA UTARA
function hapus_cat($id){
$query=mysqli_query(mysqli_connect("localhost","root","","perumahan"),
"delete from kategori where id='$id'");
if ($query) {
?>
<script type="text/javascript">
alert( "Kategori Berhasil Dihapus");
window.location.href="kategori.php";
</script>
<?php
}else{
echo mysql_error();
}
}
}
$data=new bigdata();
?>
UNIVERSITAS SUMATERA UTARA