Perancangan Sistem Informasi Lelang Mobil Tua Secara Online Berbasis Website
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"> </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> </td> <td> </td> <td> </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> </td> <td> </td> <td> </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> </td> <td> </td> <td> </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> </td> <td> </td> <td> </td> </tr><tr> <td> </td> <td> </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"> </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%"> </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;?>">[<<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> </td> <td> </td> <td> </td> </tr> <? } ?> </table>
<table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr>
<td width="2%"> </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;?>">[<<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> </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> </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"> </td> </tr><tr>
<td width="40%" background="Portal PERUM Pegadaian _ Bersama Kerabat Menggapai Cita2_files/images_17.gif"> </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"> </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"> </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> </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";
} ?>