Perancangan Sistem Informasi Lelang Mobil Tua Secara Online Berbasis Website

(1)

PERANCANGAN SISTEM INFORMASI LELANG MOBIL

TUA SECARA ONLINE BERBASIS WEBSITE

TUGAS AKHIR

DARA RINA BR GINTING

112406213

PROGRAM STUDI D3 TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN

ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN


(2)

PERANCANGAN SISTEM INFORMASI LELANG MOBIL

TUA SECARA ONLINE BERBASIS WEBSITE

TUGAS AKHIR

Diajukan untuk melengkapi tugas akhir dan memenuhi syarat memperoleh gelar Ahli Madya

DARA RINA BR GINTING

112406213

PROGRAM STUDI D3 TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN

ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN


(3)

PERSETUJUAN

Judul : PERANCANGAN SISTEM INFORMASI

LELANG MOBIL TUA SECARA ONLINE BERBASIS WEBSITE

Kategori : TUGAS AKHIR

Nama : DARA RINA BR. GINTING

Nomor Induk Mahasiswa : 112406213

Program Studi : DIPLOMA (D3) TEKNIK INFORMATIKA

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA

Diluluskan di Medan, Juni 2014

Disetujui,

Program Studi D3 Teknik Informatika Pembimbing,

Ketua,

Dr. Elly Rosmaini, M.Si Asima Manurung, S.Si, M.Si


(4)

PERNYATAAN

PERANCANGAN SISTEM INFORMASI LELANG MOBIL TUA SECARA ONLINE BERBASIS 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, Juni 2014

Dara Rina Br. Ginting 112406213


(5)

PENGHARGAAN

Puji dan syukur penulis panjatkan kepada Allah Yang Maha Pemurah dan Maha Penyayang, dengan limpah karunia-Nya penulis dapat menyelesaikan penyusunan Tugas Akhir ini dengan judul Perancangan Sistem Informasi Lelang Mobil Tua Secara Online Berbasis Website

Terima kasih penulis sampaikan kepada Asima Manurung, S.Si, M.Si selaku pembimbing yang telah meluangkan waktunya selama penyusunan tugas akhir ini. Terima kasih kepada Dr. EllyRosmaini, M.Si dan Syahriol Sitorus, S.Si, M.IT selaku Ketua Program Studi dan Sekretaris Program Studi D3 Teknik Informatika FMIPA USU, Bapak Prof. Dr. Tulus, M.Si dan Ibu Dr. Mardiningsih, M.Si selaku Ketua dan Sekretaris Departemen Matematika FMIPA USU, Bapak Dr. Sutarman, M.Sc selaku Dekan FMIPA USU, Seluruh Staff dan Dosen Program Studi D3 Teknik Informatika FMIPA USU, pegawai FMIPA dan rekan– rekan kuliah. Akhirnya tidak terlupakan kepada Ayah Darsan Ginting, Ibu Sitiara Sembiring dan keluarga yang selama ini memberikan bantuan dan dorongan yang diperlukan. Semoga Allah Yang Maha Esa akan membalasnya.


(6)

ABSTRAK

Kajian ini bertujuan untuk membangun suatu website sistem informasi Lelang Mobil Tua secara Online. Sistem informasi ini dikembangkan dengan menggunakan perangkat lunak Apache, PHP, dan MySQL. Sistem informasi ini berfungsi untuk memberikan informasi tentang adanya Lelang Mobil Tua kepada konsumen dan untuk mengetahui informasi pelelangan secara cepat, tepat dan akurat. Tujuan sistem informasi ini adalah untuk memperkenalkan dan mengintegrasikan perusahaanuntuk aktifitas penawaran ;elang Mobil Tua yang terkait teknologi komunikasi dalam bentuk website.


(7)

DAFTAR ISI

Halaman

Persetujuan ii

Pernyataan iii

Penghargaan iv

Abstrak v

Daftar Isi vi

Daftar Gambar viii

Daftar Tabel ix

Bab 1 Pendahuluan

1.1 Latar Belakang 1

1.2 Rumusan Masalah 2

1.3 Batasan Masalah 2

1.4 Tujuan Penelitian 3

1.5 Metodologi Penelitian 3

1.6 Sistematika Penulisan 4

Bab 2 Landasan Teori

2.1 Pengertian Sistem 6

2.2 Pengertian Informasi 7

2.3 Internet 8

2.3.1 Pengertian Internet 8

2.3.2 Fasilitas Internet 9

2.3.3 Istilah – Istilah Internet 10

2.3.4 Skema Jaringan Internet 11

2.4 Pengertian Situs 12


(8)

2.6 Database 12 2.6.2 Komponen Database 14 2.6.3 Hirarki Dan Struktur Database 15

2.6.4 Web Database 16

2.6.5 MySQL 16

2.7 Data Flow Diagram (DFD) 17

2.8 Flowchart 18

2.9 Aplikasi Pembangun Situs Web 20

2.9.2 Hypertext Makrup Lnguage (HTML) 20 2.9.3 Processor Hypertext (PHP) 22

2.9.3.1 Tipe Data Pada PHP 23

2.9.3.2 Variable Pada PHP 23 2.9.3.3 Operator Dalam PHP 24

Bab 3 Perancangan Sistem

3.1 Prosedur Lelang 26

3.2 UML 28

3.2.1 Use Case Diagram 28

3.2.2 Activity Diagram 29

3.2.3 Diagram Alir Data 30

3.2.4 Flowchart 32

3.3 Table Dan Relasi 33

3.4 Desain Interface Website 37

3.5 Desain Rancangan Input Dan Output 39

3.5.1 Rancangan Input 40

3.5.2 Rancangan Output 43

Bab 4 Implementasi Sistem

4.1 Pengertian Implementasi Sistem 45 4.1.1 Spesifikasi Perangkat Keras 45 4.1.2 Spesifikasi Perangkat Lunak 46 4.2 Pengujian Sistem 46

Bab 5 Kesimpulan dan Saran

5.1 Kesimpulan 57


(9)

Lampiran

DAFTAR GAMBAR

Halaman

Gambar 2.1 Skema Jaringan Internet 11

Gambar 3.1 Prosedur Lelang 26

Gambar 3.2 UML Use Case Diagram 28 Gambar 3.3 UML Activity Diagram 29 Gambar 3.4 Diagram Alir Data 30 Gambar 3.5 Diagram Sistem Lelang Level 1 31

Gambar 3.6 Flowchart 32

Gambar 3.7 Relasi Tabel 33

Gambar 3.8 Rancangan Interface 33

Gambar 3.9 Site Map Peserta Lelang 34 Gambar 3.10 Rancangan Pendaftaran Peserta 36 Gambar 3.11 Rancangan Penawaran Lelang 37 Gambar 3.12 Rancangan Input Pengolahan Data Administrator 38 Gambar 3.13 Rancangan Output Barang Lelang 39 Gambar 3.14 Rancangan Output Halaman Administrator 40 Gambar 4.1 Halaman Login Administrator 42 Gambar 4.2 Halaman Utama Administrator 43 Gambar 4.3 Halaman Isi Barang Lelang 44 Gambar 4.4 Halaman Isi Data Anggota 45


(10)

Gambar 4.5 Halaman Anggota Lelang 46

Gambar 4.6 Tampilan Utama User 47

Gambar 4.7 Tampilan Form Pendaftaran 48

Gambar 4.8 Tampilan User Login Anggota Lelang 49

Gambar 4.9 Tampilan Pilih Barang Lelang 50

Gambar 4.10 Tampilan Penawaran Barang Lelang 51

Gambar 4.11 Tampilan List Keranjang Lelang 52

DAFTAR TABEL Halaman Tabel 2.1 Simbol DFD 17

Tabel 2.2 Simbol Dalam Pembuatan Flowchart 19

Tabel 2.3 Tipe Data Pada PHP 23

Tabel 2.4 Operator Aritmatika 24

Tabel 2.5 Operator Logika 25

Tabel 3.1 Anggota 30

Tabel 3.2 Barang 31

Tabel 3.3 Lelang 31

Tabel 3.4 Pemenang 32


(11)

(12)

ABSTRAK

Kajian ini bertujuan untuk membangun suatu website sistem informasi Lelang Mobil Tua secara Online. Sistem informasi ini dikembangkan dengan menggunakan perangkat lunak Apache, PHP, dan MySQL. Sistem informasi ini berfungsi untuk memberikan informasi tentang adanya Lelang Mobil Tua kepada konsumen dan untuk mengetahui informasi pelelangan secara cepat, tepat dan akurat. Tujuan sistem informasi ini adalah untuk memperkenalkan dan mengintegrasikan perusahaanuntuk aktifitas penawaran ;elang Mobil Tua yang terkait teknologi komunikasi dalam bentuk website.


(13)

BAB 1 PENDAHULUAN

1.1 Latar belakang

Semakin tidak terasa bahwa perkembangan ilmu pengetahuan dan teknologi demikian pesatnya, sehingga hampir segala aktifitas kerja manusia didominasi oleh teknologi, khususnya komputer. Hal ini terus menyeret dan memacu masyarakat untuk masuk dalam lingkaran alam kecanggihan tersebut. Oleh karena itu, masyarakat dipacu untuk berkualitas dalam berkarya dan untuk menghasilkan sesuatu yang berguna bagi diri sendiri maupun sesuai dengan situasi dan kondisi sekarang ini.

Sebagaimana halnya dalam dunia otomotif terutama untuk kategori mobil tua ataupun mobil antik, yang memang memiliki keunikan sendiri sehingga sedikit lebih sulit dalam mencarinya. Untuk itu dibutuhkan sebuah aplikasi yang bisa memberikan informasi mengenai mobil-mobil tua, yang tentunya akan lebih membantu para konsumen mobil tua untuk melakukan jual-beli dengan sistem penawaran lelang.

Berdasarkan masalah tersebut, maka dibuat suatu aplikasi komputer online


(14)

menginformasikan pelelangan mobil tua kepada konsumen dan untuk mengetahui informasi pelelangan secara cepat, tepat dan akurat.

Penulis bermaksud membuat aplikasi untuk mempermudah kelancaran dalam melakukan transaksi lelang yang tidak menyita waktu, serta kapan saja bisa dilakukan.

Oleh karena itu, dari penjelasan di atas, penulis mengajukan sebuah proposal yang berjudul “PERANCANGAN SISTEM INFORMASI LELANG

MOBIL TUA SECARA ONLINE BERBASIS WEBSITE” sebagai judul dari

tugas akhir penulis.

1.2 Rumusan Masalah

Permasalahan yang dapat diambil dari penelitian ini adalah bagaimana merancang sistem lelang mobil tua dalam ruang lingkup internet (online) dengan menampilkan mobil yang akan dilelang oleh perusahaan yang menyelenggarakan pelelangan.

1.3 Batasan Masalah

Dalam penulisan tugas akhir ini penulis membatasi masalah sehingga tidak meluas dan tidak menyimpang dari tujuan dalam penelitian ini. Pembatasan masalah dapat penulis uraikan sebagai berikut:


(15)

1. Dalam pelelangan terdapat kurun waktu tertentu barang yang akan dilelang untuk dipublikasikan.

2. Jangka waktu penawaran lelang selama 24 jam.

1.4 Tujuan Penelitian

Tujuan dari penelitian ini adalah untuk memperkenalkan dan mengintregrasikan perusahaan untuk aktifitas penawaran mobil tua yang terkait dengan teknologi telekomunikasi.

1.5 Metodologi Penelitian

Metodologi yang dilakukan oleh penulis dalam penelitian ini adalah: 1. Pengumpulan Data

Beberapa metodologi pengumpulan data yang dilakukan oleh penulis yaitu: a. Observasi, metodologi ini dilakukan oleh penulis dengan meneliti obyek

serupa yang sudah jadi dan masih aktif diinternet.

b. Kepustakaan, metodologi kepustakaan dilakukan oleh penulis dengan mencari sumber yang terkait dengan pemrograman web terutama yang menggunakan database MySQL dari buku analog maupun digital.

2. Perancangan Sistem

a. Analisis Kebutuhan, analisis kebutuhan adalah analisa yang dilakukan untuk menentukan input dan output yang diinginkan berdasarkan data yang diperoleh.


(16)

b. Perancangan Sistem, perancangan sistem merupakan tahapan yang dilakukan untuk membuat sebuah rancangan program berdasarkan input dan output yang diinginkan. Merupakan catatan prosedur dan formulir

-formulir sehingga relevan antara teori dan kenyataan selanjutnya digunakan untuk pembuatan model dan program komputer yang menyangkut hal-hal penetapan input dan output.

c. Implementasi Sistem, setelah pembuatan perancangan sistem maka langkah selanjutnya adalah mengimplementasi hasil perancangan ke dalam program (PHP dan MySQL).

d. Evaluasi Sistem, evaluasi merupakan langkah setelah media periklanan diimplementasikan untuk mengetahui kesalahan yang mungkin terjadi, sampai dipastikan sistem dapat berjalan dengan sempurna.

e. Penulisan Laporan Penelitian, ini adalah tahap akhir dari penelitian.

1.6 Sistematika Penulisan

BAB 1 PENDAHULUAN

Bab ini berisi latar belakang, rumusan masalah, tujuan, batasan masalah, metodologi penelitian dan sistematika penulisan laporan.

BAB 2 LANDASAN TEORI

Bab ini berisi perancangan sistem, jejaring sosial, internet, pengertian situs, database, dan aplikasi pembangun situs web yang berkaitan dengan


(17)

BAB 3 PEMBAHASAN DAN PERANCANGAN

Bab ini berisi pembahasan dan perancangan desain-desain yang dirancang dan akan diimplementasikan diprogram yang sebenarnya.

BAB 4 ALGORITMA DAN IMPLEMENTASI

Bab ini berisikan algoritma, spesifikasi hardware, dan spesifikasi software yang merupakan implementasi dari desain-desain yang telah dirancang pada Bab 3.

BAB 5 KESIMPULAN DAN SARAN

Bab ini berisi kesimpulan yang dihasilkan dari sistem yang telah dibuat dan saran bagi pembaca untuk pengembangan program yang telah dibuat tersebut.


(18)

BAB 2

LANDASAN TEORI

2.1 Pengertian Sistem

Istilah sistem berasal dari bahasa “Yunani, yaitu “systema”, yang berarti

“kesatuan”. Sistem dapat terdiri dari beberapa subsistem yang saling berhubungan untuk membentuk suatu kesatuan sehingga tujuan atau sasaran sistem dapat tercapai. Beberapa pengertian sistem menurut beberapa ahli adalah sebagai berikut:

Leman (1998), sistem adalah suatu kumpulan atau himpunan dari unsur, komponen atau variabel-variabel yang terorganisir, saling berinteraksi, saling bergantung satu sama lain dan terpadu.

Aji Supriyanto (2005: 238), menyatakan sistem merupakan kumpulan elemen, komponen, atau subsistem yang saling berintergrasi dan berinteraksi


(19)

Dari pengertian diatas maka dapat disimpulkan bahwa sistem adalah rangkaian dari kegiatan-kegiatan atau komponen-komponen yang saling berkaitan antara komponen yang satu dengan yang lainnya yang mengadakan suatu pekerjaan untuk mencapai suatu tujuan tertentu.

2.2 Pengertian Informasi

Informasi dapat didefenisikan sebagai hasil dari pengelolahan data dalam suatu bentuk yang lebih berarti bagi penerimanya yang menggambarkan suatu kejadian yang nyata dan dapat digunakan untuk mengambil keputusan. Untuk itu informasi harus memenuhi syarat sebagai berikut:

1. Akurat

Akurat berarti informasi harus tidak bias atau menyesatkan dan bebas dari kesalahan.

2. Tepat waktu

Tepat waktu adalah informasi yang sampai kepada penerima tidak boleh terlambat.

3. Relevan

Relevan adalah informasi harus mempunyai manfaat bagi pihak yang menerimanya.


(20)

Aji Supriyanto (2005: 243), informasi merupakan data yang diolah menjadi bentuk yang berarti bagi penerimanya dan bermanfaat dalam mengambil keputusan saat ini atau mendatang.

Leman (1998), menyatakan bahwa informasi adalah data yang telah diklasifikasikan atau diolah untuk digunakan dalam proses pengambilan keputusan.

Menurut Ali Masjono dalam bukunya “Audit Sistem Informasi” Penerbit

PT. Rineka Cipta Tahun 2001, bahwa informasi adalah hasil suatu proses yang terorganisasi, memiliki arti dan berguna bagi orang yang menerimanya.

Dari pengertian diatas dapat disimpulkan bahwa informasi merupakan data yang telah diproses atau diolah sehingga mempunyai arti tertentu untuk dipakai sebagai dasar pengambilan keputusan atau kebijaksanaan.

2.3 Internet

2.3.1 Pengertian Internet

Menurut Wahidin (2005) dalam bukunya yang berjudul “ASP Untuk Orang

Awam”, Internet adalah jaringan komputer berskala internasional atau global yang dapat membuat masing-masing komputer saling berkomunikasi. Pembuatan halaman-halaman web dapat berguna karena adanya teknologi internet. Internet berasal dari kata Interconnection Networking yang mempunyai arti hubungan


(21)

yang mencakup seluruh dunia atau jaringan komputer global melalui jalur telekomunikasi seperti telepon, radiolink, satelit dan lain sebagainya. Dalam mengatur integrasi dan komunikasi jaringan komputer ini digunakan protocol yaitu TCP/IP. TCP atau Transmission Control Protocol bertugas memastikan bahwa semua hubungan yang terjadi dapat bekerja dengan benar, sedangkan IP atau Internet Protocol bertugas mentransmisikan data dari satu komputer ke komputer lain. TCP/IP secara umum berfungsi memilih rute terbaik transmisi data, memilih rute alternatif jika suatu rute tidak dapat digunakan, mengatur dan mengirimkan paket-paket pengiriman data.

Untuk dapat ikut serta menggunakan fasilitas internet, biasanya harus berlangganan kepada salah satu ISP (Internet Service Provider) yang ada pada suatu kota atau negara. ISP ini biasanya disebut penyelenggara jasa internet. Dengan memanfaatkan internet, pemakaian komputer di seluruh dunia dimungkinkan untuk saling komunikasi dan pemakaian bersama informasi dengan cara saling mengirimkan informasi yang ada.

2.3.2 Fasilitas Internet

Fasilitas yang dapat dimanfaatkan dengan menggunakan internet, antara lain: 1. Web merupakan fasilitas hypertext untuk menampilkan data berupa teks,

gambar, bunyi, dan multimedia lainnya, yang diantara data tersebut saling berhubungan antara satu dengan yang lainnya. Untuk memudahkan membaca data dan informasi pada web dapat dilakukan dengan menggunakan Web Browser seperti internet explorer.


(22)

2. E-Mail (Electronic Mail), fasilitas ini dapat mengirim dan menerima surat elektronik (e-mail) pada pemakai dan dari pemakai komputer lain yang terhubung di internet dan jika perlu dapat menyertakan file sebagai lampirannya.

3. Newsgroup, fasilitas ini digunakan untuk mendistribusikan artikel, berita, tanggapan, surat penawaran atau file ke pemakai internet yang tergabung dalam kelompok diskusi untuk kelompok tertentu. Fasilitas ini juga digunakan untuk melakukan diskusi, seminar atau konfrensi secara elektronik tanpa harus terikat waktu, ruang dan tempat peserta.

4. FTP (File Transfer Protocol), fasilitas ini digunakan untuk menghubungkan komputer tertentu ke server dan jika perlu dapat menyalin file (download file) yang dibutuhkan dari server dan menyimpan data dalam PC.

2.3.3 Istilah-Istilah Internet

Ada beberapa istilah yang sering digunakan apabila bekerja dengan internet diantaranya, yaitu:

1. World Wide Web (WWW)

WWW merupakan kumpulan web server dari seluruh dunia yang berfungsi meyediakan data dan informasi untuk dapat digunakan bersama. WWW diibaratkan sebagai sebuah perpustakaan besar yang menyediakan berbagai buku dengan berbagai informasi yang dibutuhkan.


(23)

2. Situs Web (Web Situs)

Web situs ini merupakan tempat penyimpanan data dan informasi berdasarkan topik tertentu.

3. Halaman Web (Web Page)

Halaman web ini merupakan sebuah halaman khusus dari situs web tertentu.

4. Homepage

Homepage merupakan sampul halaman yang berisi daftar isi atau menu dari sebuah situs web.

5. Browser

Browser merupakan program aplikasi yang digunakan untuk memudahkan melakukan navigasi berbagai data dan informasi pada WWW. Salah satu web browser yang sangat terkenal saat ini adalah internet explorer.

2.3.4 Skema Jaringan Internet

Untuk memperoleh data dari server, sebuah komputer client harus terhubung dengan sebuah modem dan tersambung dengan jaringan telepon. Modem berfungsi untuk menghubungkan komputer client dengan Internet Service Provider (ISP) dan Internet Service Provider (ISP) langsung menerima data dari server. Skema ini dapat dilihat seperti pada Gambar 2.1.


(24)

Gambar 2.1 Skema Jaringan Internet

2.4 Pengertian Situs

Agar website dapat diketahui dan dibuka oleh para pengunjung website maka diperlukan suatu nama dan alamat URL dari tiap-tiap website server hosting internet. Situs itu sendiri merupakan nama direktori tempat penampungan data-data website di dalam server hosting. Dengan adanya URL akan memudahkan para pengunjung yang akan melihat sebuah website hanya dengan memanggilnya melalui browser internet exploler.

2.5 Web Server

Web server adalah program komputer yang bertanggung jawab menerima request HTTP dari clients, yang dikenal sebagai web browser. Web server akan melayani dan akan merespon data konten yang diminta oleh client seperti web pages dalam bentuk HTML atau objek seperti jpg, animasi dan jenis file lainnya. Untuk saat ini web server yang paling banyak digunakan adalah Apache. Karna selain berlisensi GPL (General Public Lisence) atau free software, aplikasi ini juga mudah


(25)

2.6 Database

Menurut Wahidin database adalah kumpulan informasi yang disusun secara terorganisir. Sebelum membuat aplikasi web ada baiknya kita menggunakan database. Database bisa disamakan dengan suatu meja yang terdiri dari beberapa laci. Dalam istilah database, laci-laci ini dinamakan sebagai tabel. Jadi secara singkat dapat diartikan bahwa database adalah sekumpulan dari tabel-tabel data yang bisa berdiri sendiri dan saling berhubungan. Tabel yang saling berhubungan memiliki suatu key yang saling menghubungkan antar tabel tersebut. Tabel terdiri atas kumpulan kolom dan baris data. Setiap kolom menyatakan suatu field dan setiap baris menyatakan suatu record. Kumpulan data yang diambil dari satu atau lebih tabel disebut sebagai kumpulan record atau recordset.

Data yang ada dalam suatu database, tidak peduli database apa yang anda pergunakan (misal: Access, MYSQL, SQL Server, Orade, dan lain-lain) biasanya disimpan dalam suatu format khusus. Dalam aplikasi web ini diperlukan beberapa sistem, yaitu:

1. ODBC (Open Database Connectivity)

2. OLEDB (Object Linking and Embedding Database)

3. JDBC (Java Database Connectivity)

OLEDB mempunyai kecepatan yang jauh lebih baik dibandingkan ODBC. Oleh karena itu jika database sudah mendukung OLEDB, pergunakanlah


(26)

sistem ini untuk aplikasi web anda. Hal yang paling mendukung dalam perancangan ini adalah penggunaan teknologi server ASP dan database MYSQL dengan koneksi DSN (Data Source Name).

2.6.1 Komponen Database

Komponen database antara lain:

1. Enterprise adalah suatu bentuk organisasi atau perusahaan dimana database itu pasti ada.

2. Entity adalah segala sesuatu yang membentuk enterprise atau unsur-unsur yang membentuk enterprise.

3. Data Value (Nilai Data) adalah nilai aktual yang diisikan pada suatu data elemen atau sekumpulan dari karakter-karakter dan akan membentuk suatu nilai data.

4. Attribute adalah untuk membentuk karakteristik dari data value atau tanda dasar. Attribute ini juga dapat diartikan sebagai yang membentuk suatu informasi tentang suatu entity yang sering disebut data elemen, data field, data item atau elementri item.


(27)

5. Data record adalah gabungan dari data value yang berhubungan atau gabungan dari beberapa field untuk suatu entity.

6. Key Data Field adalah kunci dari field yang lain di dalam satu record.

7. Data Field adalah sekumpulan dari beberapa record yang membentuk satu kesatuan.

2.6.2 Hirarki dan Struktur Database

Hirarki data terdiri atas beberapa bagian antara lain:

1. Elemen Data adalah satuan data terkecil yang tidak dapat dipecah lagi menjadi unit lain yang bermakna. Istilah lain untuk data adalah medan (field), kolom, item dan atribut.

2. Rekaman adalah gabungan sejumlah elemen data yang saling terkait. Rekaman biasa disebut dengan istilah tupel atau baris.

3. Berkas adalah himpunan seluruh rekaman yang bertipe sama. Berkas dapat dikatakan sebagai kumpulan rekaman data yang berkaitan dengan suatu objek. Berkas mewakili komponen yang disebut tabel atau relasi.

Adapun struktur database dimulai dari unit terkecil adalah: 1. Bit (Binary Digit) adalah unit terkecil dari data.

2. Character adalah terdiri dari sekelompok bit.


(28)

4. Record adalah kumpulan dari beberapa field yang membentuk satu kesatuan. 5. File adalah gabungan dari beberapa record yang mempunyai kesamaan logik.

6. Database adalah gabungan dari beberapa file yang menunjang suatu

manajemen.

2.6.3 Web Database

Web database merupakan tempat penyimpanan (repositories) database atau informasi yang secara dinamis berinteraksi dengan halaman web. Selain itu web database juga merupakan sebuah metode yang berfungsi untuk menyimpan content www dalam format terstruktur (useable) yang terhubung baik secara statis maupun dinamis ke database lain dan membantu komunikasi antara web server dan database. Salah satu web database yang paling sering digunakan terutama dalam pembuatan website berbasis Jejaring Sosial adalah MySQL.

2.6.4 MySQL

Menurut Nugroho Bunafit dalam bukunya “Merancang Web dengan PHP dan MySQL”, Penerbit Erlangga, Jakarta 1987. MySQL adalah multiuser database yang menggunakan bahasa Structured Query Language (SQL). MySQL dalam client-server melibatkan server deamon MySQL diisi server dan berbagai macam program serta library berjalan diisi client. MySQL mampu menangani data yang cukup besar. Perusahaan yang mengembangkan MySQL adalah TcX, dan diakui


(29)

mampu menyimpan data lebih dari empat puluh database, sepuluh ribu tabel dan sekitar tujuh juta baris yang totalnya kurang lebih seratus gigabayte data.

SQL adalah standar yang digunakan untuk mengakses database server. Bahasa ini pada awalnya dikembangkan oleh IBM, namun telah diadopsi dan digunakan menjadi lebih user-friendly.

2.7 Data Flow Diagram (DFD)

Data Flow Diagram (DFD) memperlihatkan hubungan fungsional dari nilai yang dihitung oleh sistem internal. DFD dimaksudkan untuk membuat suatu bentuk mendetail dari sirkulasi sistem informasi yang ada dan menggambarkan proses secara mendetail.

Tabel 2.1 Simbol DFD

No. Simbol Keterangan

1

- Proses

Menunjukkan transformasi dari input menjadi output. Komponen ini dapat direpresentasikan dengan lingkaran


(30)

2

- Aliran

Komponen ini direprensentasikan dengan tanda panah menuju ke proses dan digunakan untuk menggambarkan gerakan paket data atau informasi dari suatu bagian ke bagian lain.

3 File Penyimpanan

- Penyimpanan

Komponen ini diguankan untuk memodelkan kumpulan data atau paket data yang dapat direprensentasikan sebagai garis sejajar, segi empat dengan sudut melengkung, maupun persegi panjang. Pada penulisan ini Penulis gambarkan adalah garis sejajar.

4

-Terminator

Komponen ini direprensentasikan oleh persegi panjang yang memiliki entity luar (eksternal) yang dapat mengirim data ke tujuan data dalam sistem.

Sumber: Mulyana Y.B (2004)

2.8 Flowchart


(31)

Flowchart merupakan metode untuk menggambarkan tahap-tahap pemecahan masalah dengan merepresentasikan simbol-simbol tertentu yang mudah dimengerti, mudah digunakan dan standart. Sutedjo (2006:126)

Flowchart adalah penggambaran secara grafik dari langkah-langkah dan urutan-urutan prosedur dari suatu program. Flowchart menolong analis dan programmer untuk memecahkan masalah ke dalam segmen-segmen yang lebih kecil dan menolong dalam menganalisis alternatif-alternatif lain dalam pengoperasian. Jogiyanto (2005:796)

Dari defenisi diatas, dapat diambil kesimpulan bahwa flowchart adalah sekumpulan simbol atau skema yang menunjukkan atau menggambarkan rangkaian kegiatan program dari mulai awal hingga akhir. Jadi inti dari flowchart ini adalah penggambaran urutan langkah-langkah pengerjaan dari suatu algoritma.

Di bawah ini penulis juga dapat menjelaskan arti dari lambang-lambang flowchart yaitu seperti pada tabel 2.2 berikut:

Tabel 2.2 Simbol dalam Pembuatan Flowcart

No Simbol Fungsi

1 Terminal: untuk memulai dan mengakhiri suatu program. 2 Proses: menunjukkan setiap pengolahan yang dilakukan oleh


(32)

3 Input-output : untuk memasukkan data sekaligus menunjukkan hasil dari suatu proses.

4 Decision: suatu kondisi yang akan menghasilkan beberapa kemungkinan jawaban atau pilihan.

5 Predifined process: menyediakan tempat pengolahan storage. 6 Off Line Connector : merupakan simbol untuk masuk atau

keluarnya suatu prosedur pada lembar kertas yang lain.

7 Arus/flow : prosedur yang dapat dilakukan dari atas ke bawah, bawah ke atas, kiri kekanan, atau dari kanan kekiri. 8 Dokumen: merupakan simbol untuk data yang berbentuk

kertas maupun informasi.

Sumber: Oetomo (2006:126)

2.9 Aplikasi Pembangun Situs Web

2.9.1 Hypertext Markup Language (HTML)

Pembuatan halaman web bukanlah mudah, untuk membuat suatu halaman web diperlukan penguasaan kode-kode html. Tidak heran jika untuk saat ini pembuatan web hanya dikuasai oleh mereka yang mempunyai latar belakang pendidikan komputer, khususnya para programmer komputer dan juga para web master dalam menghasilkan halaman web yang lebih menarik. Html sebenarnya adalah suatu


(33)

file teks biasa. Untuk membuat html, para programmer awalnya menggunakan tool-tool yang masih sederhana sekali yaitu aplikasi NotePad. Mengingat html sebetulnya tool-tool yang mempermudah penulisan, kode-kode tersebut tidak perlu dipakai. Kode-kode html ditampilkan dalam warna yang berbeda.

Contoh format html editor: <html>

<title>Halaman Utama</title> </head>

<body>

<h2> Heading level 2 </h2> <br>

</body> </html>

Kode atau deskripsi yang dituliskan diantar “< >” yang disebut sebagai tag. Tag <html> merupakan indikator yang memberitahukan batasan bahwa informasi selanjutnya harus diinterpretasikan oleh browser sebagai dokumen html. Tag <html> ini diakhiri dengan tag </html> sebagai indikator batas akhir dari dokumen html.


(34)

Tag html merupakan tag dasar yang mendefenisikan bahwa dokumen tersebut adalah dokumen html. Tag ini dituliskan pada bagian pertama dan terakhir dalam suatu dokumen html.

2. <Head>

Tag ini ditulis setelah tag html. Tag head berfungsi untuk menuliskan keterangan tentang dokumen web yang akan ditampilkan.

3. <Title>

Tag title digunakan untuk memberikan judul pada caption/ title bar jendela tentang topik dokumen web yang ditampilkan. Tag title ini berada pada tag head.

4. <Paragraf>

Agar kelihatan rapi dan menarik, alangkah baiknya kalau tulisan-tulisan yang cukup panjang disajikan mengikuti kaidah-kaidah penulisan, misalnya satu pikiran utama disimpan dalam satu paragraf. Untuk setiap paragraf harus dimulai dengan tag </p>. Anda bisa mengatur posisi yang diinginkan dengan menggunakan parameter align diikuti posisi yang diinginkan. Left untuk membuat perataan pada paragraf yang ada menjadi rata kiri, right untuk membuat perataan pada paragraf yang ada menjadi rata kanan dan justify untuk membuat perataan paragraf sesuai dengan ukuran halaman dokumen.


(35)

PHP adalah server-side scripting yang menyatu dengan HTML untuk membuat halaman web yang dinamis. Server-side scripting adalah sintaks dan perintah-perintah yang diberikan akan sepenuhnya dijalankan diserver tetapi disertakan pada dokumen HTML. Ketika seorang pengguna internet membuka suatu situs yang menggunakan fasilitas server-side scripting PHP, maka terlebih dahulu server yang bersangkutan akan memproses semua perintah PHP diserver lalu mengirimkan hasilnya dalam format HTML ke web browser pengguna internet tersebut. Dengan demikian pengguna internet tidak dapat melihat kode program yang ditulis dalam PHP sehingga keamanan web menjadi lebih terjamin.

PHP merupakan software yang gratis (open source) dan mampu melintas platform yaitu dapat digunakan dengan sistem operasi dan web server apapun. PHP mampu beoperasi di windows dan beberapa versi linux. PHP juga dapat dibangun sebagai modul pada web server Apache dan sebagai binary yang dapat berjalan sebagai CGI. PHP dapat mengirim HTTP header, dapat mengeset cookies, mengatur authentication dan redirect users. PHP menawarkan koneksitas yang baik dengan beberapa basis data antara lain Oracle, mSQL, MySQL.

2.9.2.1 Tipe data pada PHP

PHP mengenal beberapa macap tipe data, antara lain integer flosting dan string. Floating point lebih dikenal dengan nama double atau decimal. Penulisan sering selalu diawali dengan tanda petik ganda atau petik tunggal. Contoh penulisan berdasarkan tipe data dapat dilihat seperti pada tabel 2.2 berikut:


(36)

No. Tipe Data Contoh Penulisan Keterangan

1 Integer

$Jumlah = 15 ;

Bilangan Bulat $Nilai = -5 ;

2 Double

$Skor = 80.00

Bilangan Real $Disc = 17.20

3 String

$Negara = “Indonesia” ;

Karakter Kalimat $Nama = “Manda” ;

“Nike”

Sumber: Kadir Abdul (2004)

2.9.2.2 Variabel pada PHP

Variabel adalah suatu tempat di memori untuk menyimpan data yang nilainya dapat berubah-ubah. Variabel pada PHP tidak harus dideklarasikan sebelum variabel itu digunakan seperti bahasa pemrograman lain. Variabel diwakili oleh kata tertentu dengan aturan penulisan sebagai berikut:

1. Variabel dimulai dengan tanda dolar ($), 2. Harus dimulai dengan huruf atau underscore, 3. Tidak boleh menggunakan tanda baca,

4. Huruf kecil dan huruf besar dibedakan (Case Sensitive).

2.9.2.3 Operator dalam PHP

Operator adalah simbol yang digunakan untuk memanipulasi data, seperti penambahan dan pengurangan. Selain itu operator juga dapat digunakan untuk


(37)

membandingkan dua data yang pada akhirnya akan menghasilkan nilai logika benar atau salah.

Dilihat dari fungsi operasinya, operator dalam PHP terbagi atas 2 bagian yakni: 1. Operator Aritmatika

Operator aritmatika digunakan untuk melakukan operasi matematika. Operator aritmatika mempunyai hirarki paling tinggi dibandingkan dengan operator lainnya. Penulisan operator aritmatika dapat dilihat pada table 2.4 berikut:

Tabel 2.4 Operator Aritmatika

No. Operator Operasi

1 + Penambahan

2 - Pengurangan

3 * Perkalian

4 / Pembagian

5 % Sisa pembagian

6 ++ Penambahan dengan 1

7 -- Pengurangan dengan 1

Sumber: Kadir Abdul (2004)

2. Operator Logika

Operator logika digunakan untuk membandingkan suatu data (ekspresi) dengan data (ekspresi) lain dan menghasilkan nilai logika (Boolean) benar atau salah. Dengan syarat kedua data yang dibandingkan harus mempunyai tipe data yang sama. Operator pembanding dapat dilihat pada Tabel 2.4 berikut:


(38)

Tabel 2.5 Operator Logika

No. Operator Operasi

1 = Sama dengan

2 != Tidak sama dengan

3 < Lebih kecil

4 > Lebih besar

5 <= Lebih kecil sama dengan 6 >= Lebih besar sama dengan 7 And atau && Logika And

8 Or atau || Logika Or

9 XOR Logika XOR

10 ! Logika NOT


(39)

BAB 3

ANALISIS DAN PERANCANGAN SISTEM

3.1 Prosedur Lelang

Untuk melakukan proses pelelangan, diwajibkan didalamnya telah dilengkapi dokumen-dokumen persyaratan lelang yang berisikan surat permohonan lelang


(40)

dari pemohon lelang/penjual, dokumen pendukung keabsahan penjual, dokumen pendukung keabsahan barang, dokumen berkenaan dengan dasar pelelangan, syarat lelang dari penjual, dan bukti pengumuman lelang. Apabila syarat-syarat tersebut telah dipenuhi, maka proses lelang dapat dilanjutkan dengan tahapan sebagai berikut:

PEMOHON LELANG PENGUMUMAN LELANG PESERTA LELANG PENENTUAN JADWAL LELANG PELAKSANAAN LELANG PEMENANG LELANG SISTEM LELANG 1 2 3 4 5 6

Gambar 3.1 Prosedur Lelang

Keterangan:

1. Pihak yang ingin melelang asetnya (pemohon lelang atau penjual) mengajukan permohonan kepada Sistem Lelang beserta dokumen pendukung (atau dalam hal lelang sukarela, menghubungi Balai Lelang).


(41)

2. Sistem Lelang akan mengumumkan pelaksanaan lelang. Pada prinsipnya, pengumuman dilakukan melalui media internet atau surat kabar yang terbit di tempat yang barang yang akan dilelang.

3. Orang-orang/badan usaha/pihak-pihak yang berminat mengikuti lelang akan menyetorkan uang jaminan. Uang jaminan masuk ke rekening sebagai peserta lelang.

4. Pelaksanaan lelang menggunakan cara penawaran, baik secara langsung maupun tidak langsung. Penawaran secara langsung dilakukan dengan cara lisan, tertulis, tertulis dilanjutkan dengan lisan dalam hal belum penawar tertinggi belum mencapai harga limit. Dalam pelaksanaan lelang ini akan ditunjuk pemenang lelang yang menawar dengan harga tertinggi atau diatas harga limit yang kemudian menjadi pembeli lelang.

5. Pemenang lelang akan membayar harga pembelian, meliputi pokok lelang, harga barang lelang.

3.2 UML

3.2.1 Use Case Diagram

Adapun gambar dari UML Use Case Diagram dari arena lelang mobil tua di dalam sistem ini adalah sebagai berikut :


(42)

Gambar 3.2 UML Use Case Diagram

Keterangan :

Pemilik mobil melihat website dan mengirim berkas mobil yang ingin di lelang dengan melakukan input data mobil agar ditampilkan di website. Dan admin melakukan input data mobil yang dikirim oleh pemilik mobil untuk ditampilkan di website.

3.2.2 Activity Diagram

Activity diagram adalah teknik untuk menggambarkan logika prosedural, proses bisnis, dan jalur kerja. Dalam beberapa hal, diagram ini memainkan peran mirip sebuah diagram alir, tetapi perbedaan prinsip antara diagram ini dan notasi


(43)

Keterangan :

Pemilik mobil melakukan registrasi dan mengirim berkas mobil yang ingin di lelang dengan melakukan input data mobil agar ditampilkan di website. Dan admin melakukan input data mobil yang dikirim oleh pemilik mobil untuk ditampilkan di website.

3.2.3 Diagram Alir Data

Perancangan sistem Diagram Alir Data yang digunakan dalam penulisan ini adalah DFD (Data Flow Diagram) yang terdiri dari beberapa bagan yaitu:

Pemilik Admin

Gambar 3.3 UML Activity diagram Registrasis

Kirim berkas informasi mobil

Input informasi mobil

Tampilkan di website


(44)

PESERTA

LELANG ADMINISTRATOR

SISTEM

LELANG AKTIVASI

PEMENANG LELANG DAFTAR

LIMIT LELANG

Gambar 3.4 Diagram Kontext

Diagram ini, untuk entity pengunjung dan admin ditransformasikan kembali kedalam bentuk Diagram Level 1 dengan bagan seperti pada Gambar 3.4


(45)

PEMOHON LELANG DAFTAR PROSES REGISTRASI PESERTA LELANG 3.0 SET SESSION ID 2.0 ADMIN PROSES PENGUMUMAN INFORMASI LELANG 5.0

INPUT DATA IKLAN BARANG ANGGOTA SIMPAN CLEAR SESSION ID 6.0 LOGOUT PEMENANG LELANG AKTIVASI DATA PESERTA LELANG PROSES BARANG LELANG 4.0 LELANG PEMENANG LELANG BARANG BARANG LIMIT DATA DATA LOGOUT PEMENANG LELANG ADMIN PROSES LOGIN USER DAN PASS

1.0 LOGIN LOGIN CEK CEK SET SET DATA DATA

Gambar 3.5 Diagram Sistem Lelang Level 1.

3.2.4 Flowchart

START

SUDAH DAFTAR


(46)

Gambar 3.6 Flowchart

3.3 Tabel dan Relasi


(47)

Tabel 3.1 Anggota

Id Field

Nama Field Tipe Data Lebar Keterangan

0 Id Int 10 Primary Key

1 Kaid Varchar 50 Kartu Identitas

2 Noid Varchar 20 Nomor Identitas

3 Nama Varchar 50 Nama

4 Ttl DateTime - Tanggal Lahir

5 Alamat Varchar 50 Alamat

6 Telp Varchar 15 Telp/HP

7 Norek Varchar 20 Nomor Rekening

8 Natas Varchar 50 Atas Nama Rekening

9 Mail Varchar 25 Email

10 Pass Varchar 50 Password/Sandi

11 Aktivasi Varchar 20 Persetujuan

Tabel 3.2 Barang


(48)

Field

0 Id Int 10 Primary Key

1 Barang Varchar 30 Barang Lelang

2 Harga Varchar 50 Harga

3 Gambar Varchar 50 Gambar Barang

4 Deskripsi Text - Penjelasan Barang

5 Status Varchar 20 Lelang atau tidak

Tabel 3.3 Lelang

Id Field

Nama Field Tipe Data Lebar Keterangan

0 Id Int 10 Primary Key

1 Noid Int 10 Foreign Key

2 Barang Varchar 255 Barang


(49)

Id Field

Nama Field Tipe Data Lebar Keterangan

0 Id Int 10 Primary Key

1 Periode Int 10 Periode Ke lelang

2 Noid Varchar 255 Nomor Identitas

3 Nama Varchar 255 Nama

4 Alamat Varchar 255 Alamat

5 Telp Varchar 255 Telp

6 Barang Varchar 255 Barang

7 Harga Varchar 255 Harga Barang

8 Tawar Varchar 255 Harga Penawaran

Tabel 3.5 Admin

Id Field

Nama Field Tipe Data Lebar Keterangan

0 IdAdmin Int 10 Primary Key


(50)

2 Pass Varchar 255 Kata Sandi

Adapun relasi table yang dibentuk, dapat dilihat dari gambar dibawah ini:

Gambar 3.7 Relasi Tabel

3.4 Desain Interface Website

Pada bagian ini akan dibahas design interface untuk pembuatan design web utama ini terdapat nama website dan logo dari website. Pembuatan tampilan utama website ini digunakan bantuan macromedia flash. Untuk design sketsa perancangan web seperti pada Gambar 3.5:


(51)

HEADER

FOOTER MENU

SUB MENU ISI INFO

Gambar 3.8 Rancangan Interface

Keterangan :

1. Header : merupakan judul dari aplikasi

2. Menu : merupakan isi menu dari aplikasi berupa submenu, isi, info

3. Submenu : merupakan bagian dari menu yang berisi profil dari aplikasi

4. Isi : merupakan bagian dari menu yang berisi daftar dan barang pelelangan

5. Footer : berisi nama dari pembuat aplikasi

Adapun site map untuk perancangan dari interface ini dapat dilihat pada gambar dan keterangan dibawah ini:


(52)

Gambar 3.9 Site Map Peserta Lelang

Pada website ini memiliki site map peserta lelang, dimana pada area setiap site map memiliki fungsi yang berbeda-beda dan dapat dijelaskan dibawah ini:

Peserta : Site map untuk peserta Lelang

Beranda : Site ini digunakan sebagai halaman utama pengunjung. Pencarian : Site ini digunakan untuk melakukan pencarian data

Daftar : site ini digunakan untuk pendaftaran peserta lelang


(53)

Login : Site ini digunakan untuk masuk ke admin peserta lelang

Logout : Site ini digunakan untuk keluar dari halaman peserta lelang

3.5 Desain Rancangan Input dan Output

Perancangan input merupakan perancangan bentuk keluaran atau pada perancangan input dan output ditentukan input-input dan output-output apa yang diperlukan untuk memberikan informasi yang diinginkan dan untuk pengambilan keputusan bagi pihak pelelangan.

3.5.1 Rancangan Input

Adapun rancangan input perancangan web ini adalah: a) Rancangan Pendaftaran Lelang


(54)

KARTU

NOMOR

KIRIM BATAL

NAMA

DST

NO REKENING

SANDI

Gambar 3.10 Rancangan Pendaftaran Peserta

Keterangan gambar :

Bagi user yang ingin mendaftar lelang harus terlebih dahulu mengisi form yang sudah disediakan oleh admin berdasarkan ketentuan yang telah ada. Dalam hal ini user harus merahasiakan identitasnya seperti nomor rekening dan sandi.


(55)

BARANG LELANG

DESKRIPSI LELANG

[LELANG] [PENAWARAN TERAKHIR]

TAWAR

Gambar 3.11 Rancangan Penawaran Lelang

Keterangan gambar :

1. Barang lelang : merupakan bentuk barang yang akan dilelang.

2. Deskripsi lelang : merupakan kejelasan dari barang yang akan dilelang seperti bentuk barang, jenis barang, tahun dan sebagainya yang merupakan informasi dari barang tersebut.

3. Tawar : apabila user menginginkan barang yang dilelang maka dapat dilakukan penawaran.

4. Lelang (penawaran terakhir) : merupakan jadwal penawaran terakhir pelelangan.


(56)

HEADER

FOOTER

LIST TABEL TAMPIL, TAMBAH, UBAH, HAPUS

Gambar 3.12 Rancangan Input Pengolahan Data Administrator

Keterangan gambar :

1. Header : merupakan judul dari aplikasi

2. List tabel : berisi daftar barang-barang yang akan dilelang beserta waktu pelaksanaan lelang

3. Tampil, tambah, ubah dan hapus : merupakan tugas admin untuk menambah, menampilkan, mengubah dan menghapus daftar barang dari list tabel.


(57)

3.5.2 Rancangan Output

Adapun rancangan output perancangan web ini seperti pada Gambar 3.10 dan Gambar 3.11:

1. Rancangan Barang Lelang

HAL : [1] [2] [3] [N]

BARANG LELANG

DESKRIPSI LELANG

[LELANG] [PENAWARAN TERAKHIR]

DST, DATA BERIKUTNYA

Gambar 3.13 Rancangan Output Barang Lelang

Keterangan gambar :

1. Barang lelang : merupakan bentuk barang yang akan dilelang.

2. Deskripsi lelang : merupakan kejelasan dari barang yang akan dilelang seperti bentuk barang, jenis barang, tahun dan sebagainya yang merupakan informasi dari barang tersebut.


(58)

4. Lelang (penawaran terakhir) : merupakan jadwal penawaran terakhir pelelangan.

2. Rancangan List Administrator

HEADER

FOOTER

LIST TABEL ISI

Gambar 3.14 Rancangan Output Halaman Administrator

Keterangan gambar :

1. Header : merupakan judul dari aplikasi

2. List tabel : berisi daftar barang-barang yang akan dilelang beserta waktu pelaksanaan lelang


(59)

(60)

BAB 4

IMPLEMENTASI DAN PENGUJIAN

4.1 Implementasi

Implementasi adalah hasil rancangan yang menjadi sebuah program aplikasi yang dapat dioperasikan dan mencapai hasil yang sesuai dengan rancangan. Setelah melakukan tahapan analisis dan perancangan maka tindakan selanjutnya adalah pencapaian hasil perangkat lunak yang dibuat.

4.1.1 Spesifikasi Perangkat Keras

Aplikasi Perancangan Lelang Mobil Tua Secara Online, telah diuji pada komputer dengan spesifikasi perangkat keras sebagai berikut:

1. Prosessor : Intel Core i3 ~ 2,27 GHz 2. Harddisk space : 320 Gb

3. Memori : 2.00 Gb 4. VGA Card Onboard 5. Monitor LCD 14 Inch 6. Optical Mouse


(61)

Aplikasi ini dijalankan pada perangkat lunak dengan spesifikasi sebagai berikut: 1. Sistem Operasi : Microsoft Windows 7

2. Dreamweaver 8 Bahasa PHP(Personal Home Page tools). 3. Database XAMPP, PhpMyAdmin.

4.2 Pengujian Sistem

Pengujian sistem dilakukan untuk melihat apakah aplikasi yang dibangun sudah sesuai dengan tujuan atau tidak dan bagaimana performa aplikasi yang dikembangkan. Adapun pengujian sistem dapat dilihat di bawah ini :

Langkah 1: Administrator masuk ke halaman login.


(62)

Keterangan:

Halaman ini berisi login administrator untuk masuk kedalam halaman administrator.

Langkah 2: Administrator masuk ke halaman utama.

Gambar 4.2 Halaman Utama Administrator

Keterangan:

Halaman ini berisi data administrator, anggota lelang, barang yang dilelang, transaksi pelelangan dan pemenang lelang yang dapat dilihat dihalaman masing-masing.


(63)

Gambar 4.3 Halaman Isi Barang Lelang

Keterangan:

Halaman ini berisi cara mengisi barang yang akan di lelang nantinya, yang mana caranya dengan mengisi semua form yang disediakan halaman ini.


(64)

Langkah 4: Administrator isi data anggota.

Gambar 4.4 Halaman Isi Data Anggota

Keterangan:

Halaman ini berisi form isi data anggota peserta yang sudah mendaftarkan diri menjadi peserta lelang, dalam hal ini admin bertugas untuk mengaktifkan status keanggotaan peserta lelang


(65)

Gambar 4.5 Halaman Anggota Lelang

Keterangan:

Halaman ini berisi semua daftar nama anggota peserta lelang yang sudah mendaftarkan diri dan berstatus aktif.


(66)

Adapun cara menggunakan aplikasi yang dirancang untuk pengguna user adalah sebagai berikut:

Langkah 1: User masuk ke halaman utama.

Gambar 4.6 Halaman Utama User

Keterangan:

Halaman ini berisi tampilan utama aplikasi lelang mobil tua online, yang terdiri dari beberapa menu yaitu home, profil perusahaan, barang lelang, anggota,


(67)

Langkah 2: User mendaftarkan diri.

Gambar 4.7 Halaman Form Pendaftaran

Keterangan:

Halaman ini berfungsi untuk mendaftarkan diri sebagai anggota peserta lelang dengan mengisi semua form yang disediakan dan melakukan syarat dan ketentuan yang berlaku.


(68)

Langkah 3: Apabila pendaftaran sudah di aktivasi maka user login untuk lelang pada waktu yang ditentukan.

Gambar 4.8 Tampilan User Login Anggota Lelang

Keterangan:

Halaman ini berfungsi untuk masuk kedalam sistem aplikasi lelang agar dapat mengikuti pelelangan dan melakukan penawaran lelang


(69)

Langkah 4: User melakukan lelang, tahap awal pemilihan barang lelang.

Gambar 4.9 Tampilan Pilih Barang Lelang

Keterangan:

Halaman ini berfungsi untuk menampilkan barang-barang yang dilelang, dan user yang telah login ke dalam sistem dapat memilih barang yang ingin dibeli melalui sistem lelang ini.


(70)

Gambar 4.10 Tampilan Penawaran Barang Lelang

Keterangan:

Halaman ini berisi untuk menawar barang yang sedang dilelang. Dimana peserta harus menawar barang dengan kelipatan Rp.1000 dari harga yang ditawar.


(71)

Langkah 5: User melihat hasil keranjang lelang.

Gambar 4.11 Tampilan List Keranjang Lelang

Keterangan:


(72)

(73)

BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Proses pelelangan yang berbasis web ini sangat membantu masyarakat yang ingin ikut pelelangan. Berdasarkan hasil penelitian yang telah diuraikan pada penelitian ini, maka dapat diambil kesimpulan sebagai berikut:

1. Informasi barang lelang dan penawaran harga terakhir sudah dapat diinformasikan kepada masyarakat luas dengan lebih efisien, bermanfaat dan menarik minat masyarakat yaitu dengan cara membuat Sistem Aplikasi Lelang Berbasis Web.

2. Pengolahan data yang dilakukan melalui website ini diolah serta disimpan dalam sebuah database sehingga data dan informasi yang tampil pada website

dapat bersifat dinamis dapat dilakukan dengan memadukan software Macromedia Dreamweaver 8, PHP dan MySQL.

3. Dalam aplikasi lelang berbasis web ini masih menggunakan localhost sebagai situsnya.


(74)

5.2 Saran

Sebagai akhir dari penelitian ini, maka Penulis dapat memberikan saran yang dapat berguna nantinya dan yang menjadi bahan pertimbangan bagi perusahaan-perusahaan yang bergerak dibidang pelelangan.

1. Diharapkan perusahaan-perusahaan pelelangan dapat memperbaharui informasi dalam website.

2. Program pendukung website yang masih sederhana, sehingga perlu lebih dikembangkan untuk perkembangan selanjutnya.

3. Website lebih ditingkatkan dengan cara penambahan fasilitas lain.

4. Design untuk database juga masih perlu diperbaiki lagi agar proses akses data bisa lebih baik.

5. Perusahaan-perusahaan pelelangan dapat memanfaatkan website yang telah dibuat Penulis sebagai alternatif penyampaian informasi.


(75)

DAFTAR PUSTAKA

Budi Sutedjo Dharma Oetomo, 2006, Perencanaan dan Pembangunan Sistem Informasi Sistem Informasi, Penerbit andi, Yogyakarta.

Eko Nugroho, 2008, Sistem Informasi Manajemen, Index, Jakarta. FN.Jovan, 2007, Aplikasi web databse dengan PHP, Media kita.

Indrajani, 2009, Sistem Basis Data dalam Paket Five In One, PT. Elex Media Komputindo, Jakarta.

Jogiyanto HM, 2005, Analisis dan Desain, Penerbit andi Offset.

Kamso Fairuzana, 2007, Mengenali MySQL 5.0.37, Cetakan Pertama, Venton Publishing (M) Sdn Bhd, Selangor Darul Ehsan, Kuala Lumpur.

Nugrohon Bunafit, 2004, PHP dan MySQL dengan Editor Dreamweaver MX, Andi, Yogyakarta.

Priyanto, Rahmat, 2007, Menguasai MySQL 5, PT. Elex Media Komputindo, Jakarta.

Susanto, 2004, Sistem Informasi, Index, Jakarta.


(76)

Kartu Bimbingan Tugas Akhir Mahasiswa

Nama : DARA RINA BR GINTING

Nomor Induk Mahasiswa : 112406213

Judul Tugas Akhir : PERANCANGAN SISTEM INFORMASI LELANG MOBIL TUA SECARA ONLINE BERBASIS WEBSITE

Dosen Pembimbing : Asima Manurung, S.Si, M.Si Tanggal Mulai Bimbingan : 19-Maret-2014

Tanggal Selesai Bimbingan : 4-Juni-2014 No Tanggal Asistensi

Bimbingan

Pembahasan Pada Asistensi Mengenai, Pada Bab :

Paraf Dosen Pembimbing

Keterangan 1 19-Maret-2014 Acc Proposol

2 25-Maret-2014 BAB 1 3 28-Maret-2014 BAB 2 4 22-April-2014 BAB 3 5 29-April-2014 BAB 4 6 30-April-2014 BAB 5 7 4-Juni-2014 Uji Program

*Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan mahasiswa telah selesai

Diketahui, Disetujui,

Program Studi D3 Teknik Informatika Pembimbing Utama/

Ketua Penanggung Jawab

Dr. Elly Rosmaini, M.Si Asima Manurung, S.Si,


(77)

S U R A T K E T E R A N G A N Hasil Uji Program Tugas Akhir

Yang bertanda tangan di bawah ini, menerangkan bahwa Mahasiswa Tugas Akhir Program Diploma (D3) Teknik Informatika:

N a m a : DARA RINA BR GINTING

N I M : 112406213

Program Studi : DIPLOMA (D3) TEKNIK INFORMATIKA Judul Tugas Akhir : PERANCANGAN SISTEM INFORMASI

LELANG MOBIL TUA SECARA ONLINE BERBASIS WEBSITE

Telah melaksanakan test program Tugas Akhir Mahasiswa tersebut di atas pada tanggal: 4 Juni 2014.

Dengan Hasil : Sukses / Gagal

Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU Medan.

Medan, 4 Juni 2014 Dosen Pembimbing


(78)

Asima Manurung, S.Si, M.Si NIP. 19730315 199903 2 001

LISTING PROGRAM

Anggota_cek.php

<?

include "koneksi.inc.php"; $kaid=$_POST['kaid']; $noid=$_POST['noid']; $nama=$_POST['nama']; $tempat=$_POST['tempat']; $tgl=$_POST['tgl'];

$bln=$_POST['bln']; $thn=$_POST['thn'];

$ttl=$tempat.", ".$tgl." ".$bln." ".$thn; $alamat=$_POST['alamat'];

$telp=$_POST['telp']; $norek=$_POST['norek']; $natas=$_POST['natas']; $mail=$_POST['mail']; $pass=$_POST['pass']; //cek dahulu

$query=mysql_query("select * from anggota where mail='$mail'"); $cek=mysql_num_rows($query);


(79)

echo "<script>alert('Maaf, User name tersebut sudah digunakan, Gunakan User lain...');</script>";

echo "<script>document.location.href='index.php?pg=anggota';</script>"; }

else {

mysql_query("insert into anggota values

(NULL,'$kaid','$noid','$nama','$ttl','$alamat','$telp','$norek','$natas','$mail','$pass',' Belum Aktif')");

echo "<meta http-equiv='refresh'

content='0;URL=index.php?pg=kontak&nm=$nama'>"; }

?>

Anggota.php

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html> <head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>::Pegadaian Lelang::</title>

<style type="text/css"> <!--

.style2 {font-size: 36px} .style4 { font-size: 12px; font-style: italic; } --> </style> </head>


(80)

<script language="javascript"> function cekform() { var kai=document.form1.kaid.value; var noi=document.form1.noid.value; var nam=document.form1.nama.value; var tempa=document.form1.tempat.value; var tg=document.form1.tgl.value; var bl=document.form1.bln.value; var th=document.form1.thn.value; var alama=document.form1.alamat.value; var tel=document.form1.telp.value; var nore=document.form1.norek.value; var nata=document.form1.natas.value; var mai=document.form1.mail.value; var pas=document.form1.pass.value;

if (kai=="" || noi=="" || nam=="" || tempa=="" || tg=="" || bl=="" || th=="" || alama=="" ||

tel=="" || nore=="" || nata=="" || mai=="" || pas==""){ alert ("Perhatikan Pengisian Data ada yang kosong...!!!"); } else document.form1.submit(); } </script> <body> <p align="justify">&nbsp;</p>

<table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr>


(81)

<td width="75%"><form name="form1" method="post" action="anggota_cek.php">

<table width="100%" border="0" cellspacing="1" cellpadding="1"><tr> <td colspan="3"><u><strong>.:::::PENDAFTARAN</strong>

<em>Onlin</em></u><span class="style2">e<br> <span class="style4">Isikan Data-data Saudara/i dengan benar:</span></span></td> </tr><tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr><tr>

<td>Kartu Identitas* </td> <td>:</td>

<td><select name="kaid" id="kaid"> <option value=""></option>

<option value="Kartu Tanda Penduduk">Kartu Tanda Penduduk</option> <option value="Surat Izin Mengemudi">Surat Izin Mengemudi</option> </select> Pilih Kartu Identitas yang anda miliki </td>

</tr><tr>

<td>Nomor Identitas* </td> <td>:</td>

<td><input name="noid" type="text" id="noid"> Ketikkan Nomor Identitas dari Kartu Identitas </td> </tr><tr>

<td>Nama* </td> <td>:</td>

<td><input name="nama" type="text" id="nama"> Isikan Nama berdasarkan Kartu Identitas </td> </tr><tr>


(82)

<td>:</td>

<td><input name="tempat" type="text" id="tempat"> <select name="tgl" id="tgl">

<option value=""></option> <?

for ($x=1;$x<=31;$x++){

?><option value="<? echo $x;?>"><? echo $x;?></option> <?

} ?> </select>

<select name="bln" id="bln"> <option value="" selected></option> <option value="Januari">Januari</option> <option value="Februari">Februari</option> <option value="Maret">Maret</option> <option value="Mei">Mei</option> <option value="Juni">Juni</option> <option value="Juli">Juli</option> <option value="Agustus">Agustus</option> <option value="September">September</option> <option value="Oktober">Oktober</option> <option value="Nofember">Nofember</option> <option value="Desember">Desember</option> </select>

<select name="thn" id="thn"> <option value=""></option><? for ($y=1950;$y<=2010;$y++){ ?>


(83)

}

?></select></td> </tr><tr>

<td>Alamat*</td>

<td>:</td><td><textarea name="alamat" id="alamat"></textarea> Alamat berdasarkan Identitas </td>

</tr><tr>

<td>Telepon/HP* </td> <td>:</td>

<td><input name="telp" type="text" id="telp" maxlength="12"> Isikan HP/Telp Anda </td>

</tr><tr>

<td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr><tr>

<td>Nomor Rekening BANK*</td> <td>:</td>

<td><input name="norek" type="text" id="norek"> Isikan Nomor Rekening </td>

</tr><tr>

<td>Atas Nama* </td> <td>:</td>

<td><input name="natas" type="text" id="natas"> Isikan Atas nama Rekening Bank </td>

</tr><tr>

<td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr><tr>


(84)

<td>:</td> <td><em>

<input name="mail" type="text" id="mail">digunakan sebagai username </em></td>

</tr><tr>

<td>Password* </td> <td>:</td>

<td><em>

<input name="pass" type="text" id="pass"> password username </em></td>

</tr><tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr><tr> <td>&nbsp;</td> <td>&nbsp;</td>

<td><input type="button" name="Button" value=" Kirim " onClick="cekform()"> <input type="reset" name="Reset" value=" Batal "></td>

</tr></table> </form></td></tr> </table> </body> </html> Anggotaisi.php <? include "sesi_cek.php"; ?>


(85)

<head>

<title>::Pegadaian Lelang::</title> </head>

<body>

<table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr bgcolor="#999999">

<td width="40%">

<div align="left"></div> <table width="100%" border="1" cellspacing="0" cellpadding="0"><tr>

<td><div align="center"><a

href="index.php?pg=anggotaisi&agt=keranjang">Keranjang Lelang / Refresh </a></div></td></tr>

</table></td><td width="30%"><div align="center">

<table width="100%" border="1" cellspacing="0" cellpadding="0"> <tr>

<td><div align="center"><a href="index.php?pg=anggotaisi&agt=pass">Ganti Password</a> </div></td>

</tr></table> </div></td>

<td width="30%"><div align="center">

<table width="100%" border="1" cellspacing="0" cellpadding="0"> <tr><td><div align="center"><a href="index.php?pg=anggotaisi&agt=logout">LogOUT</a></div></td> </tr></table></div></td> </tr><tr> <td colspan="3">&nbsp;</td> </tr><tr>

<td colspan="3"><?php $agt=$_GET['agt']; if (!isset($agt))

{


(86)

}

include $agt.".php"; ?></td>

</tr> </table> </body> </html>

Barang.php

<html> <head>

<title>::Pegadaian Lelang::</title> </head>

<body>

<table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr>

<td align="left" valign="top"><form name="form1" method="post" action="index.php?pg=barang">

<div align="right">Pencarian

<input name="tkey" type="text" id="tkey" size="30"> <input type="submit" name="Submit" value=" Cari "> </div></form></td>

</tr><tr>

<td width="62%" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr><td width="2%">&nbsp;</td> <td width="98%"><div align="justify"> <p align="center">


(87)

include "koneksi.inc.php"; $tkey=$_POST['tkey']; $jlh=$_GET['jlh']; if (empty($jlh)) { $jlh=0; } if (empty($tkey)) {

$query1="select count(*) as total from barang where status='Lelang'"; }

else {

$query1="select count(*) as total from barang where status='Lelang' and barang like '%$tkey%' or deskripsi like '%$tkey%'";

} $qry1=mysql_query($query1); if ($hsl=mysql_fetch_array($qry1)) { $tot=$hsl[total]; } $sisa=$tot%5; if ($sisa<>0) { $hal=($tot+(5-$sisa))/5; } else { $hal=$tot/5; } if (empty($tkey))


(88)

{

$query="select * from barang where status='Lelang' order by id desc limit $jlh,5"; }

else {

$query="select * from barang where status='Lelang' and barang like '%$tkey%' or deskripsi like '%$tkey%' or harga like '%$tkey%' order by id desc limit $jlh,5"; } $qry=mysql_query($query); //pembagian jumlah if ($jlh>=5) { ?> <a href="?pg=barang&tkey=<?=$tkey;?>&jlh=<?=$jlh-5;?>">[<&lt;Prev]</a> <? } for ($x=1;$x<=$hal;$x++) { if ($halaman==$x) { ?> <a href="index.php?pg=barang&tkey=<?=$tkey;?>&jlh=<?=(($x*5)-5);?>">[<? echo "$x";?>]</a><? } Else { ?> <a href="index.php?pg=barang&tkey=<?=$tkey;?>&jlh=<?=(($x*5)-5);?>">[<? echo "$x";?>]</a><? }


(89)

if (($jlh+5)<$tot) { ?> <a href="?pg=barang&tkey=<?=$tkey;?>&jlh=<?=$jlh+5;?>">[Next>>]</a> <? } echo "<br><br>"; ?></p> </div></td> </tr> </table></td> </tr> </table>

<table width="100%" border="0" cellpadding="1" cellspacing="1" bordercolor="#000000">

<?

while ($data=mysql_fetch_array($qry)) {

?>

<tr align="left" valign="top">

<td width="21%"><div align="center"><?php echo "<img src='admin/gbr_barang/$data[gambar]' width='100' height='75' border='2'>";?></div></td>

<td width="33%"><?php echo "Nama Barang Lelang: ".$data[barang]."<br>";echo "Harga Lelang : Rp ".number_format($data[harga],0,',','.').",-<br>";

echo "<a href='index.php?pg=lelang&brg=$data[barang]'>LELANG</a><br>"; ?></td>

<td width="46%"><?php echo $data[deskripsi];?></td> </tr>


(90)

<td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <? } ?> </table>

<table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr>

<td width="2%">&nbsp;</td>

<td width="98%"><div align="justify"> <p align="center"><?php include "koneksi.inc.php"; $tkey=$_POST['tkey']; $jlh=$_GET['jlh']; if (empty($jlh)) { $jlh=0; } if (empty($tkey)) {

$query1="select count(*) as total from barang where status='Lelang'"; }

else {

$query1="select count(*) as total from barang where status='Lelang' and barang like '%$tkey%' or deskripsi like '%$tkey%'";

}


(91)

{ $tot=$hsl[total]; } $sisa=$tot%5; if ($sisa<>0) { $hal=($tot+(5-$sisa))/5; } else { $hal=$tot/5; } if (empty($tkey)) {

$query="select * from barang where status='Lelang' order by id desc limit $jlh,5"; }

else {

$query="select * from barang where status='Lelang' and barang like '%$tkey%' or deskripsi like '%$tkey%' or harga like '%$tkey%' order by id desc limit $jlh,5"; } $qry=mysql_query($query); //pembagian jumlah if ($jlh>=5) { ?> <a href="?pg=barang&tkey=<?=$tkey;?>&jlh=<?=$jlh-5;?>">[<&lt;Prev]</a> <? } for ($x=1;$x<=$hal;$x++) {


(92)

if ($halaman==$x){ ?> <a href="index.php?pg=barang&tkey=<?=$tkey;?>&jlh=<?=(($x*5)-5);?>">[<? echo "$x";?>]</a><?} Else { ?> <a href="index.php?pg=barang&tkey=<?=$tkey;?>&jlh=<?=(($x*5)-5);?>">[<? echo "$x";?>]</a> <?} } if (($jlh+5)<$tot) { ?> <a href="?pg=barang&tkey=<?=$tkey;?>&jlh=<?=$jlh+5;?>">[Next>>]</a> <?} echo "<br><br>"; ?></p> </div></td> </tr> </table> </body> </html> Beranda.php

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html> <head>


(93)

<title>Untitled Document</title> </head>

<body>

<table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr>

<td width="24%" align="left" valign="top"><div align="center"><? include "menu.php";?></div></td>

<td width="76%" align="left" valign="top"><p><strong>:::SELAMAT DATANG DI PELELANGAN MOBIL TUA ONLINE</strong></p> <p>&nbsp;</p>

<p><strong>Info:</strong></p>

<p><strong>- Lelang Dibuka Tanggal 30 Juni 2014 Pukul 10.00 WIB.</strong></p>

<p>- <strong>Batas Pendaftaran Tanggal 30 Desember 2014.</strong></p> <p>&nbsp;</p></td> </tr> </table></body></html> Index.php <?php session_start(); ?> <?php

header("Expires: Mon, 26 Jul 1997 05:00:00 GMT"); // Date in the past header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT"); // Always modified

header("Cache-Control: private, no-store, no-cache, must-revalidate"); // HTTP/1.1

header("Cache-Control: post-check=0, pre-check=0", false); header("Pragma: no-cache"); // HTTP/1.0


(94)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"> <head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>www.lelang-mobiltua.com</title>

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

<!--

.style1 {font-size: 10px} -->

</style> </head>

<link rel="stylesheet" type="text/css"

href="Portal%20PERUM%20Pegadaian%20_%20Bersama%20Kerabat%20Meng gapai%20Cita2_files/chrome.css">

<body background="images/a.gif">

<table width="850" border="3" align="center" cellpadding="0" cellspacing="0" bordercolor="#E6E6E6">

<tr>

<td width="981"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr>

<td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr>

<td colspan="2" align="right" bgcolor="#FFFFFF"><img

src="Portal%20PERUM%20Pegadaian%20_%20Bersama%20Kerabat%20Mengg apai%20Cita2_files/images_09A.gif" width="360" height="45" /> <marquee> <img src="Portal PERUM Pegadaian _ Bersama Kerabat Menggapai

Cita2_files/mobil antik 5.jpg" width="168" height="85" /> </marquee> </td>


(95)

<td width="19%" background="Portal PERUM Pegadaian _ Bersama Kerabat Menggapai Cita2_files/images_13.gif"><div align="center"> <strong> <a href="index.php?pg=anggotaisi" class="LogInOut">L O G I N</a> </strong></div></td>

<td width="1%" bgcolor="#FFFFFF">&nbsp;</td> </tr><tr>

<td width="40%" background="Portal PERUM Pegadaian _ Bersama Kerabat Menggapai Cita2_files/images_17.gif">&nbsp;</td>

<td width="39%" background="Portal PERUM Pegadaian _ Bersama Kerabat Menggapai Cita2_files/images_17.gif" bgcolor="#FFFFFF"><img src="Portal PERUM Pegadaian _ Bersama Kerabat Menggapai Cita2_files/images_17.gif" alt="" width="252" height="22" /></td>

<td background="Portal PERUM Pegadaian _ Bersama Kerabat Menggapai Cita2_files/images_17.gif" bgcolor="#FFFFFF">&nbsp;</td>

<td background="Portal PERUM Pegadaian _ Bersama Kerabat Menggapai Cita2_files/images_17.gif" bgcolor="#FFFFFF"><img

src="Portal%20PERUM%20Pegadaian%20_%20Bersama%20Kerabat%20Mengg apai%20Cita2_files/images_20.gif" alt="" width="165" height="22" /></td> <td background="Portal PERUM Pegadaian _ Bersama Kerabat Menggapai Cita2_files/images_17.gif" bgcolor="#FFFFFF">&nbsp;</td> </tr> </table></td> </tr><tr> <td bgcolor="#FEFDF9"> <div id="chromemenu"> <ul> <li><a href="index.php?pg=beranda">Home</a></li>

<li><a href="index.php?pg=visimisi">Profil Perusahaan</a></li> <li><a href="index.php?pg=barang">Barang Lelang</a></li> <li><a href="index.php?pg=anggotaisi">Anggota</a></li>


(1)

<td><span class="phpmaker">Password</span></td>

<td><span class="phpmaker"><input type="password" name="password" id="password" size="20"></span></td>

</tr><tr>

<td>&nbsp;</td>

<td><span class="phpmaker">

<?php if (@$_COOKIE[EW_PROJECT_NAME]['AutoLogin'] == "autologin") { ?>

<input type="radio" name="rememberme" id="rememberme" value="a" checked>Auto login until I logout explicitly<br>

<?php } elseif (@$_COOKIE[EW_PROJECT_NAME]['AutoLogin'] == "rememberusername") { ?><input type="radio" name="rememberme" id="rememberme" value="u" checked>Save my user name <br><input type="radio" name="rememberme" id="rememberme" value="n" checked>Always ask for my user name and password

<?php } ?></span></td> </tr><tr>

<td colspan="2" align="center"><span class="phpmaker">

<input type="submit" name="submit" id="submit" value=" Login "> <br><a href="../index.php"><em>Beranda</em> </a>

</span></td></tr> </table></form>

<br><p><span class="phpmaker">

</span></p><script language="JavaScript" type="text/javascript"> <!--

// Write your startup script here // document.write("page loaded"); //-->

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


(2)

Page_Terminate();

// --- // Subroutine Page_Terminate

// - called when exit page

// - clean up connection and objects

// - if url specified, redirect to url, otherwise end response function Page_Terminate($url = "") {

global $conn;

// Page unload event, used in current page Page_Unload();

// Global page unloaded event (in userfn*.php) Page_Unloaded();

// Close Connection $conn->Close(); // Go to url if specified if ($url <> "") {

ob_end_clean();

header("Location: $url"); }

exit(); }

?><?php

// Page Load event function Page_Load() { //echo "Page Load"; }

// Page Unload event function Page_Unload() { //echo "Page Unload"; }


(3)

// User Logging In event

function User_LoggingIn($usr, $pwd) { // Enter your code here

// To cancel, set return value to False return TRUE;

}

// User Logged In event

function User_LoggedIn($usr) { //echo "User Logged In";

}?>

Logout.php

<?php

define("EW_PAGE_ID", "logout", TRUE); // Page ID ?><?php

session_start(); // Initialize session data ob_start(); // Turn on output buffering

?><?php include "ewcfg50.php" ?><?php include "ewmysql50.php" ?> <?php include "phpfn50.php" ?><?php include "userfn50.php" ?><?php header("Expires: Mon, 26 Mei 2014 05:00:00 GMT"); // Date in the past header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT"); // Always modified

header("Cache-Control: private, no-store, no-cache, must-revalidate"); // HTTP/1.1

header("Cache-Control: post-check=0, pre-check=0", false); header("Pragma: no-cache"); // HTTP/1.0

?> <?php

// Open connection to the database $conn = ew_Connect();

?><?php


(4)

?><?php

// Common page loading event (in userfn*.php) Page_Loading(); ?><?php

// Page load event, used in current page Page_Load();

?><?php

$bValidate = TRUE;

$sUsername = $Security->CurrentUserName(); // Call User LoggingOut event

$bValidate = User_LoggingOut($sUsername); if (!$bValidate) {

$sLastUrl = $Security->LastUrl();

if ($sLastUrl == "") $sLastUrl = "index.php";

Page_Terminate($sLastUrl); // Go to last accessed url } else {

if (@$_COOKIE[EW_PROJECT_NAME]['AutoLogin'] == "") { // Not autologin setCookie(EW_PROJECT_NAME . '[UserName]', ""); // clear user name cookie }

setCookie(EW_PROJECT_NAME . '[Password]', ""); // clear password cookie setCookie(EW_PROJECT_NAME . '[LastUrl]', ""); // clear last url

// Call User LoggedOut event User_LoggedOut($sUsername); // Unset all of the session variables $_SESSION = array();

// Delete the session cookie and kill the session if (isset($_COOKIE[session_name()])) {

setcookie(session_name(), '', time()-42000, '/');} // Finally, destroy the session

@session_destroy();

Page_Terminate("login.php"); // Go to login page }


(5)

?><?php

// If control is passed here, simply terminate the page without redirect Page_Terminate();

// --- // Subroutine Page_Terminate

// - called when exit page

// - clean up connection and objects

// - if url specified, redirect to url, otherwise end response function Page_Terminate($url = "") {

global $conn;

// Page unload event, used in current page Page_Unload();

// Global page unloaded event (in userfn*.php) Page_Unloaded();

// Close Connection $conn->Close(); // Go to url if specified if ($url <> "") {

ob_end_clean();

header("Location: $url"); }

exit(); }

?><?php

// Page Load event function Page_Load() { //echo "Page Load"; }

// Page Unload event function Page_Unload() { //echo "Page Unload";


(6)

} ?> <?php

// User Logging Out event

function User_LoggingOut($usr) { // Enter your code here

// To cancel, set return value to False return TRUE;

}// User Logged Out event

function User_LoggedOut($usr) { //echo "User Logged Out";

} ?>