PERANCANGAN APLIKASI JUAL BELI MOBIL BEKAS BERBASIS WEBSITE DI ANDIKA JAYA MOBIL
TUGAS AKHIR
BASRI PRIMSA SEMBIRING 132406102
PROGRAM STUDI D3 TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGEAHUAN ALAM UNIVERSITAS SUMATERA UTARA
MEDAN
2016
PERANCANGAN APLIKASI JUAL BELI MOBIL BEKAS BERBASIS WEBSITE DI ANDIKA JAYA MOBIL
TUGAS AKHIR
Diajukan untuk melengkapi dan memenuhi syarat memperoleh Ahli
Madya
BASRI PRIMSA SEMBIRING 132406102
PROGRAM STUDI D3TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGEAHUAN ALAM
UNIVERSITAS SUMATERA UTARA MEDAN
2016
PERNYATAAN
PERANCANGAN APLIKASI JUAL BELI MOBIL BEKAS BERBASIS WEBSITE DI ANDIKA JAYA MOBIL
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 2016
Basri Primsa Sembiring 132406102
PENGHARGAAN
Puji syukur penulis ucapkan kepada Tuhan Yang Maha Esa atas limpahan berkat dan rahmat-Nya sehingga kajian tugas akhir ini dapat diselesaikan dengan baik dan dalam waktu yang telah ditetapkan.
Penulisan Tugas Akhir ini merupakan karya tulis yang sederhana dan merupakan salah satu syarat untuk menyelesaikan pendidikan D3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
Dalam penyusunan Tugas Akhir ini, penulis sadar akan keterbatasan kemampuan dan pengetahuan penulis, sehinggadiharapkan kritik dan saran yang membangun serta dapat memberikan inspirasi yang baik untuk kemajuan tugas akhir ini.
Dengan selesainya Tugas Akhir ini penulis mengucapkan terima kasih kepada:
1. BapakDr. Kerista Sebayang, M.Sselaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
2. BapakDr. Open Darnius, M.Scselaku Pembimbing penulis yang selalu memberi masukan baik kritik dan saran kepada penulis selama pembuatan tugas akhir dari awal hingga selesai.
3. Bapak Prof. Dr. Tulus, M.Si selaku Ketua Departemen Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
4. IbuDr. Elly Rosmaini, M.Si selaku Ketua Program Studi D3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
5. Seluruh dosen pengajar Program Studi D3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
6. Seluruh Staff/Pegawai Fakultas MIPA Universitas Sumatera Utara khususnya Program Studi D3 Teknik Informatika.
7. Terkhusus penulis ucapkan terima kasih kepada kedua orang tua penulis,
”Ayahanda L.Sembiringdan Ibunda S.U.br Tarigan”, yang telah banyak memberi doa dan dukungan serta kasih sayang yang berlimpah untuk penulis.
8. Buat para sahabat seperjuanganLewin Hutasoit, Buha A. Sinaga, Daniel Sijabat, Firnando H. Silalahi, Tulus R. Purba, Tumona Sinaga, Agustinus Gultom, Amron Toga Torop, Linggom Purba, Ichsan Febrian, Imam Ananda, Sammy Surbaktidan tidak lupa juga bagi semua anak parkir yang memberi semangat kepada penulis.
9. Buat teman-teman seperjuangan kom C 2013 dan mahasiswa D3 Teknik Informatika yang tidak dapat saya sebutkan satu per satu. Terima kasih atas dukungangnya dalam membantu menyelesaikan tugas akhir ini.
Penulis juga tidak lupa mengucapkan banyak terima kasih kepada semua pihak yang telah banyak membantu penulis dalam menyelesaikan Tugas Akhir ini yang tidak dapat disebutkan satu persatu.Penulis menyadari bahwa Tugas Akhir ini masih jauh dari sempurna, baik dalam penulisan maupun dalam tata bahasanya. Oleh karena itu, penulis mengharapkan kritik dan saran yang
membangun agar kedepannya penulis dapat lebih baik lagi dalam menyusun sebuah karya tulis.
Semoga tulisan ini bermanfaat bagi pembaca pada umumnya dan penulis khususnya, serta dapat memotivasi kita untuk meningkatkan ilmu pengetahuan sebagai bekal di masa yang akan datang.
Medan, Juni 2016 Penulis
Basri Primsa Sembiring
ABSTRAK
Metodeyangdigunakanpenulis adalah dengan melakukan studiliterature mengenai sistem kerja websitee-commerce, kemudian dilakukan perancangan desain dan sistem kerjawebsitedan diimplementasikan dengan dibuatnyawebsite e- commerceini.Kesimpulanyangdidapatkan bahwawebsitee-commerce iniberhasildibuat dengan menggunakan bahasapemograman PHPyangdikombinasikandengan databaseMySql.Kelebihan pemesanan produk padawebsiteiniadalah menghemat waktu dan biayadibandingkan denganpemesanan secaralangsung datangketoko.
ABSTRACT
Themethod that the writer used is aliteraturestudyfor thework system of e- commercewebsite, then makingaplan design and realized bybuild thise- commercewebsite.The conclusion is that this e-commercewebsitehavesuccess to build by applyingPHP programminglanguange andcombinewith MySQLdatabase.
Excess of product orderingat this websiteis economizingtime and expense compared to orderingdirectlycome to showroom.
DAFTAR ISI
... Halaman
Persetujuan ... i
Pernyataan ... ii
Penghargaan ... iii
Abstrak ... vi
Abstract ... vii
Daftar Isi ... viii
Daftar Tabel ... x
Daftar Gambar ... xi
Bab 1. Pendahuluan ... 1.1 Latar Belakang ... 1
1.2 Rumusan Masalah ... 2
1.3 Batasan Masalah ... 3
1.4 MaksuddanTujuan 3 1.5 Metodologi Penelitian ... 4
1.6 TinjauanPustaka ... 5
1.7 Sistematika Penulisan ... 5
Bab 2. Landasan Teori ... 2.1 Pengertian E-Commerce ... 7
2.2 Sejarah Singkat E-Commerce ... 8
2.2.1 Klasifikasi E-Commerce 9 2.2.2 Keuntungan E-Commerce 10 2.3PengertianKomputer ... 10
2.4 Sejarah Internet ... 11
2.4.1 Pengertian Internet ... 12
2.4.2 Internet Commerce ... 13
2.4.3 Manfaat Internet ... 14
2.4.4 Web Server 14 2.4.5 HTTP 15 2.4.6 Browser 15 2.5 Sekilas Mengenai Web ... 16
2.5.1 HTML ... 16
2.5.2 Dasar-dasar HTML ... 17
2.6Pengenalan PHP 17 2.6.1 Sejarah PHP 17 2.6.2 KelebihandanKelemahan PHP 18 2.7 MySQL ... 18
2.8 Java Script ... 19
2.9 CSS 19
2.10 PengertianPhpMyAdmin 19
Bab 3.Perancangan Sistem ...
3.1 PerancanganSistem ... 20 3.2 Use Case Diagram ... 20
3.2.1 Komponen Use Case Diagram 21
3.3 Basis Data (Database) ... 23 3.3.1 Field Name dan Field Table ... 23 3.4 Flowchart Sistem ... 26 Bab 4. Implementasi Sistem ...
4.1 PengertianImpementasiSistem ... 31 4.1.1 Tujuan ImpementasiSistem ... 31
4.1.2 KomponendalamImpementasiSistem 32
4.1.3 KebutuhanPerangkatKeras (Hardware) 32
4.1.4 KebutuhanPerangkatLunak (Software) 33
4.1.5 KebutuhanPerangkat Operator (Brainware) 35
4.2Demonstrasi Program ... 35 Bab 5. Kesimpulan dan Saran ...
5.1 Kesimpulan ... 41 5.2 Saran ... 42 DaftarPustaka
Lampiran
DAFTAR TABEL
Nomor Judul ... Halaman Tabel
3.1 Tbl_Login ... 23
3.2 Tbl_Mobil ... 23
3.3 Tbl_Foto_Mobil ... 24
3.4 Tbl_Angsuran ... 25
3.5 Tbl_Penjualan ... 25
DAFTAR GAMBAR
Nomor Judul ... Halaman Gambar
3.1 Use Case Diagram Andika Jaya Mobil ... 22
3.2 Flowchart Simulasi Andika Jaya Mobil 26 3.3 Flowchart Login Andika Jaya Mobil ... 27
3.4 Flowchart Tambah Mobil Andika Jaya Mobil ... 28
3.5 Flowchart Tambah Angsuran Andika Jaya Mobil ... 29
3.6 Flowchart Penjualan Andika Jaya Mobil ... 30
4.1 Aplikasi Notepad++ ... 34
4.2 Aplikasi Xampp ... 34
4.3 Tampilan Halaman Utama ... 35
4.4 Tampilan Halaman Daftar Mobil ... 36
4.5 Tampilan Halaman Daftar Mobil ... 36
4.6 Tampilan Simulasi Pembayaran ... 37
4.7 Tampilan Form Pembelian ... 37
4.8 Tampilan Halaman Cek Angsuran ... 38
4.9 Tampilan hasil Cek Angsuran ... 38
4.10 Tampilan Hubungi Kami ... 39
4.11 Tampilan Halaman Login Admin ... 39
4.12 Tampilan Halaman Utama Admin ... 40
BAB 1
PENDAHULUAN
1.1 Latar Belakang
Perkembangan teknologi dibidang informasi mendorong setiap instansi atau perusahaan untuk tetap mengikuti perkembangganya, terutama berkenaan dengan perkembangan teknologi informasi yang ada hubungannya dengan kegiatan perusahaan tersebut. Perkembangan teknologi informasi telah memberikan kontribusi yang cukup berarti dalam meningkatkan kegiatan usaha khususnya dalam hal pengolahan data yang memberi dukungan terhadap pengambilan keputusan-keputusan bisnis serta perkembangan teknologi informasi telah memberikan kontribusi yang cukup berarti dalam meningkatkan kegiatan pelayanan. Berdasarkan pada uraian diatas pemanfaatan teknologi informasi dalam suatu aktivitas bisnis merupakan hal yang cukup penting. Begitu pentingnya hampir setiap perusahaan yang serupa menggunakan system pelayanan bisnis secara online.
Banyak orang yang sudah melirik internet untuk melancarkan bisnisnya.
Bisnis internet merupakan suatu bisnis yang dalam prosesnya baik dalam pemesanan maupun pengantaran barangnya seluruhnya menggunakan media internet. Bisnis ini merupakan suatu model bisnis yang baru tetapi memiliki
berbagai keuntungan dan kelebihan dibandingkan bisnis konvensional. Bisnis online yang sederhana seperti menampilkan produk dan melakukan order dengan telpon juga masih banyak dilakukan walaupun saat ini lebih banyak menggunakan kartu kredit. Melihat definisi E-Commerce maka sebenarnya merupakan bagian dari E-Business, dimana cakupan E-Business lebih luas, tidak hanya sekedar perniagaan tetapi mencakup juga pengkolaborasian mitra bisnis, pelayanan nasabah, lowongan pekerjaan.
Penggunaan E-Commerce merupakan merupakan salah satu kebutuhan bagi sebuah usaha atau perusahaan agar dapat bersaing secara global.
Mengunakan website E-Commerce sebagai salah satu media penjualan dan promosi, maka akan memperluas daerah pemasaran produk dan memudahkan pembeli untuk memilih dan memesan produk tersebut sehingga dapat meningkatkan omzet penjualan toko tersebut.
Berdasarkan latar belakang di atas, penulis memperoleh ide untuk melakukan analisa guna mengembangkan usaha jual beli mobil bekas. Dan diperoleh sebuah judul, yaitu “Perancangan Aplikasi Jual Beli Mobil Bekas Berbasis Web Di Andika Jaya Mobil ”.
1.2 Rumusan Masalah
Adapun masalah yang dihadapi oleh perusahaan adalah kurangnya minat konsumen untuk melakukan transaksi jual beli di perusahaan karena sistem yang ada di perusahaan ini masih dilakukan secara manual,yaitu konsumen harus
datang ke perusahaan untuk melakukan transaksi jual beli. Untuk mengatasi masalah itu dibuatlah suatu sistem jual beli mobil bekas berbasis website agar dapat memudahkan konsumen dalam melakukan transaksi jual beli secara cepat,efesien dan konsumen tidak harus datang ke perusahaan untuk melakukan transaksi dan dengan adanya aplikasi ini dapat meningkatkan omzet perusahaan.
1.3 Batasan Masalah
Dalam membuat aplikasi ini ada beberapa batasan masalah yang ditemukan, diantaranya:
a. Aplikasi menggunakan web PHP dan MYSQL.
b. Aplikasi ini terdiri daftar-daftar mobil bekas, form pembelian,, cek angsuran.
c. Aplikasi ini menampilkan hasil sesuai apa yang dijual dan dibeli oleh konsumen.
1.4 Maksud dan Tujuan
Maksud perancangan e-commerce dari Andika Jaya Mobil ini yaitu:
a. Menyediakan aplikasi untuk membeli mobil bekas secara online.
b. Memberikan solusi untuk orang yang tidak memiliki waktu atau kesempatan dalam melakukan pembelian dan penjualan secara manual.
c. Diharapkan sistem pengambilan keputusan ini bisa bermanfaat oleh penggunanya.
Tujuan dari perancangan e-commerce ini yaitu:
a. Merancang suatu aplikasi web yang dapat membantu para konsumen untuk melakukan pembelian secara online agar konsumen lebih mudah, cepat dan efesien dalam melakukan proses penjualan dan pembelian.
b. Sebagai salah satu syarat untuk menyelesaikan Program Studi Diploma III Teknik Informatika
1.5 Metodologi Penelitian
Untuk menyusun tugas akhir ini, penulis melakukan penerapan metode penelitian dalam memperoleh data-data yang dibutuhkan sehingga penyusunan tugas akhir ini dapat diselesaikan dengan baik. Adapun metode penelitian yang penulis lakukan adalah sebagai berikut:
1. Studi literatur dengan memepelajari buku-buku dan artikel yang berhubungan dengan pemograman web di perpustakaan dan internet untuk mendapatkan bahan teoritis untuk membangun aplikasi yang dinamis, efektif dan efisien.
2. Analisis masalah dengan melakukan analisis terhadap aplikasi- aplikasi web yang telah berkembang pada saat ini sehingga dapat diimplementasikan.
3. Perancangan aplikasi dilakukan dengan cara mendefinisikan kebutuhan pengguna lalu dilakukan perancangan aplikasi. Perancangan ini berkaitan dengan berkaitan arsitektur aplikasi, layanan- layanan yang tersedia, dan bagaimana aplikasi digunakan dari sisi pengguna.
4. Implementasi yaitu dengan membangun aplikasi sesuai dengan rancangan yang telah dimodelkan.
5. Pengujian dilakukan terhadap aplikasi yang telah dibangun. Hal ini untuk mengetahui apakah sistem yang dibuat sudah dapat beroperasi dengan baik ataupun masih membutuhkan perbaikan lebih lanjut.
1.6 Tinjauan Pustaka
Ada banyak perangkat lunak yang dapat digunakan untuk merancang suatu situs e-commerce, baik untuk perancangan tambilan sebagai interface terhadap user, pembuatan database dan untuk pembuatan program itu sendiri. Dalam hal ini, penulis memilih bahasa pemrograman PHP dan MYSQL sebagai database serta Notepad++ sebagai text editor.
Alasan penulis menggunakan perangkat lunak tersebut ialah:
a. Pemrograman PHP mudah dibuat dan mempunyai kecepatan akses yang tinggi.
b. Pemrograman PHP merupakan bahasa yang dapat diletakkan dalam tag HTML.
c. Sistem database yang didukung oleh PHP cukup banyak.
1.7 Sistematika Penulisan
Secara garis besar tugas akhir ini terdiri dari 5 (lima) bab dan beberpa lampiran.
Adapun setiap bab dan sub-sub bab yang terdiri dari:
BAB 1 : PENDAHULUAN
Bab ini akan membahas judul peneliti an, latar belakang, rumusan masalah, batasan masalah, tujuan penelitian, kontribusi penelitian, kajian pustaka, metodologi penelitian, dan sistematika penulisan.
BAB 2 : LANDASAN TEORI
Bab ini penulis menguraikan tentang data, sistem informasi, HTML, Pengenalan PHP, MySQL.
BAB 3 : ANALISIS DAN PERANCANGAN SISTEM
Bab ini berisi.tentang perancangan sistem, Data Flow Diagram (DFD), perancangan database, flowchart dan membangun halaman situs.
BAB 4 : IMPLEMENTASI SISTEM
Bab ini berisi uraian pengertian dan tujuan implementasi sistem, komponen utama dalam implementasi sistem, instalasi Apache, PHP dan MySQL, installasi Appserv dan demonstrasi program.
BAB 5 : PENUTUP
Berisikan kesimpulan dan saran penulisan tugas akhir.
BAB2
LANDASANTEORI
2.1 PengenalanE-Commerce
E-Commerce merupakansalahsatukeunggulandariinternet,hingga akhirnya diera sekarang ini(banyak disebutdenganeradigital)nampaknyatiadahariyang terlewatkantanpa mendengar ataumembaca kata E-commerce diberbagaimedia informasi.Sebenarnya apakahyang dimaksud denganE-Commerce itu?Sebenarnya dalamE-Commerce banyak sebutanyang dipakaiuntukmemudahkanorang mengucapkannya.
Ada beberapa sebutan untuk E-Commerce yaitu Internet Commerce atau Ecom,E-CommercedanImmerce,yang padadasarnyasemuasebutandiatas mempunyaimaknayang sama.Istilah-istilah tersebutberartimembeliatau menjual secaraelektronik,dankegiataninidilakukanpadajaringaninternet E-Commerce juga dapatberartipemasanganiklan,penjualandandukunganserta pelayananyang terbaik menggunakan sebuah webshop 24jamsehari bagi seluruhpelanggannya.
2.2 SejarahSingkatE-Commerce
Penerapaneletroniccommercebermula diawaltahun1970,denganadanyainovasi semacamelectronicfundtransfer (EFT). Saatitutingkataplikasinya masihterbatas pada perusahaan-perusahaan besar,lembaga keuangan,dansegelintirperusahaan kecilyang nekat.LalumuncullahElectronicDataInterchange(EDI),yang berkembang dari transaksi keuangan ke pemrosesan transaksi lain serta memperbesarjumlahperusahaanyang berperanserta,mulailembaga-lembaga keuanganhingga perusahaanmanufaktur,ritel,layanandansebagainya.Aplikasi- aplikasilainkemudianmenyusul,yangmemilikijangkauan dariperdagangansaham hingga sistem reservasi perjalanan. Padasaat itu sitem tersebut disebut sebagai aplikasi telekomunikasiyangnilai strategisnyasudah dikenal secaraumum.
Denganadanya komersialisasiinternetdiawaltahun1990an,serta pesatnya pertumbuhanyang mencapaihinggajutaanpelangganpotensial,makamuncullah istilahelectroniccommerce(E-Commerce),yang aplikasinyasegera berkembang pesat.Pusatriset E-CommercediUniversitasTexasyang mempelajari2000
perusahaaninternet,sectoryang tumbuhpaling cepatadalahe-Commerce,yang naik sampai72%dari$99,8 milyarmenjadi$171,5milyar.Padatahun2002,diatassatu triliundolarpendapatandihasilkandariinternet.Satualasan bagipesatnya
perkembangan teknologi tersebut adalahadanyaperkembangan jaringan,protocol, perangkatlunak,danspesifikasi.Alasanlainadalahmeningkatnya persaingandan berbagaitekananbisnislain.Daritahun1995hingga1999kita telahmenyaksikan
berbagaiaplikasi inovatif,mulaiiklanhingga ke pelelangandanpengalamanrealitas maya.HampirtiaporganisasimenengahdanbesardiAStelahmemiliki situsweb sendiri.
2.2.1 KlasifikasiE– Commerce
Penggolongan E-Commerce yang lazim dilakukan orang ialah berdasar sifat transaksinya. Tipe-tipeini dibedakan dalam beberapahal sebagai berikut :
1. Businesstobusiness(B2B),kebanyakanE-Commerceyangditerapkansaatini merupakanB2B,E-Commercetipe inimeliputitransaksiantarorganisasiyang dilakukan di electronicmarket.
2. Businesstoconsumer(B2C),inimerupakantransaksiecerandenganpembeli perorangan.
3. Consumertoconsumer(C2C),dalamkategoriiniseorangkonsumenmenjual secaralangsungkekonsumen lainnya.
4. Consumer to business (C2B), termasuk ke dalam kategori ini adalah perseoranganyang menjualproduklayanankeorganisasidanperseoranganyang mencari penjual, berinteraksi dengan mereka, dan menyepakati suatu transaksi.
5. Nonbusiness E-Commerce, dewasa ini banyak lembaga nonbusiness dan lembagapemerintahanyang menggunakanberbagaitipeE-Commerceuntuk mengurangi biayaatau untuk meningkatkan operasi dan layanan public.
6. Intrabusiness(Organizational)E-Commerce,yangtermasukdalamkategoriini adalahsemuaaktivitasinternorganisasi,biasanya dijalankandiinternet,yang melibatkan pertukaran barang, jasa atau informasi.
2.2.2KeuntunganE– Commerce
KeuntunganyangdiperolehdenganmenggunakantransaksimelaluiE-commerce bagi suatu perusahaan adalah sebagai berikut :
1. Meningkatkanpendapatandenganmenggunakanonlinechannelyangbiayanya lebih murah.
2. Mengurangi biaya-biaya yang berhubungan dengan kertas, seperti biaya pos surat, pencetakan, report,dan sebagainya.
3. Mengurangiketerlambatandenganmengunakantransferelektronikatau
pembayaran tepat waktudan dapat langsung dicek. Mempercepat pelayanan ke pelanggan, dan pelayanan lebihresponsif.
2.3 PengertianKomputer
Istilah komputer berasal dari bahasa latin yaitu “computare” yang berarti menghitung(tocomputeataureckon).Komputeradalahsuatuperangkatelektronika yang bekerjasecaraterkoordinasidanterintegrasiyang dapatmenerimainput, mengolahdenganprosedur tertentu,mengingatsertamenampilkanhasilproses tersebut.
Komputeradalahsuatualatelektronikyang mampu melakukanbeberapa tugasyaitumenerima input,memprosesinputtadisesuaidengan programnya, menyimanperintah-perintah danhasil dari pengolahan, serta menyediakanoutputnyadalambentuk informasi. Komputeradalahsystemelektronik untukmemanipulasidatayangcepatdantepatsertadirancang dandiorganisasikan secara otomatismenerima danmenyimpandata input,memprosesnya dan menghasilkan
outputdibawah pengawasan suatu langkah instruksi-instruksiprogram yang tersimpan di memori.
2.4 SejarahInternet
Sejarah internet dimulai pada 1969 ketika Departemen Pertahanan Amerika memutuskanuntukmengadakanrisettentangbagaimanacaranyamenghubungkan sejumlahkomputersehinggamembentukjaringanorganik.Programrisetinidikenal dengan nama arpanet. Pada 1970, sudah lebih dari 10 komputer yang berhasil dihubungkan satu sama lain sehingga mereka bisa saling berkomunikasi dan membentuk sebuah jaringan. Tahun 1972, Roy Tom linson berhasil menyempurnakan program e-mailyangia ciptakan setahunyang lalu untuk arpanet.
Padatahun1982dibentukTransmissionControlProtocol atauTCPdanInternet ProtocolatauIPyang kinikitakenalsemua.SementaraitudiEropamunculjaringan computertandinganyangdikenal dengan eunet,yangmenyediakan jasajaringan komputerdi negara-negaraBelanda,Inggris, Denmark dan Swedia.
Komputer yang tersambung dengan jaringan yang ada sudah melebihi 1000 komputer lebih. Setahunkemudianalamatanggota jaringanmulaimenggunakan alamatdenganakhiran.com.Sistemalamatyang serbapraktisinilangsung menggelumbungkanjumlahcomputeryang tersambung denganjaringan.Pada1987 jumlahcomputeryangtersambung kejaringanmelonjak10kalilipatmenjadi10.000 lebih.Tahun1988,antar sesama komputer sudahmulaidapatmengobrolatau chatting,karena JarkoOikarinendariFinlandberhasil menemukan dan sekaligus memperkenalkanIRCatau InternetRelayChat.
Setahun kemudian jumlah komputer yang saling berhubungan kembali melonjak10kalilipat dalamsetahun.Takkurang dari100.000komputerkini membentuk sebuah jaringan. Tahun 1990 adalah tahun yang paling bersejarah, ketikaTimBernersLeemenemukanprogrameditordanbrowseryang bias menjelajah antara satu computer dengan computer lainnya, yang membentuk jaringan itu.
Program inilahyangdisebut www,atauWorldWideWeb.
Tahun1992,computeryang saling tersambung membentukjaringan sudah melampaui sejuta komputer, dan di tahunyang sama muncul istilah "surfingthe internet".Tahun1994,situsinternettelahtumbuhmenjadi3.000alamathalaman,
danuntukpertama kalinyavirtual-shoppingataue-retailmunculdiinternet.Dunia langsung berubah.Di tahunyang samaYahoo!Didirikan,yangjugasekaligustahun kelahiranNetscape Navigator1.0.Setahunkemudianinternetsudahmenjadijalur dimanasuaragambarbisastreamingsekaligus
2.4.1 PengertianInternet
Internet(International Networking)adalahsuatukumpulanjaringankomputerdari berbagaitipeyang saling berkomunikasidenganmenggunakansuatustandar komunikasi.Saatiniada jutaankomputerdenganpuluhanjutapenggunadiseluruh dunia telahbergabungdenganinternet. Secarateknis,internetmerupakandua komputerataulebihyang salingberhubunganmembentukjaringankomputerhingga meliputi jutaan komputer di dunia, yang saling berinteraksi dan bertukar informasi.
Sedangkan dari segi ilmu pengetahuan, internet merupakan sebuah perpustakaanyang didalamnyaterdapatjutaan bahkan miliaran dataatau informasi yang dapatberupateks,grafik,suara,maupunanimasi,untuk melakukanpertukaran informasijarakjauh.Asal-usulinternetberasaldarijaringankomputeryang dimulai padaawaltahun1970, sebagaijaringandepartemenpemerintahanAmerika Serikat untukmenghubungkanpara ilmuwan danprofesoruniversitasdiseluruhdunia.
2.4.2 InternetCommerce
InternetCommerce adalahpenggunaaninternetyang berbasisteknologiinformasi dan komunikasiuntuk perdagangan. Kegiatankomersialinisepertiiklan dalam penjualanprodukdanjasa.Transaksiyang dapatdilakukandiinternetantaralain pemesanan danpembelian barang dimana barang akan dikirim melalui pos atau sarana lain setelah pembeli mentranser uang ke rekening penjual. Harga lebih murah biayanya dibandingkan dengan membuka outlet retaildi berbagai tempat
2.4.3 ManfaatInternet
Sejalan denganmeningkatnyaperananinformasidalam bisnismaupun teknologi, aksesterhadapsumnerdanjaringaninformasikomputer mancanegarayang berkembang sangat pesat dan pada saat ini dapat dikatakan sebagai jaringan
informasiterbesar didunia. Sehingga seharusnya para pengguna mengenalmanfaat apayangdiperoleh jaringan ini.
Adapun manfaatyang dapat diperoleh dari internet adalah:
1. Informasiyangdidapatlebihcepatdanmurahdenganmenggunakanaplikasi fasilitas internet seperti e-mail, www,newsgroup, dan lain sebagainya.
2. Mengurangibiayakertasdanbiayadistribusi,denganadanyakoran,majalah, brosurdalam internet.
3. Sebagai media promosi, misalnya pengenalan dan pemesanan produk dari sebuah perusahaan.
2.4.4WebServer
WWW(WorldWideWeb) merupakanaplikasiinternetyangpalingdiminati pemakai.
WWW mencakupsumber daya multimedia,antara lainsuara,gambar, video,dananimasi,sehinggaaplikasiinimenjadi semacamsaranapengetahuanyang interaktif.Webadalahaplikasimulti platformdan berbasis grafisatau sering disebutaplikasi berbasisGUI (GraphicUser Interface). Dengan menggunakan
bahasa pemrograman yang disebut dengan Markup
Language,bahasapalingpopulerdandidukungolehsemuawebserver adalah HypertextMarkupLanguage(HTML).
2.4.5HTTP(HypertextTransferProtocol)
HTTP(HypertextTransferProtocol) adalahsuatuprotocol yangdigunakanoleh webmenerima teks, grafik, gambar, dan file multimedia lainnya. Biasanya file dimulaidengankata “http”,biarpunsaatinibisadihilangkan(SutedjoDharma OetomoBudi,2003). HttpbekerjadiatasTCP(TransmissionControl Protocol) yang menjaminsampainyadatadaritujuandalamurutanyang benar.Bilasuatu kesalahanterjadiselama prosespengiriman,pihakpengirimakanmendapatkan pemberitahuanbahwatelahterjadiketidaksesuain.Karenanyaserver danclient akanterputus.SifatinimembuatHTTPseringdisebutdenganistilahprotocolhit andrun.
2.4.6Browser
Browser adalahprogramapikasiyang digunakanuntukmelakukanbrowsingatau aplikasiyang diterjemahkanHTML danmenampilkanhalamaninternet
(MADCOMS,2008).Browsermerupakansuatuprogramyangdirancang untuk mengambilinformasi-informasidarisuatuserverkomputerpada jaringaninternet.
Informasi-informasiini biasanyadikemasdalam page-page,dimana setiappagebisa memiliki beberapa link yang menghubungkan web page tersebut ke sumber informasi lainnya. Jika browser menemukan alamat dari tujuan link tersebut, browserakan menampilkaninformasiyang ada,danjikatidakmenemukanbrowser akan memberitahukan bahwan alamat dari tujuan linktersebut tidak ditemukan.
2.5 SekilasMengenaiWeb
Webadalahsebuahsistemdenganstandaryangtelahdisepakatiuntukmenyimpan, mencari,memformat,menampilkaninformasimenggunakan arsitektur clientserver.
Halamanwebyangdiformatmenggunakanhypertext denganlinkyang
menghubungkansatudokumenyang satudenganyang lainnyadanjuga
menghubungkan halaman satu dengan objek lainnya.
Internetsepertijaringanlaba-laba,jaringyang salingberhubungandan terbentang keseluruh dunia.Internettidakhanyaterbataspadalembaga-lembaga penelitian. Webjuga banyakdigunakanolehperusahaanbisinisuntukkomunikasi, koordinasibahkaninternetjuga dapatdigunakanuntukmengiklankanprodukatau untuk melakukan transaksi bisnisnya.
2.5.1 HTML(HyperTextMarkupLanguage)
HTML(HypertextMarkupLanguage)merupakansalahsatuformatyangdigunakan dalampembuatandokumendanaplikasiyang berjalandihalamanweb.Oleh karena ituagardapatmembuatprogramterlebihdahuluharusmengenaldan menguasai HTML.Walaupunsekarang telahbanyakpaketaplikasiyang dapatdigunakanuntuk membuathalamanwebsecaraWYSIWYG(WhatYouSeeIsWhat YouGet)seperti Frontpage,DreamWeaver,Netscape Composer,danmasih banyaklagi,namunanda harustetapmenguasaitag-tagHTML terutamayangdipergunakanuntukmembuat aplikasidiinternetkarenamautidakmauandaakanbekerjadalammodetext editor bilamanahendakmenyisipkan setiapscriptprogramdalamscriptHTML
.
2.5.2 Dasar-dasarHTML
HTTP(HypertextTransfer Protocol) merupakanprotocolyangdigunakanuntuk mentransfer data antarawebserver ke webbrowser. Protocolinimentransfer dokumen-dokumen web yang ditulis atau berformat HTML (HypertextMarkup Language).DikatakanmarkuplanguagekarenaHTML berfungsiuntukmemformat file dokumenteksbiasauntukbisa ditampilkanpada webbrowser denganbantuan tanda-tandayang sudah ditentukan.
2.6 PengenalanPHP(PersonalHomePage)
2.6.1 SejarahPHP
PhpsingkatandariHypertext Preprocessor yangdigunakansebagaibahasaScript Server Sidedalam pengembangan web yang disisipkan pada dokumen HTML.
PenggunaanPHPmemungkinkanwebyangdapatdibuatdinamis sehingga maintenanceweb tersebutmenjadilebihmudahdanefisien.
Pengguna dapat mengubah Source Code dan mendistribusikannya secara bebassertadiedarkansecaragratis,bersifatdinamis.Sifatserverside membuat pengerjaanskriptersebut dikerjakandi serversedangkanyang dikirimkan kepada browseradalah hasil proses dariskrip tersebut yang sudah berbentukHTML.PHP
dibuat padatahun 1994 oleh RasmusLerdof.
2.6.2 Kelebihan danKelemahanPHP
KelebihanPHPsebagaiScriptServerSideadalahPHPmemilikikelebihanyang
tidakdimilki olehbahasascriptsejenis.PHPdi fokuskanpadapembuatanScript ServerSide, yangbisamelakukanapasajayangdapatdilakukanolehCGI,seperti Mengumpulkandata dariform,menghasilkanisihalamanwebdinamis,dan kemampuanmengirim sertamenerimacookies, bahkanlebihdaripadakemampuan CGI.Fitur-fituryang banyakdapatdiandalkanoleh PHPadalahdukungannya terhadap banyak database.
2.7 MySQL
MySQL merupakansoftwareyang tergolong kedalamDBMSyang bersifatOpen Source menyatakan bahwa software ini dilengkapi dengan source (kode yang dipakaiuntukmembuat MySQL).Selainitutentusajabentukexecutable nyaatau kode yang dijalankan secara langsung dalam sistem operasi dan bisa diperoleh secara langsung dengan cara mendownload di internet secara gratis.
2.8 JavaScript Java
ScriptmulanyabernamaLiveScript,dikembangkanpertamakalipadatahun1995diNet
scapeCommunication.Padaakhirtahun1995Netscape Communication
danSunMicrosystem berkolaborasidanmenggantinamaLiveScriptmenjadi JavaScript. Java ScriptadalahbahasascriptyangditempatkanpadakodeHTML
dandiprosespada sisiclient.Denganadanyabahasa inimaka kemampuandokumen HTMLmenjadi lebih luas.
2.9 CSS(CascadingStyleSheet)
CSSbanyakdigunakanuntukmemperluaskemampuanHTML dalam memformat dokumenwebatauuntukmempercantiktampilanweb,bahkanuntukpemosisiandan layouthalamanweb.Denganmendefenisikansuatustyle sekalisaja,ituakandapat digunakanberulang kali.CSStelahdidukung olehkebanyakanbrowser,terutama versi baru sehinggapenempatan layoutmenjadi lebih fleksibel.
2.10 PengertianPhpMyAdmin
Setiap RDBMS (Relation Database Management System)seperti Oracle, SQL Server,MySQL danlain-lain,pastimemilikitoolyang dapatdigunakanuntuk mempermudahpengoperasiandatabase.OraclememilikiTAOD.SQL Server memiliki Enterprise Manager dan SQL Query Analyzer. Sdangkan MySQL memilikitoolatauaplikasiyang disebutPhpMyAdmin.PhpMyAdminmerupakan aplikasiberbasiskanwebyang
dikembangkanmenggunakanbahasapemrogramanPHP
BAB3
PERANCANGAN SISTEM
3.1 PerancanganSistem
Perancangan Sistemadalah tahap setelah analisis darisiklus pengembangan sistem, pendefisian darikebutuhan-kebutuhanfungsionaldan persiapanuntukrancang bangunimplementasimenggambarkanbagaimanasuatusystemdibentuk(Jogiyanto,2 005).Tujuandari perancangansystemadalahuntukmemenuhikebutuhan pemakai (user)mengenaigambaranyangjelas tentang perancangansistemyangakandibuat serta diimplementasikan.Desainsystemsecaraumummengidentifikasikan komponen-komponen systeme-Commerceyangakandidesainsecaraterinci.Desain terinci dimaksudkan untukpemrogramcomputerdan ahlitekniklainnya yangakan mengimplementasikansistem.
3.2 Use Case Diagram
Use case diagram adalah suatu model yang dangat fungsional dalam sebuah sistem yang menggunakan actor dan use case. Sedangkan pengertian dari use case sendiri adalah layanan atau fungsi-fungsi yang tersedia pada sistem untuk penggunannya.
3.2.1 Komponen Use Case Diagram
1. Actor
Sebeneranya Actor bukanlah bagiandari diagram, namun untuk dapat terciptanya suatu use case diagram diberikan beberapa actor dimana actor tersebut menjelaskan seseorang atau sesuatu (sperti perangkat, system lain) yang berinteraksi dengan system. Sebuah actor mungkin hanya memberikan informasi inputan pada system, hanya menerima informasi dari system atau keduanya menerima dan member informasi pada system, actor hanya berinteraksi dengan use case tetapi tidak memiliki control atas use case. Actor digambarkan secara umum atau spesifik, dimana untuk membedakannya anda dapat menggunakan relationship.
Ada beberapa kemungkinan yang menyebabkan actor tersebut terkait dengan system antara lain :
1. Yang berkepentingan terhadap system dimana adanya arus informasi baikyang diterima maupun yang dia inputkan ke system.
2. Orang ataupun pihak yang akan mengelola system tersebut.
3. External resource yang digunaka oleh system
4. System lain yang berinteraksi dengan system yang akan dibuat
2. Use Case
Use case merupakan gambaran fungsional dari suatu sistem, sehingga antara konsumen dan pengguna sistem paham dan mengerti mengenai kegunaan sistem yang akan dibangun.
Gambar3.1 Use Case Diagram Andika Jaya Mobil
3.3 BasisData(Database)
BasisData(Database)merupakankumpulandatayangsaling berhubungan.
Hubunganantar data dapatditunjukandengan adanyakolom(field) kuncidaritiap table (field)yang ada. Dalam satu fileatautableterdapat record-recordyang sejenis, samabesar,samabentuk,yangmerupakansatukumpulanentitasyangseragam.
Saturecord(umumnyadigambarkan sebagaibarisdata)terdiridarifieldyang saling berhubunganmenunjukanbahwafield tersebutdalamsatupengertianyanglengkap dandisimpandalamsaturecord. Berikutrancangantabelyangpenulisgunakan dalammembangunPerancangan web e-commerce padatoko HR elektronikyaitu:
3.3.1 FieldNamedanFieldTable
Tabel 3.1 tbl_login
Field Name Type Size Keterangan
id Varchar 6 Primary Key
username Varchar 30 Username
password Varchar 500 Password
nama Varchar 500 Nama
Tabel 3.2 tbl_mobil
Field Name Type Size Keterangan
kode_mobil Varchar 9 Primary Key
merk Varchar 500 Merk
jenis Varchar 500 Jenis
tahun Year 4 Tahun
isi_silinder Int 11 Isi Silinder
transmisi enum(‘A/T’,M/T’) Transmisi
bahan_bakar enum(‘Premium’,’Solar’,’Perta lite’,’Pertamax’)
Bahan Bakar
deskripsi Varchar 10000 Deskripsi
harga_mobil Int 15 Harga Mobil
no_plat Varchar 10 No Plat
Warna Varchar 50 Warna
Foto Varchar 500 Foto
Tgl_daftar Date Tanggal Daftar
status enum(‘terjual’,’dijual’,’diangsu r’)
Status
Tabel 3.3 tbl_foto_mobil
Field Name Type Size Keterangan
id_foto Int 11 Primary Key
kode_mobil varchar 9 Kode Mobil
lokasi varchar 5000 Lokasi
Tabel 3.4 tbl_angsuran
Field Name Type Size Keterangan
id_angsuran Int 11 Primary Key
id_penjualan Int 11 Id Penjualan
tgl_bayar Date Tanggal Bayar
Tabel 3.5 tbl_penjualan
Field Name Type Size Keterangan
id_penjualan Int 11 Primary Key
kode_mobil Varchar 50 Kode Mobil
nama_pembeli Varchar 100 Nama Pembeli
alamat_pembeli Varchar 1000 Alamat Pembel
dp Int 11 Dp
banyak_angsuran Iny 5 Banyak Angsuran
status enum(‘lunas’,’berjalan’
,’gagal’)
Status
tgl_mulai Date Tanggal Mulai
tgl_jatuh_tempo Int 2 Tanggal Jatuh Tempo
3.4 FlowchartSistem 1.Flowchart Simulasi
Gambar 3.2 Flowchart Simulasi Andika Jaya Mobil
2.Flowchart Login
Gambar 3.3 Flowchart Login Andika Jaya Mobil
3.Flowchart Tambah Mobil
Gambar 3.4 Flowchart Tambah Mobil Andika Jaya Mobil
4.Flowchart Tambah Angsuran
Gambar 3.5 Flowchart Tambah Angsuran Andika Jaya Mobil
5.Flowchart Penjualan
Gambar 3.6 Flowchart Penjualan Andika Jaya Mobil
BAB 4
IMPLEMENTASISISTEM
4.1 PengertianImplementasiSistem
ImplementasiSistem adalah langkah-langkahatauproseduryangdilakukan
dalammenyelesaikan desain sistemyang telah disetujui,
untukmenginstal,menguji, danmemulaisystembaruatau sistemyangdiperbaiki.Langkah- langkahdari prosesimplementasi adalahurutandari kegiatanawalsampai kegiatanakhir yangharusdilakukandalammewujudkansistemyang dirancang.
Hasildaritahapanimplementasiiniadalahsuatusistempengolahandatayang dapat berjalan dengan baik.
4.1.1TujuanImplementasiSistem
Adapun tujuan dari implementasi systemadalah sebagai berikut:
1. Mengkaji mengenai rangkaian sistem, baik softwaremaupun hardwaredalam bentuksisteminformasiterpusat(integratedinformationsystem) sebagaisarana pengolahan data danpenyajian data.
2. Menyelesaikanrancangansistemyangtelah disetujui sebelumnya.
3.Memastikanbahwa pemakai(user) dapatmengoperasikansistembarudan pengunjung dapatmengoperasikandenganmudahterhadapsistemyangbarudan mendapat informasiyang baik dan jelas.
4. Melakukan ujicoba mengenaiperangkatlunak sistem(software) maupun perangkat keras (hardware) sebagai sarana pengolahdatadan sekaligus penyaji informasiyangdibutuhkan.
5. Memastikan bahwa sistem yang telah berjalan dengan lancar dengan mengontrol dan melakukan instalasi secara benar.
4.1.2 Komponen dalamImplementasiSistem
Perancangansistemyangtelahdikerjakandapat berjalanbaikatautidak,maka perlu dilakukanpengujianterhadapsistemyang telahdikerjakan.Untukitudibutuhkan beberapakomponenutamayangmencakupperangkatkeras(hardware), perangkat lunak (software), danperangkat operator (brainware).
4.1.3 KebutuhanPerangkatKeras(Hardware)
PerangkatKeras(Hardware)adalahkomponen-komponenperalatan yang membentuksuatusistemkomputer danperalatan-peralatantambahanlainnyayang mungkinkomputeruntukmenjalankan tugasnyasesuaidenganyangdiberikan.
Komputer inibersifat nyata secarafisik,artinya dapatdilihatdandipergunakan, misalnyamonitor,CPU(Central Processing Unit),printer, keyboard,danmouse.
4.1.4 KebutuhanPerangkatLunak (Software)
Hardwaretidakdapatmenyelesaikanmasalahtanpa adanyasoftware.Software merupakankomponendidalam sistemdata berupa programatau instruksiuntuk mengontrolsuatusistem.Perangkatlunakyang diperlukanuntukmenjalankan perangkat lunakadalah:
1. Notepad++
Notepad++ adalah program aplikasi pengembang yang berguna untuk mengedit teks dan skrip kode pemrograman. Perangkat lunak komputer ini memiliki kelebihan pada peningkatan kemampuan sebuah program text editor, lebih dari sekedar program Notepad bawaan Windows. Notepad++ bisa mengenal tag dan kode dalam berbagai bahasa pemrograman. Fitur pencarian tingkat lanjut dan pengeditan teks yang tersedia juga cukup ampuh, sangat membantu tugas seorang programmer atau developer dalam menyelesaikan skrip kode programnya.
Program Notepad++ banyak diaplikasikan dan digunakan oleh kalangan pengguna komputer di bidang pemrograman aplikasi desktop dan web.Notepad++
merupakan software gratis. Notepad++juga dapat dijalankan di sistemoperasi Win2K, Windows XP, Vista, dan Windows 7.
Gambar4.1 Aplikasi Notepad++
2. Xampp
Xampp merupakanaplikasiyang berfungsi sebagaiwebservernya,PHPsebagai bahasapemogramansertaMySQL sebagaidatabasenya. DenganXampp, kebutuhan softwaretelahterpenuhi.
Gambar 4.2 Aplikasi Xampp
4.1.5KebutuhanPerangkatOperator(Brainware)
Brainwareadalahsumberdayamanusiayangnantinyaakanberperan sebagaiuser ataupunadministrator.Perangkatoperator(Brainware)yang dapatmenjalankan websiteini terbagi menjadi 3 bagian,yaitu:
1. Administrator 2. Operator 3. Pengunjung
4.2 DemonstrasiProgram
Adapun tampilan WebsiteAndika Jaya Mobil ini adalah sebagai berikut:
1. Tampilan Halaman Utama
Gambar 4.3 Tampilan Halaman Utama
2. Tampilan Halaman Daftar Mobil
Gambar 4.4 Tampilan Halaman Daftar Mobil
3. Tampilan Dalam Daftar Mobil
Gambar 4.5 Tampilan Dalam Daftar Mobil
4. Tampilan Simulasi Pembayaran
Gambar 4.6 Tampilan Simulasin Pembayaran
5. Tampilan Form Pembelian
Gambar 4.7 Tampilan Form Pembelian
6. Tampilan Halaman Cek Angsuran
Gambar 4.8 Tampilan Halaman Cek Angsuran
7. Tampilan Hasil Cek Angsuran
Gambar 4.9 Tampilan Hasil Cek Angsuran
8. Tampilan Hubungi Kami
Gambar 4.10 Tampilan Hubungi Kami
9. Tampilan Halaman Login Admin
Gambar 4.11 Tampilan Halaman Login Admin
10. Tampilan Halaman Utama Admin
Gambar 4.12 Tampilan Halaman Utama AdmIN
BAB 5
KESIMPULAN DAN SARAN
5.1 Kesimpulan
Setelah melalukan pembahasan akhirnya penulis dapat membuat kesimpulan sebagai berikut:
1. Perancangan web E-Commerce pada Andika Jaya Mobil ini merupakan solusi yang lebih baik untuk meningkatkan jangkauan usaha dan meningkatkan keuntungan bagi perusahaan.
2. PenggunaanlayananE-Commerceinteraktifuntukpembelianmobil bekas inimemberikan kemudahankepadakonsumen dalampemesananmobil melalui internet.
3. Memberikan solusi untuk orang yang tidak memiliki waktu atau kesempatan dalam melakukan pembelian dan penjualan secara manual.
4. Membantu para konsumen untuk melakukan pembelian secara online agar konsumen lebih mudah, cepat dan efesien dalam melakukan proses penjualan dan pembelian.
5.2 Saran
Dalam mengakhiri penulisan Tugas Akhir penulis menguraikan beberapa saran antara lain:
1. Perlu dilakukan pembaharuan atau update berkala oleh administrator pada website ini guna memberikan informasi yangterbaru..
2. Perludilakukanpenggandaan(backup)databasesecarateraturkedalammedia penyimpananlainnyauntukmencegahhal-halyangtidakdiinginkanseperti data hilang atau rusak.
3. Pemeliharaan keamanan terhadap data pada server sangat perlu diawasi dan dijaga dengan baik agar tidak bisa diakses oleh orang yang tidak berkepentingan.
DAFTAR PUSTAKA
BudiSutedjoDharmaOetomo.2003.Kamus++ Jaringan Komputer.Yogyakarta:
Andi.
Fathansyah. 2002. BasisData.Informatika.Bandung.
Kadir, Abdul. 1998. BasisData.Yogyakarta:Andi.
Perangin-angin, Kasiman. AplikasiWeb dengan PHP dan MySQL. Jakarta.
Yogyakarta: Andi.
Wahana Komputer. 2001. Apa &Bagaimana E-Commerce. Semarang: Andi Yogyakarta.
Sugiri;HarisSaputro.2008.Pengelolaan database MySQLdenganPhpMyAdmin.
Yogyakarta:GrahaIlmu
Sunarfri hantono,Bimo, ST. 2003. PHPdanMySQLuntukWeb.Yogyakarta: Andi.
Waljiyanto.2003.SistemBasisData: Analisisdan PemodelanData. Yogyakarta:
GrahaIlmu
KEMENTERIAN RISET TEKNOLOGI DAN PENDIDIKAN TINGGI
UNIVERSITAS SUMATERA UTARA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
PROGRAM STUDI D3 TEKNIK INFORMATIKA Jl. Bioteknologi No.1 Kampus USU Padang Bulan Medan-20155
Telp. (061) 8211050, 8214290, Fax (061) 8214290
No
KARTU BIMBINGAN TUGAS AKHIR MAHASISWA
Nama Mahasiswa : Basri Primsa Sembiring
Nomor Induk Mahasiswa : 132406102
Judul Tugas akhir : PERANCANGAN APLIKASI JUAL BELI MOBIL BEKAS BERBASIS WEBSITE DI ANDIKA JAYA MOBIL
Dosen Pembimbing : Dr. Open Darnius, M.Sc Tanggal Mulai Bimbingan :
Tanggal Selesai Bimbingan :
Tanggal Asistensi Bimbingan
Pembahasan Asistensi Pada Bab
Paraf Dosen Pembimbing
Keterangan 1
2 3 4 5 6 7
*Kartu ini harap dikembalikan ke jurusan Matematika bila bimbingan mahasiswa telah selesai
Disetujui oleh
Program Studi D3 Teknik Informatika Fakultas MIPA USU
Ketua, Pembimbing,
Dr. Elly Rosmaini, M.Si Dr. Open Darnius, M.Sc
NIP. 196005201985032002 NIP. 196410141991031004
KEMENTRIAN RISET, TEKNOLOGI DANPENDIDIKANTINGGI UNIVERSITAS SUMATERA UTARA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
PROGRAM STUDI D3 TEKNIK INFORMATIKA
Jl. Bioteknologi No. 1 Kampus USU Padang Bulan Medan-20155 Telp. (061) 8211050, 8214290, Fax (061) 8214290
PERSETUJUAN
Judul : PERANCANGAN APLIKASI JUAL BELI
MOBIL BEKAS BERBASIS WEBSITE DI ANDIKA JAYA MOBIL
Kategori : Tugas Akhir
Nama : BASRI PRIMSA SEMBIRING
Nomor Induk Mahasiswa : 132406102
Program Studi : Diploma (D3) Teknik Informatika
Departemen : Matematika
Fakultas :Matematika Dan Ilmu Pengetahuan Alam (FMIPA)
Universitas Sumatera Utara.
Diluluskan di Medan, Juni 2016
Diketahui/Disetujui oleh Ketua Prog.Studi
D3Teknik Informatika, Pembimbing,
Dr. Elly Rosmaini,M.Si.
NIP 196005 201 985 032 002 NIP 196410 141 991 031 004
Dr. Open Darnius, M.Sc
LISTING PROGRAM
Koneksi.php
<?php
$koneksi = new mysqli('localhost','root','','basri');
if($koneksi -> connect_errno) {
die('Gagal koneksi ke database['.$koneksi -> connect_error.']');
} else { }
?>
Index.php
<?php
session_start();
require "../../library/fungsi.php";
if($_SESSION["username"] == "") {
echo '
<script type="text/javascript">
document.location.href="../../panelc.php";
</script>
';
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial- scale=1.0">
<meta name="description" content="Creative - Bootstrap 3 Responsive Admin Template">
<meta name="author" content="GeeksLabs">
<meta name="keyword" content="Creative, Dashboard, Admin, Template, Theme, Bootstrap, Responsive, Retina, Minimal">
<link rel="shortcut icon" href="../assets/img/favicon.png">
<title>ADMIN | Andika Jaya Mobil</title>
<!-- Bootstrap CSS -->
<link href="../assets/css/bootstrap.min.css" rel="stylesheet">
<!-- bootstrap theme -->
<link href="../assets/css/bootstrap-theme.css" rel="stylesheet">
<!--external css-->
<!-- font icon -->
<link href="../assets/css/elegant-icons-style.css" rel="stylesheet" />
<link href="../assets/css/font-awesome.min.css" rel="stylesheet" />
<!-- full calendar css-->
<link href="../assets/fullcalendar/fullcalendar/bootstrap- fullcalendar.css" rel="stylesheet" />
<link href="../assets/fullcalendar/fullcalendar/fullcalendar.css"
rel="stylesheet" />
<!-- easy pie chart-->
<link href="../assets/jquery-easy-pie-chart/jquery.easy-pie- chart.css" rel="stylesheet" type="text/css" media="screen"/>
<!-- owl carousel -->
<link rel="stylesheet" href="../assets/css/owl.carousel.css"
type="text/css">
<link href="../assets/css/jquery-jvectormap-1.2.2.css"
rel="stylesheet">
<!-- Custom styles -->
<link rel="stylesheet" href="../assets/css/fullcalendar.css">
<link href="../assets/css/widgets.css" rel="stylesheet">
<link href="../assets/css/style.css" rel="stylesheet">
<link href="../assets/css/style-responsive.css" rel="stylesheet" />
<link href="../assets/css/xcharts.min.css" rel=" stylesheet">
<link href="../assets/css/jquery-ui-1.10.4.min.css"
rel="stylesheet">
} });
});
});
</script>
</head>
<body>
<section id="container" class="">
<header class="header dark-bg">
<div class="toggle-nav">
</div>
<a href="index.html" class="logo">Admin <span class="lite">Andika Jaya Mobil</span></a>
<?php
$query_pesan = "select * from tbl_pesan where status = 'belum'";
$conn_pesan = mysqli_query($koneksi,
$query_pesan);
echo '
<div class="top-nav notification-row">
<ul class="nav pull- right top-menu">
<li id="mail_notificatoin_bar" class="dropdown">
<a data-toggle="dropdown" class="dropdown-toggle" href="#">
<i class="icon-envelope-l"></i>
';
if(mysqli_num_rows($conn_pesan) > 0) {
$banyak = mysqli_num_rows($conn_pesan);
echo '
<span class="badge bg-important">'.$banyak.'</span>
</a>
<ul class="dropdown-menu extended inbox">
<span class="">
'.substr($data['pesan'], 0, 40).'
</span>
</a>
</li>
';
} echo '
<li>
<a href="../pesan.php">Lihat Semua Pesan</a>
</li>
';
} else {
echo '
</a>
<ul class="dropdown-menu extended inbox">
<div class="notify-arrow notify-arrow-blue"></div>
<li>
<p class="blue">Tidak ada pesan baru</p>
</li>
<li>
<a href="../pesan.php">Lihat Semua Pesan</a>
</li>
';
} echo '
</ul>
</il>
<li class="dropdown">
<a data-toggle="dropdown" class="dropdown-toggle" href="#">
<span class="username">
';
sapa_user();
echo '
</span>
<b class="caret"></b>
</a>
<ul class="dropdown-menu extended logout">
<i class="fa fa-tasks"></i>
<span>Angsuran</span>
</a>
</li>
<li class="">
<a href="../mobil/" class="">
<i class="fa fa- car"></i>
<span>Mobil</span>
</a>
</li>
</ul>
</div>
</aside>
<section id="main-content">
<section class="wrapper">
<div class="row">
<div class="col-lg-12">
<h3 class="page-header"><i class="fa fa-tasks"></i> Angsuran</h3>
<ol class="breadcrumb">
<li><i class="fa fa- home"></i><a href="../">Beranda</a></li>
<li><i class="fa fa- tasks"></i>Angsuran</li>
</ol>
</div>
</div>
<div class="row">
<div class="col-lg-9">
<section class="panel">
<header class="panel- heading">
Daftar Angsuran
</header>
<div class="panel- body">
<?php
$query
= "select * from tbl_penjualan";
$conn
= mysqli_query($koneksi, $query);
$banyak = mysqli_num_rows($conn);
if($banyak == 0)
{ echo '
<a href="#pembelian" data-toggle="modal" class="btn btn- primary">Pembelian Baru</a><br><br>
<p>Tidak Ada Data Yang Ditampilkan</p>
';
} else { echo '
<table class="table table-striped table-advance table-hover">
<thead>
<tr class="success">
<th>Status</th>
<th></th>
</tr>
</thead>
<tbody>
';
while($data = mysqli_fetch_array($conn))
{
$query_nama_mobil = "select * from tbl_mobil where kode_mobil = '".$data['kode_mobil']."'";
$conn_nama_mobil = mysqli_query($koneksi, $query_nama_mobil);
$data_nama_mobil = mysqli_fetch_array($conn_nama_mobil);
$query_angsuran = "select * from tbl_angsuran where id_penjualan = '".$data['id_penjualan']."'";
$conn_angsuran = mysqli_query($koneksi, $query_angsuran);
$banyak_angsuran = mysqli_num_rows($conn_angsuran);
if($data['status'] == 'lunas') {
$status = '
<a class="btn btn-success"
href="#'.$data['id_penjualan'].'" data-toggle="modal"><i class="fa fa- search"></i></a>
';
}
<a class="btn btn-primary" title="Lihat"
href="#'.$data['id_penjualan'].'" data-toggle="modal"><i class="fa fa- search"></i></a>
<a class="btn btn-success"
title="Konfirmasi" href="act-
angsuran.php?act=konfirmasi&&id='.$data['id_penjualan'].'"><i class="fa fa- check"></i></a>
<a class="btn btn-danger" title="Hapus"
href="act-
angsuran.php?act=hapus&&id='.$data['id_penjualan'].'&&mobil='.$data['kode_m obil'].'"><i class="fa fa-trash-o"></i></a>
';
}
echo '
<tr>
<td>'.$data['id_penjualan'].'</td>
<td>'.$data['nama_pembeli'].'</td>
<td>'.$data_nama_mobil['merk'].' '.$data_nama_mobil['jenis'].'</td>
<td><a href="#lihat'.$data['id_penjualan'].'" data- toggle="modal">'.$data['lama_angsuran'].' kali</a></td>
<td>'.ucfirst($data['status']).'</td>
<td>'.$status.'</td>
</tr>
';
echo '
<div aria-hidden="true" aria-labelledby="myModalLabel"
role="dialog" tabindex="-1" id="lihat'.$data['id_penjualan'].'" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button aria-hidden="true"
data-dismiss="modal" class="close" type="button">×</button>
<h4 class="modal- title">Detail Pembelian</h4>
</div>
<div class="modal-body"
style="background-color: white !important;">
';
$query_get_angsuran = "select * from tbl_angsuran where id_penjualan = '".$data['id_penjualan']."' order by tgl_bayar desc";
$conn_get_angsuran = mysqli_query($koneksi, $query_get_angsuran);
$no++;
<div class="form-group ">
<div class="col-lg-12">
<select class=" form-control" id="IDAngsuran"
name="IDAngsuran">
<option value="" hidden>-- PILIH ID ANGSURAN --
</option>
<?php
$query_cek_angsuran = "select * from tbl_penjualan where status = 'berjalan'";
$conn_cek_angsuran = mysqli_query($koneksi,
$query_cek_angsuran);
while($data_cek_angsuran = mysqli_fetch_array($conn_cek_angsuran))
{
$query_nama_mobil = "select * from tbl_mobil where kode_mobil = '".$data_cek_angsuran['kode_mobil']."'";
$conn_nama_mobil = mysqli_query($koneksi, $query_nama_mobil);
$data_nama_mobil = mysqli_fetch_array($conn_nama_mobil);
echo '
<option value="'.$data_cek_angsuran['id_penjualan'].'-
'.$data_cek_angsuran['lama_angsuran'].'">'.$data_cek_angsuran['id_penjualan'].'- '.$data_cek_angsuran['nama_pembeli'].'-'.$data_nama_mobil['merk'].'
'.$data_nama_mobil['jenis'].'</option>
';
}
?>
</select>
</div>
</div>
<div class="form-group">
<div class="col-lg-12">
<input class="btn btn-primary" name="tombolAngsuran"
type="submit" value="Simpan" />
</div>
</div>
</form>
</div>
</div>
</section>
</div>
</div>
</section>
</section>
</section>
<div aria-hidden="true" aria-labelledby="myModalLabel"
role="dialog" tabindex="-1" id="pembelian" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button aria-hidden="true" data- dismiss="modal" class="close" type="button">×</button>
<h4 class="modal-title">Pembelian Baru</h4>
</div>
<div class="modal-body">
<form role="form" action="act- angsuran.php" method="post">
<div class="form-group">
<label for="mobil">Mobil</label>
<select name="mobil"
class="form-control" id="mobil">
<option value="" hidden>== Pilih Mobil ==</option>
<?php
$query_mobil = "select * from tbl_mobil where status = 'dijual'";
$conn_mobil = mysqli_query($koneksi, $query_mobil);
while($data_mobil = mysqli_fetch_array($conn_mobil))
{ echo '
<option
value="'.$data_mobil['kode_mobil'].'">'.$data_mobil['merk'].' | '.$data_mobil['jenis'].' | '.$data_mobil['no_plat'].'</option>
';
}
?>
</select>
</body>
</html>
Daftar-mobil.php
<?php
include "library/fungsi.php";
?>
<!DOCTYPE html>
<html>
<head>
<title>Andika Jaya Mobil</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css"
media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-1.11.0.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css"
media="all" />
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial- scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf- 8" />
<meta name="keywords" content="Free Style Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){
window.scrollTo(0,1); } </script>
<!--fonts-->
<link
href='http://fonts.googleapis.com/css?family=Alegreya+Sans+SC:100,300,400,50 0,700,800,900,100italic,300italic,400italic,500italic,700italic,800italic,900italic' rel='stylesheet' type='text/css'>
<link
href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic, 300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<!--//fonts-->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<script src="js/simpleCart.min.js"></script>
<link href="css/memenu.css" rel="stylesheet" type="text/css"
media="all" />
<script type="text/javascript" src="js/memenu.js"></script>
<script>$(document).ready(function(){$(".memenu").memenu();});</scrip t>
</head>
<body>
<div class="top-header">
<div class="container">
<div class="top-header-main">
<div class="col-md-4 top-header-left">
</div>
<div class="col-md-4 top-header-middle">
<a href="index.html"><img src="images/logo-4.png" alt="" /></a>
</div>
<div class="col-md-4 top-header-right">
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="header-bottom">
<div class="container">
<div class="top-nav">
<ul class="memenu skyblue">
<li class="">
<a href="index.php">Beranda</a>
</li>
<li class="active">
<a href="daftar- mobil.php">Daftar Mobil</a>
</li>
<li class="">
<a href="cek- angsuran.php">Cek Angsuran</a>
</li>
<li class="">
<a href="kontak.php">Hubungi Kami</a>
</li>
</ul>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="breadcrumbs">
<div class="container">
<div class="breadcrumbs-main">
<ol class="breadcrumb">
<li>Daftar Mobil</li>
</ol>
</div>
</div>
</div>
<div class="product">
<div class="container">
<div class="product-main">
<div class="col-md-12 p-left">
<?php
$query_mobil = "select * from tbl_mobil where status = 'dijual'";
$conn_mobil = mysqli_query($koneksi, $query_mobil);
$no = 1;
while($data_mobil = mysqli_fetch_array($conn_mobil))
{
if($no % 3 == 1) {
echo '
<div class="product-one">
';
} echo '
<div class="col-md-4 product-left single-left">
<div class="p-one simpleCart_shelfItem">
<a href="detail-mobil.php?mobil='.$data_mobil['kode_mobil'].'">
<img style="height:220px !important;"
src="images/car/'.$data_mobil['foto'].'" alt="'.$data_mobil['merk'].' '.$data_mobil['jenis'].'" />
<div class="mask mask1">
<span>Lihat</span>
</div>
</a>
<h4>'.$data_mobil['merk'].' '.$data_mobil['jenis'].'</h4>
<p><span class=" item_price">'.$data_mobil['tahun'].'</span></p>
</div>
</div>
';
if($no % 3 == 0) {
echo '
<div class="clearfix"></div>
</div>
';
}
$no++;
}
?>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="footer-text">
<div class="container">
<div class="footer-main">
<p class="footer-class">© 2016 Andika Jaya Mobil
</p>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
/*
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id scrollSpeed: 1200,
easingType: 'linear'
};
*/
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<a href="#home" id="toTop" class="scroll" style="display:
block;"><span id="toTopHover" style="opacity: 1;"></span></a>
</div>
<!--end-footer-text-->
</body>
</html>
Cek-angsuran.php
<?php
include "library/koneksi.php";
?>
<!DOCTYPE html>
<html>
<head>
<title>Andika Jaya Mobil</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css"
media="all" />
<script src="js/jquery-1.11.0.min.js"></script>
<link href="css/style.css" rel="stylesheet" type="text/css"
media="all" />
<meta name="viewport" content="width=device-width, initial- scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf- 8" />