PENJUALAN ONLINE BAJU BEKAS DI PASAR MELATI DENGAN WEB E-COMMERCE
TUGAS AKHIR
ARDIAN TARUS TARIGAN 152406014
PROGRAM STUDI D3 TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA
MEDAN
2019
PERNYATAAN
PENJUALAN ONLINE BAJU BEKAS DI SIMPANG MELATI DENGAN WEB E-COMMERCE
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri. Kecuali beberapa kutipan dan ringkasan yang masing-masing disebut sumbernya.
Medan, Januari 2019
ARDIAN TARUS TARIGAN 152406014
PENGHARGAAN
Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pengasih dan Maha Penyayang, dengan limpah karunia-Nya Saya dapat menyelesaikan penyusunan tugas akhir ini dengan judul Penjualan Online Baju Bekas Di Pasar Melati Dengan Web E-Commerce.
Tugas Akhir yang dibuat ini merupakan karya tulis yang sederhana dan merupakan salah satu syarat untuk menyelesaikan pendidikan Diploma 3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
Dengan Selesainya Tugas Akhir ini saya mengucapkan terima kasih kepada:
1. BapakDrs. Rosman Siregar, M.Siselaku Dosen Pembimbing yang telah membantu dan membimbing saya dalam menyelesaikan laporan ini.
2. Bapak Dr. Kerista Sebayang, M.S selaku Dekan FMIPA USU.
3. Ibu Dra. Normalina Napitupulu, M.Sc selaku Ketua Program Studi Teknik Informatika D3 FMIPA USU.
4. Seluruh Staf Pengajar dan Staf Pelaksana FMIPA USU.
5. Secara khusus dan istimewa saya ucapkan terima kasih kepada kedua orangtua saya, Ayahanda Drs. Sabri Tarigan, M.Si dan Ibunda Rehulian Lusia Barus, Baatas segala pengorbanan, bimbingan, dukungan moral dan material selama ini serta saudara - saudara kandung sayayang selalu mendoakan, memberikan kasih sayang dan motivasinya.
6. Kepada teman saya Jefry Cornelius Barus, yang membantu dan menemani saya selama perkuliahan berlangsung, sertaTeman Sejawatyang memberi dukungan dalam penyusunan Tugas Akhir ini.
Saya menyadari bahwa Tugas Akhir ini masih jauh dari kata sempurna, baik dalam penulisan maupun tata bahasanya. Oleh karena itu, saya 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 saya khususnya, serta dapat memotivasi kita untuk meningkatkan ilmu pengetahuan sebagai bekal di masa yang akan datang.
Medan, Januari 2019 Penulis
Ardian Tarus Tarigan
PENJUALAN ONLINE BAJU BEKAS DI PASAR MELATI DENGAN WEB E-COMMERCE
ABSTRAK
E-Commerce merupakan suatu kontak transaksi perdagangan antara penjual dan pembeli dengan menggunakan media internet. Keuntungan yang diperoleh dengan menggunakan transaksi melalui e-commerce adalah untuk meningkatkan pendapatan dengan menggunakan penjualan online yang biayanya lebih murah dan juga sekaligus biaya-biaya operasional seperti kertas, pencetakan katalog.
Adapun sistem e-commerce yang digunakan adalah dengan woocommerce, woocommerce adalah plugin wordpress yang bisa mengubah wordpress menjadi sebuah toko online.
Pada tugas akhir ini akan dibahas tentang sistem informasi penjualan berbasis web atau e-commerce yaitu bagaimana proses penawaran produk, informasi produk serta proses pemesanan produk yang diinginkan oleh konsumen.
Kata kunci :E-Commerce, WooCommerce, Sistem Informasi
SELLING USED CLOTHES ONLINE SALES IN MELATI MARKET WITH E-COMMERCE WEB
ABSTRAK
E-Commerce is a contact of trade transactions between sellers and buyers using internet media. The advantage gained by using transactions through e-commerce is to increase revenue by using online sales which are cheaper and at the same time operational costs such as paper, catalog printing.
The e-commerce system used is woocommerce, woocommerce is a wordpress plugin that can turn wordpress into an online store.
In this final project, we will discuss about web-based or e-commerce sales information systems, namely how to process product offerings, product information and ordering products that consumers want.
Kata kunci :E-Commerce, WooCommerce, Sistem Informasi.
DAFTAR ISI
... Halaman
Persetujuan ... i
Pernyataan ... ii
Penghargaan ... iii
Abstrak ... iiiiiiiv
Abstract ... vi
Daftar Isi ... vii
Daftar Tabel ... iiix
Daftar Gambar ... x
Bab 1.Pendahuluan ... 1.1. Latar Belakang ... 1
1.2. Identifikasi Masalah ... 3
1.3. Batasan Masalah ... 3
1.4. Maksud dan Tujuan Penelitian ... 4
1.5. Metodologi Penelitian... 5
1.6. Sistematika Penulisan ... 6
Bab 2. Tinjauan Pustaka ... 2.1. Pengertian E-Commerce ... 8
2.2. World Wide Web (WWW) 9
2.2.1. Sejarah World Wide Web 9
2.2.2. Cara Kerja WWW 10
2.2.3. Browser Web 11
2.2.4. Server Web 12
2.2.5. Hypertext Transfer Protokol (HTTP) 12
2.2.6. Universal Resource Locator (URL) 13
2.2.7. Homepage 13
2.3. Hyper Text Markup Language (HTML) 13
2.4. Pemrograman pada Web 14
2.5. Bahasa Pemrograman PHP 16
2.5.1. Sekilas Mengenai PHP 16
2.5.2. Konsep Pemrograman PHP 17
2.5.3. Perintah Dasar Dalam PHP 17
2.6. Server Basisdata MYSQL 18
2.6.1. Sekilas Mengenai MYSQL 18
2.6.2. Perintah Dasar MYSQL 19
2.6.3. Konektifitas PHP dan MYSQL 20
Bab 3. Perancangan Sistem 3.1. Perancangan Sistem 22
3.2. Perancangan Database 22
3.2.2. Field Table 24
3.3. Flowchart 26
3.3.1. Simbol-simbol DFD dan Flowchart 28
3.4. Algoritma Program 30
3.4.1. Algoritma Home 31
3.4.2. Algoritma Pemesanan Produk 31
3.4.3. Algoritma Member 33
3.4.4. Algoritma Search 33
3.5.5. Algoritma Admin 34
3.5.6. Algoritma Tambah Produk 34
Bab 4. Implementasi Sistem 4.1. Pengertian Implementasi Sistem 35
4.2. Tujuan Implementasi 35
4.3. Komponen Dalam Implementasi Sistem 36
4.3.1. Hardware 36
4.3.2. Software 37
4.3.3. Brainware 37
4.4. Uji Program 37
Bab 5. Kesimpulan dan Saran 5.1. Kesimpulan 43
5.2. Saran 44
DAFTAR PUSTAKA 45
LAMPIRAN 46
DAFTAR TABEL
Nomor Judul... Halaman
3.1. Tabel dalam Database ... 23 3.2. Field Tabel dalam Database ... 24 3.3. Simbol-simbol DFD dan Flowchart ... 28
DAFTAR GAMBAR
Nomor Judul Halaman
3.1. Flowchart... 27
3.2. Data Flow Diagram level 1 ... 24
3.3. Data Flow Diagram level 2 25
4.1. Halaman Utama/index 38
4.2. Halaman Shop 38
4.3. Halaman Confirmation payment 39
4.4. Halaman Login Member 39
4.5. Halaman Registrasi Member 40
4.6. Halaman Login Admin 40
4.7. Halaman Utama Admin 41
4.8. Halaman Tambah Produk 41
4.9. Halaman Order Admin 42
4.10. Halaman Konfirmasi Admin 42
BAB 1
PENDAHULUAN
1.1. Latar Belakang Masalah
Perkembangan teknologi dibidang informasi mendorong setiap instansi atau perusahaan untuk tetap mengikuti perkembangannya, 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 sistem pelayanan bisnis secara online.
Berkaitan dengan tugas akhir ini penelitian difokuskan pada masalah pemanfaatan tujuan teknologi informasi yang dapat memberi dukungan aktif kelancaran usaha penjualan barang khusus nya baju bekas secara online yang diberi judul “ Penjualan Online Baju Bekas Di Pasar Melati Dengan Web E- Commerce
dengan menggunakan bahasa pemrograman web PHP, dan basis data MySQL.
E-commerce merupakan suatu tindaka melakukan penjualan online secara elektronik dengan menggunakan internet sebagai media komunikasi yang paling utama Perkembangan teknologi dibidang informasi mendorong setiap instansi atau perusahaan untuk tetap mengikuti perkembangannya, 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 sistem pelayanan bisnis secara online. E-Commerce adalah sebuah sistem jual beli yang bersifat on- line, dimana seorang pembeli tidak perlu selalu datang ke suatu toko ataupun perusahaan untuk membeli suatu barang.Saat ini e-commerce merupakan salah satu alternatif pilihan untuk sebuah perusahaan yang khususnya bergerak di bidang wiraswasta sebagai media informasi yang memudahkan adanya interaksi antara penjual dan pembeli tanpa dibatasi ruang dan waktu.Dengan didukung oleh perkembangan teknologi informasi yang semakin canggih dan mudah didapat, perkembangan ecommerce pun semakin bertambah dan semakin diminati banyak perusahaan
Berkaitan dengan tugas akhir ini penelitian difokuskan pada masalah pemanfaatan tujuan teknologi informasi yang dapat memberi dukungan aktif kelancaran usaha penjualan barang khusus nya baju bekas secara online yangdiberi judul “Penjualan Online Baju Bekas Di Pasar Melati Dengan Web E- Commerce
dengan menggunakan bahasa pemrograman web PHP, dan basis data MySQL.
E-commerce merupakan suatu tindaka melakukan penjualan online secara elektronik dengan menggunakan internet sebagai media komunikasi yang paling utama.
1.2. Identifikasi Masalah
Website e-commerce penjualan Baju Bekas dapat membantu pelanggan dalam memperoleh informasi tentang Baju Bekas yang diinginkan, baik mengenai harga, jenis, gambar dan ukuran. Toko-tokoBaju Bekas juga akan dapat memperoleh pelanggan dan keuntungan yang semakin banyak karena dengan web e-commerce ini pelanggan dapat melakukan pemesanan terhadap baju- baju bekas tersebut walaupun tempat penjualannya sangat jauh.
1.3. Batasan Masalah
Mengingat begitu luasnya permasalahan yang timbul dalam penulisan tugas akhir ini, maka penulis membatasi masalah yang akan dibahas, yaitu:
1. Membuat halaman administrator friendly.
2. E-commerce atau website ini menyediakan data kategori, data barang dan data pesanan.
3. Penulis hanya membatasi sampai pada tahap pemesanan dan pembayaran dilakukan dengan cara transfer melalui rekening konsumen ke rekening penjual.
4. Proses transfer berada diluar e-commerce atau berada diluar sistem website.
5. Pengiriman barang dilakukan menggunakan jasa pengiriman barang.
6. E-commerce atau website ini mempermudah pengunjung yang ingin memesan barang tanpa harus registrasi diri.
1.4 Maksud dan Tujuan Penelitian
Dari hasil penelitian dari permasalahan , maka maksud dari penulisan tugas akhir ini adalah untuk membuat website e-commerce penjualan Baju Bekas secara online
Tujuan yang ingin dicapai dari tugas akhir ini adalah :
1. Membuat website e-commerce dengan tampilan desain yang menarik.
2. Membuat website e-commerce yang friendly dan memudahkan user dalam pemakaiannya
3. Membuat website e-commerce dengan halaman administrator yang lengkap dan memudahkan administrator dalam mengelola konten website.
4. Memberikan kemudahan terhadap konsumen dalam mengakses informasi barang dan harga secara detail.
5. Memperluas jangkauan pemasaran barang atau baju-baju bekas sehingga dapat menjangkau lebih banyak pelanggan.
6. Mengembangkan Pengetahuan Teknologi Informasi Global
7. Membuat laporan Tugas Akhir dalam rangka menyelesaikan kuliah program sarjana.
1.5 Metodologi Penelitian
Metode perancangan sistem yang digunakan oleh penulis antara lain :
1. Pengumpulan Data
Penulis melakukan pengumpulan data dengan mengumpulkan buku-buku yang berhubungan dengan masalah dan browsing di internet.
2. Penelitian Kepustakaan
Penulis menggunakan buku-buku yang berhubugan dengan masalah yang ada.
3. Perancangan
Perancangan dilakukan secara bertahap dan membuat aplikasi secara bertahap:
a. Analisis Sistem yaitu tahap untuk mengidentifikasi masalah.
b. Desain yaitu membuat tampilan aplikasi semenarik mungkin.
c. Coding yaitu membuat kode terhadap program.
d. Debugging yaitu tahap pencarian kesalahan dalam program.
e. Compiling yaitu membuat program menjadi executable.
f. Membuat petunjuk untuk mengoperasikan aplikasi.
4. Uji coba dan Perbaikan
Proses uji coba dilakukan penulis sebelum aplikasi dipergunakan sehingga penulis dapat langsung melakukan perbaikan apabila ditemukan kesalahan pada aplikasi ini.
5. Membuat Laporan Tugas Akhir
Membuat laporan tugas akhir sebagai laporan ke jurusan.
1.6 Sistematika Penulisan
Pada dasarnya, penyusunan sistematika penulisan bertujuan untuk memudahkan para pembaca dalam mengikuti apa yang dipaparkan dalam laporan tugas akhir ini. Sistematika penulisan tugas akhir ini disusun sebagai berikut : BAB I PENDAHULUAN
Dalam bab ini, berisikan gambaran umum penelitian yang dilakukan meliputi latar belakang masalah, identifikasi masalah, tujuan penelitian, batasan masalah, waktu dan tempat penelitian, metodologi penelitian, dan sistematika penulisan yang merupakan panduan dalam penyusunan landasan teori.
BAB II TINJAUAN PUSTAKA
Bab ini menjelaskan tentang teori-teori yang berkaitan dengan isi laporan tugas akhir dan aplikasi web yang dibuat, diantaranya World Wide Web, HTML, Pemrograman dilingkungan web, konsep aplikasi web yang interaktif, bahasa web scripting PHP dan database server MySQL .
BAB III PERANCANGAN SISTEM
Dalam bab ini berisikan rancangan prosedural, Bagan Alir Dokumen baru, Rancangan dokumen masukan maupun keluaran yang baru serta rancangan kodefikasi. Rancangan terperinci yang mencakup diagram konteks dan data flow diagram (DFD), analisis database yang mencakup entity relationship diagram, perancangan struktur program, perancangan struktur file, perancangan struktur menu, perancangan antar muka yang mencakup masukan dan keluaran.
BAB IV IMPLEMENTASI SISTEM
Berisikan kaitan antara rancangan system yang dibuat dengan program yang telah dibuat. Dalam implementasi diuraikan tentang pemilihan bahasa pemrograman yang digunakan, perangkat keras yang diperlukan, pemrograman dan pengetesan program, konversi sistem, pemilihan personil, evaluasi sistem dan pemeliharaan sistem.
BAB V KESIMPULAN DAN SARAN
Berisikan tentang kesimpulan dari seluruh pembahasan yang telah dikerjakan dari bab I sampai dengan bab v serta saran–saran yang mengacu pada rancangan yang telah diusulkan, untuk dikembangkan.
BAB 2
TINJAUAN PUSTAKA
2.1 Pengertian E – Commerce
Saat ini belum diketemukan definisi pasti dari e-commerce yang sudah distandarkan dan di sepakati bersama, namun secara umum dapat di artikan mengenai e-commerce, diantaranya
1. E-comemerce merupakan suatu set dinamis teknologi, aplikasi, dan proses bisnis yang menghubungkan perusahaan, konsumen, dan komunitas tertentu melalui transaksi elektronik dan perdagangan barang, pelayanan, dan informasi yang dilakukan secara elektronik ( David Baum, 1999) 2. perdagangan elektronik adalah suatu proses perdagangan (penjualan dan
pembelian) maupun jasa pelayanan yang dilakukan oleh 2 pihak melalui media elektronik seperti melalui fax, telepon, email, dan internet.
3. E-commerce juga dapat berarti pemasangan iklan, penjualan, dukungan dan pelayanan terbaik menggunakan web selama 24 jam dalam sehari bagi seluruh pelanggannya.
4. E-commerce merupakan salah satu keunggulan dari internet, kehadiran internet yang masih merupakan industri baru yang masih dalam fase pertumbuhan yang memperkokoh keyakinan akan pentingnya peranan teknologi dalam pencapaian tujuan finansial perusahaan melalui modifikasi dan efisiensi proses bisnis yaitu dengan memanfaatkan e- commerce.
5. kemampuan internet untuk menjangkau pelanggan baru dan penghematan biaya yang cukup signifikan untuk distribusi dan pelayanan pelanggan merupakan keuntungan yang bisa didapatkan perusahaan dengan memindahkan roda nilai commerce ke media internet.
Keuntungan yang bisa diambil dengan adanya E-commerce :
1. Revenue Stream (aliran pendapatan) baru yang mungkin lebih menjanjikan yang tidak bisa ditemui dalam transaksi tradisional.
2. Dapat meningkatkan market exposure (pangsa pasar).
3. menurunkan biaya operasional.
4. melebarkan jangkauan pemasaran produk.
5. meningkatkan supplier manager.
6. meningkatkan value chain (mata rantai pendapatan).
2.2 World Wide Web
World Wide Web (WWW), yang lebih dikenal dengan istilah web, merupakan salah satu layanan yang didapat oleh pemakai komputer yang terhubung dengan internet. Dengan menggunakan teknologi hypertext, pemakai web dituntun untuk menemukan informasi dengan mengikuti link-link yang disediakan dalam dokumen web yang ditampilkan dalam browser web.
2.2.1. Sejarah World Wide Web
Tahun 1993, Tim Banners-Lee dan peneliti lain di European Particle Physics Lab (Consei Europeen pour la Recherche Nucleare, atau CERN) di Geneva, Swiss,
mengembangkan suatu cara untuk men-share data antar koleganya menggunakan sesuatu yang disebut dengan hypertext. Pemakai di CERN dapat menampilkan dokumen pada layar komputer dengan menggunakan software browser baru.
Kode-kode disisipkan kedalam dokumen elektronik ini, memungkinkan pemakai untuk meloncat dari suatu dokumen ke dokumen lainnya pada layar dengan hanya memilih sebuah hyperlink.
Kemampuan internet dimasukkan kedalam browser ini sehingga dapat loncat dari suatu dokumen ke dokumen lainnya, tidak lagi dari suatu komputer saja, tetapi dapat meloncat ke dokumen lain yang letaknya pada komputer remote.
Seorang peneliti dapat juga mengirimkan sebuah file dari komputer remote ke sistem lokalnya, atau log in kedalam suatu sistem remote hanya dengan mengklik hyperlink, tidak perlu melalui mekanisme FTP atau telnet. Jalan pintas CERN digunakan sebagai dasar dari yang disebut sekarang dengan World Wide Web dan berikut server dan browser webnya (sekarang di maintenance oleh World Wide Web Consortium disingkat W3C). W3C ini bertugas untuk membangun standar bagi teknologi web.
Pada awal perkembangannya, sewaktu browser masih berbasiskan teks hanya terdapat sekitar 50 website. Di akhir tahun 1995 jumlah ini telah berkembang mencapai sekitar 280.000 website. Dan diperkirakan sekarang ini, jumlah pemakai web telah mencapai sekitar 30 juta pemakai seluruh dunia.
2.2.2 Cara Kerja WWW
Didalam merancang web terlebih dahulu harus mengetahui cara kerja web.
Bekerja pada web mencakup dua hal yang penting yaitu :software web browser
dan software web server. Kedua software ini bekerja seperti client-server.Web browser yang bertindak sebagai client memungkinkan untuk menginterpretasikan dan melihat informasi pada web, sedangakan web server yang bertindak sebagai server memungkinkan anda untuk menerima informasi yang diminta oleh browser. Jika suatu permintaan akan informasi datang, web server akan mencari file yang diminta tersebut dan kemudian mengirimkan ke browser yang memintanya.
Tentu saja cara kerja web tidak sesederhana ini, ada banyak hal yang perlu diketahui untuk mengenal cara kerja web. Adapun cara kerja web secara singkat adalah sebagai berikut :
a. Informasi web disimpan dalam dokumen yang disebut dengan halaman-halaman web (web pages).
b. Web page adalah file-file yang disimpan dalam komputer yang disebut dengan server-server web (web servers).
c. Komputer-komputer membaca web page disebut sebagai web client.
d. Web client menampilkan page dengan menggunakan program yang disebut dengan browser web (web browser).
e. Browser web yang populer adalah Internet Explorer dan Netscape Navigator.
2.2.2. Browser Web
Browser web adalah software yang digunakan untuk menampilkan informasi dari server web. Software ini kini telah dikembangkan dengan menggunakan user
interface grafis, sehingga pemakai dapat dengan mudah melakukan ‘point’ dan
‘click’ untuk pindah antar dokumen.
Lynx adalah browser web yang masih menggunakan mode teks, yang akibatnya adalah tidak ada gambar yang dapat ditampilkan. Lynx ini ada pada lingkungan DOS dan *nix (keluarga sistem operasi Unix). Namun perkembangan dari browser mode teks ini tidaklah secepat browser web dengan GUI.
Dapat dikatakan saat ini hanya ada 2 browser web GUI yang populer yaitu:
Internet Explorer dan Netscape Navigator. Kedua browser ini bersaing untuk merebut pemakainya, dengan berusaha mendekati standar spesifikasi dokumen HTML yang direkomendasikan oleh W3C.
2.2.4 Server Web
Server web adalah komputer yang digunakan untuk menyimpan dokumen- dokumen web, komputer ini akan melayani permintaan dokumen web dari kliennya.
Browser web seperti Explorer dan Navigator berkomunikasi melalui jaringan (termasuk jaringan internet) dengan server web, menggunakan HTTP. Browser akan mengirimkan request kepada server untuk meminta dokumen tertentu atau layanan lain yang disediakan oleh server. Server memberikan dokumen atau layanannya jika tersedia juga dengan menggunakan protokol HTTP.
2.2.5 Hypertext Transfer Protokol (HTTP)
HTTP adalah suatu protokol yang menentukan aturan yang perlu diikuti oleh web browser dalam meminta atau mengambil suatu dokumen, dan oleh web server dalam menyediakan dokumen yang diminta web browser.
Protokol ini merupakan protokol standar yang digunakan untuk mengakses dokumen HTML. Sebagai contoh jika kita sedang menjelajahi web dan melihat tulisan seperti “http://www.unpad.ac.id”, ini merupakan salah satu penggunaan protokol HTTP dalam web. Dan dapat dipastikan bahwa kita akan berhubungan banyak dengan protokol ini jika sedang mengakses web.
2.2.3.Universal Resource Locator (URL)
URL adalah suatu sarana yang digunakan untuk menentukan informasi pada suatu web server. URL dapat diibaratkan sebagai suatu alamat, dimana alamat tersebut terdiri dari :
a. Protokol yang digunakan oleh suatu browser untuk mengambil informasi b. Nama dari komputer dimana informasi tersebut berada, dan
c. Jalur path serta nama file dari suatu informasi
2.2.4. Homepage
Home Page adalah page pembuka yang akan pertama ditemui sebelum mengakses informasi lainnya pada suatu website.Home page ini adalah halaman pertama dari suatu website yang biasanya berisi tentang apa dari perusahaan atau organisasi mana pemilik website tersebut.
Dari home page ini, informasi lainnya hanya dapat ditemui pada page-page berikutnya yang tersimpan, yang telah di link untuk menghubungkan suatu informasi ke informasi lainnya, baik itu di dalam suatu web page yang sama ataupun dalam web page lain pada website yang berbeda.
2.3 Hyper Text Markup Language
HTML (Hypertext Markup Language) adalah suatu bahasa yang digunakan untuk menulis halaman web. HTML dirancang untuk digunakan tanpa tergantung pada suatu platformtertentu (platform independent). Dokumen HTML adalah suatu dokumen teks biasa, dan disebut sebagai markup language karena mengandung tanda-tanda (tag) tertentu yang digunakan untuk menentukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen. Pada dokumen HTML yang termasuk sistem hypertext, kita tidak harus membaca dokumen tersebut secara urut dari atas ke bawah atau sebaliknya, tetapi kita dapat menuju pada topik tertentu secara langsung dengan menggunakan teks penghubung yang akan membawa anda ke suatu topik atau dokumen lain secara langsung.
HTML merupakan pengembangan dari standar pemformatan dokumen teks yaitu SGML (Standar Generalized Markup Language). Sejak awal perkembangannya sampai sekarang ini telah tersedia bermacam-macam level (versi) HTML, ada HTML level 1.0, HTML 2.0, HTML 3.0 dan HTMl 4.0.
2.4 Pemrograman pada Web
Sebuah halaman web yang menggunakan HTML saja, hanya mampu menampilkan beberapa gambar dan teks yang statis. Sedangkan data didalamnya tidak dapat berubah-ubah secara dinamis. Disis lain kita memerlukan halaman web yang aktif dan dapat mengakses database. Sebuah halaman web yang aktif akan selalu berubah-ubah tergantung dari isi database ataupun keadaan yang kita buat dalam aplikasi web tersebut.
Sehubungan dengan hal tersebut maka diciptakanlah teknologi pemrograman web untuk memungkinkan para pembuat web dapat membuat halaman web yang dinamis. Pada dasarnya pemrograman web ada dua yaitu, Client Side Programming (Pemrograman dari sisi Client) dan Server Side Programming (Pemrograman dari sisi Server). Yang dimaksud Client Side Programming adalah bahwa proses pengerjaan program yang kita buat terjadi di client. Dalam hal ini client adalah komputer yang meminta layanan http. Komputer yang meminta layanan http akan menjalankan browser internet seperti Internet Explorer dari Microsoft atau Netscape Navigtor dari Netscape. Beberapa program clientside yang sering dipakai diantaranya Active Control, Java Applets, JavaScript, Vbscript dan DBHTML. Sedangkan yang dimaksud dengan Server Side Programming adalah bahwa proses pengerjaan program yang dibuat berlangsung di server. Dengan kata lain jika kita menggunakan sebuah browser untuk memanggil sebuah file, maka browser tesebut akan mengirimkan permintaan ke webserver. Kemudian server tersebut mengeksekusi setiap skrip yang ada dan hasilnya dikirimkan kembali ke browser untuk kemudian diterima oleh client.
Program server side yang ada diantaranya Hypertext Preprocessor (PHP), Active
Server Page (ASP), Java Servlets, Java Server Page (JSP), dan masih banyak lagi.
Berikut beberapa keunggulan penggunaan Server Side Programming dibandingkan dengan Client Side Programming :
1. Meminimalisasi network traffic dengan membatasi kebutuhan browser dan server untuk talk back diantara keduanya.
2. Masalah kompabilitas browser dapat dihindari.
3. Memungkinkan kita memberikan data yang tidak ada pada sisi client.
4. Lebih aman, karena program dieksekusi di server sehingga kode program tidak dapat dilihat dari browser.
Namun bukan berarti teknologi Client side tidak layak digunakan, karena teknologi client side juga memiliki keunggulan. Diantaranya waktu yang dibutuhkan untuk memproses skrip lebih singkat dibandingkan dengan pemrograman server side, karena skrip diproses langsung di browser.
2.5 Bahasa Pemrograman PHP
PHP adalah bahasa scripting sisi server (server side) yang dapat disisipkan di HTML (embedded). Dukungan koneksinya hampir kesemua program database seperti MySQL, PostgreSQL, mSQL, dan masih banyak lagi. Proses PHP dilakukan di server sehingga tingkat keamanannya sangat tinggi.
2.5.1 Sekilas Mengenai PHP
PHP merupakan script untuk pemrograman web server side, yang membuat dokumen HTML secara on the fly. Maksudnya dokumen HTML yang dihasilkan dari suatu aplikasi, bukan dokumen HTML yang dibuat menggunakan editor teks atau editor HTML. Dengan menggunakan PHP maka maintance suatu situs web menjadi lebih mudah. Proses update data dapat dilakukan dengan menggunakan aplikasi yang dibuat dengan mengguanakan script PHP.
PHP/FI merupakan nama awal dari PHP. PHP adalah Personal Home Page, sedangkan FI adalah Form Interface. Dibuat pertama kali oleh Rasmus Lerdoff.
PHP awalnya merupakan program CGI yang dikhususkan untuk menerima input melalui form yang ditampilkan dalam browser web. PHP secara resmi merupakan kependekan dari Hypertext Preprocessor. PHP merupakan bahasa script server side yang disisipkan pada HTML.
2.5.2 Konsep Pemrograman PHP
Untuk memahami bagaimana sebuah halaman PHP diperlakukan oleh web server, kita perlu mengetahui proses atau presedur yang terjadi. Ketika ada sebuah request ke sebuah halaman PHP, maka server melakukan hal-hal berikut :
1. Membaca request dari browser tersebut.
2. Mencari halaman yang diminta.
3. Melakukan perintah yang ada dihalaman PHP yang diminta.
4. Mengirim hasil eksekusi kepada browser.
Kode PHP disimpan sebagai sebuah file plaint text dalam format ASCII. Hal ini memungkinkan kita dapat menulis kode/program PHP hampir disemua teks editorseperti :Notepad, Homesite dan Dreamweaver.
Sebuah file .html biasa akan dilewatkan oleh web server. Web server tidak akan memproses isinya dan akan langsung dikirim kembali ke browser karena adalah tugas browser untuk memproses file .html.
Sedangkan sebuah file .php akan diperlakukan berbeda. Pertama kali server menjalankan sebuah file akan diasumsikan bahwa isi file tersebut hanya berisi HTML, CSS, javascript dan teks sederhana. Isi file tersebut dapat langsung dilewatkan ke browser tanpa harus diterjemahkan dahulu oleh server. Web server baru akan masuk ke “PHP mode” ketika server menemukan tag php.
2.5.3 Perintah Dasar Dalam PHP
PHP adalah bahasa yang HTML-embedded. Artinya perintah-perintah dalam PHP dapat menyatu dengan tag-tag HTML dalam sebuah file. Sebuah program PHP tidak lebih adalah file HTML yang didalamnya terdapat perintah-perintah tertentu.
Karena PHP adalah bahasa HTML yang embedded maka harus ada sebuah cara untuk memisahkan bagian mana dari file tersebut yang merupakan bahasa PHP dan HTML
1. <? echo (“Script PHP”); ?>
2. <? Php echo (“script PHP);?>
3. < script language=”php”>….</script>
Untuk menuliskan komentar digunakan “/*” dan ditutup dengan “*/” atau meletakkan tanda “#” pada awal baris. Hal yang paling penting dalam memberikan perintah PHP adalah setiap perintah PHP harus selalu diakhiri
dengan tanda titik koma “;”. Dokumen yang mengandung perintah PHP harus disimpan dalam ekstensi .php atau .phtml ataupun .php3.
2.6 Server Basisdata MySQL
MySQL server adalah server database yang kecil, ringan dan mudah digunakan.
Sangat ideal untuk aplikasi kecil dan menengah. MySQL tersedia di berbagai sistem operasi seperti Unix dan Windows. MySQL adalah software yang gratis dibawah lisensi GNU Public License.
2.6.1 Sekilas Mengenai MySQL
MySQL termasuk jenis RDBMS (Relational Database Management System).
Sehingga istilah seperti table, baris dan kolom tetap digunakan dalam MySQL.
Pada MySQL sebuah database mengandung beberapa tabel,tabel terdiri dari sejumlah baris dan kolom.
Dalam konteks bahasa SQL, pada umumnya informasi tersimpan dalam tabel- tabel yang secara logik merupakan struktur dua dimensi. Tabel-tabel itu terdiri atas baris-baris data (row atau record) yang berada dalam satu atau lebih kolom (column). Baris pada tabel sering disebut sebagai instance dari kata sedangkan kolom sering disebut sebagai attributes atau field.
Alasan digunakannya MySQL sebagai database serveradalah : 1. Mendukung standar yang telah ada.
2. Didukung oleh berbagai bahasa pemrograman.
3. Mampu membuat tabel berukuran besar.
4. Kecepatan, kehandalan dan kemudahan dalam penggunaanya.
2.6.2 Perintah Dasar MySQL
Sintaks dalam bahasa MySQL hampir sama dengan Structured Query Language (SQL). SQL adalah bahasa pemrograman standar untuk mengakses dan memanipulasi informasi dari sebuah basis data relasional.
Statement-statement yang ada dalam MySQL diantaranya : 1. CREATE
Perintah untuk membuat database.
create database dbname;
Perintah untuk membuat tabel didalam databese yang telah dibuat : use dbname;
create table nama_table(field1 type_var, field2 type_var2);
2. INSERT
Perintah untuk menambah data pada table dalam suatu database aktif insert into nama_table(field1, field2) values (‘nilai1’, nilai2’);
3. DROP
Digunakan untuk membuang atau menghapus database drop database dbname;
Digunakan untuk membuang atau menghapus tabel dalam sebuah database aktif
drop table nama_table;
4. DELETE
Perintah untuk menghapus satu atau lebih record dalam suatu tabel yang memenuhi kondisi yang ditentukan. Jika WHERE tidak disertakan maka akan menghapus seluruh data dari tabel.
delete from nama_table;
5. SELECT
Perintah untuk menampilkan data pada suatu tabel.
select * nama_table;
6. UPDATE
Perintah untuk mengubah data yang telah ada pada tabel yang telah dibuat update dbname set field1=’$field1,field2=’$field2’,field3=’$field3’ where field1=’field1’;
2.6.3 Konektifitas PHP dan MySQL
PHP mempunyai kemampuan untuk mengakses isi dari suatu database kehalaman web. Database yang dapat diakses lewat PHP diantaranya database ODBC, database server seperti MySQL dan Oracle.
PHP menyediakan sejumlah fungsi yang digunakan untuk mengakses basis data MySQL.
1. mysql_connect()
Digunakan untuk melakukan uji dan koneksi kepada server database MySQL.
Sintaks :
$conn=mysql_connect(“host”,”username”,’password”);
2. mysql_select_db()
Digunakan untuk menentukan database default yang akan diakses pada server.
Sintaks :
$pilih=(“mysql_select_db(“namadatabase”,$conn);
3. mysql_query()
Digunakan untuk melakukan eksekusi perintah SQL dan untuk memanipulasi database yang berhasil dilakukan koneksinya dengan menggunakan mysql_select_db()
Sintaks :
$hasil=mysql_query9”SQL statement”);
4. mysql_fetch_array()
Digunakan untuk melakukan pemrosesan hasil query yang dilakukan sebelumnya dengan perintah mysql_query().
Sintaks :
$array=mysql_fetch-array($hasil);
BAB 3
PERANCANGAN SISTEM
3.1 Perancangan Sistem
Perancangansistemmerupakanupayaperusahaanuntukmemulaimemilikisistem baikyang lamamaupunyang baru.Perancangansistemdilakukansetelahmendapat gambarandenganjelasapayang harusdilakukan.Desainsistemsecaraumum mengidentifikasikan komponen-komponen sistem e-Commerce yangakan didesain secaraterperinci.
Tujuan perancangan sistem:
a. Untuk memenuhi kebutuhan pemakaian sistem (user).
b. Untuk memberikan gambaran yang jelas dan menghasilkan rancangan bangunan yang lengkap kepada pemrograman komputer dan ahli-ahli teknik lainnya yang terlibat dalam pengembangan atau pembuatan sistem.
3.2 Perancangan Database
Database merupakan kumpulan dari data yang saling berhubungan satu dengan lainnya,tersimpan disimpanan luar computer.Databasemerupakan salahsatu komponenyangpenting dalamsisteminformasiyangberbasise-Commerce,karena berfungsisebagaibasis penyediainformasibagiparapemakainya.Karenadatabase merupakan kumpulandaribeberapafile, dalamhal inifile-filetersebutdikelompokkan secaraterstrukturdalam beberapa tabelsesuai dengan informasi yangterkandung
didalamnya.Berikutini adalahlangkah-langkahperancangandatabaseyang penulis gunakan untuk membangun sisteme-Commerceini:
3.2.1 Field Name
Tabel3.1 Tabeldalamdatabase
No TableName 1
admin 2
filter 3
katalog 4
keranjang 5
konfirmasi 6
order 7
pelanggan 8
produk 9
tb_bobot 10
tb_user 11
User
3.2.2 Field Table
Tabel3.2 Fieldtabeldalamdatabase
No TableName FieldName
1 Admin -id_admin
-username -password -nama - email
-ct_date
2 Filter -id
- kodebrng -value - token -cat_image
3 Katalog -id_katalog
-kode_brg -nama_brg - size - warna - kategori - motif - harga - image
4 Keranjang -id_keranjang
-kode_brg -nama_brg -size -warna -total_harga
5 Konfirmasi -id
-no_orderr -nama_rek - bank - total
6 Order -no_order
-token
-id_pelanggan -kode_br - total_harga -status -date
7 Pelanggan -id_pelanggan
-username - password - nama - alamat - email - no_hp
8 Produk -kode_brg
- nama_brg - warna - motif - bahan - kategori - harga - images
9 tb_bobot -kodebrng - harga - warna - motif - bahan
10 tb_order -kode_brg
-id_user
11 User -id
-id_pelanggan - nama
- kota - alamat - no_hp - email - username - password
3.3 Flowchart
Flowchartinimenjelaskantentangbagaimanaalurdanbentukdarihalamanutama Penjualan Online Baju BekasDi Pasar Melati Dengan Web E- Commerce.Flowchartberisi menu-menudansub menuyang bisadigunakan pengunjung untukmelihatproduk-produkOnline Baju Bekas Di Pasar Melati.Flowchartmenu utama adalah sebagaiberikut :
Gambar 3.1 Flowchart
Flowchartdiatasmenjelaskantentangloginpelangganyang sudahmempunyaiakun memberdiPenjualan Online Baju Bekas Di Pasar Melati Dengan Web E- Commerce.Untukmasukmenjadi memberharusloginterlebihdahulu dengancarainputkombinasiusername danpassword. Jikausername dan
passwordbenar maka userakan login
sebagaimember.Jikakombinasinyasalahmakauserakan
diberitahubahwausernamedanpasswordsalah. User terlebih dahulu harus registrasi di halaman register untuk dapat login sebagai membe
3.3.1 Simbol-simbolDFDdanFlowchart
Tabel3.3 Simbol-simbolDFDdanFlowchart
No Gambar Nama Fungsi
1. KesatuanLuar
(External Entity)
Merupakan kesatuan luar di lingkungan luar Sistemyangakan memberikan input
atau menerima outputdarisistem.
2. Proses(Process) Kegiatan darihasil
suatu arusdata yangmasuk dalam
prosesuntuk dihasilkanarusdata
yangakan keluar atau untuk mengubah input
menjadioutput
3. Aliran Data
(DataFlow)
Data mengalir melaluisistem, dimulaidengan sebagian inputdan
diubah atau diprosesmenjadi
input
4. Penyimpanan Data ( DataStorage)
Datadisimpan untuk keperluan
berikutnya.
5. AwalProses
Program(Start)
Awaluntuk memulaisuatu
program.
6. Perintah Dasar Petunjuk untuk
setiap aplikasi program.
7. Proses Data Prosesdatadari
aplikasiyang tersedia.
8. AplikasiProgram Aplikasi-aplikasi
yangterdapatpada website tersebut.
9. Database Tempat
penyimpanan semuadata.
3.4 Algoritma Program
Bahasa pemrograman semakin banyak dipelajari oleh banyak orang. Hal ini terkait dengan kemajuan zaman yang menjadikan teknologi sebagai hal penting untuk menunjang kemajuan. Bagi pembaca yang ingin mempelajari bahasa pemrograman, hal dasar yang harus dipahami adalah algoritma pemrograman tersebut. Untuk mengerti apa itu algoritma pemrograman, silahkan simak pembahasan di bawah ini.
Dalam matematika dan ilmu komputer, algoritma adalah urutan atau langkah- langkah untuk penghitungan atau untuk menyelesaikan suatu masalah yang ditulis secara berurutan. Sehingga, algoritma pemrograman adalah urutan atau langkah- langkah untuk menyelesaikan masalah pemrograman komputer.
Dalam pemrograman, hal yang penting untuk dipahami adalah logika kita dalam berpikir bagaimana cara untuk memecahkan masalah pemrograman yang akan dibuat. Sebagai contoh, banyak permasalahan matematika yang mudah jika diselesaikan secara tertulis, tetapi cukup sulit jika kita terjemahkan ke dalam pemrograman. Dalam hal ini, algoritma dan logika pemrograman akan sangat penting dalam pemecahan masalah. Adapun algoritma yang dibuat penulis dalam pembuatan Penjualan Online Baju Bekas Di Pasar Melati Dengan Web E- Commerce adalah sebagai berikut:
3.4.1 Algoritma Home
Berfungsi menampilkan halaman utama (Homepage) website Penjualan Online Baju BekasDi Pasar Melati Dengan Web E-Commerce
Langkah 1 : Aktifkan server yang digunakan, Apache, mysqldll. Kemudian aktifkan browser Internet Explorer atau Mozilla Firefox, ketikkanpadaaddress bar“melati.yoah.net”kemudiantekanenteratau
klikicon“Go”padasudutkananaddressbar.
Langkah 2 : Setelah itu pilih path “/”untuk memunculkan halaman utama atau halaman index.
Langkah 3 : Setelah halaman index muncul, maka terdapat berbagai menu yang telah disediakan diantaranya,
1. Shop 2. Contact 3. About Us 4. My account 5. Blog
Langkah 4 : Jika ingin keluar dari web browser pilih icon close yang ada di pojok kanan layar anda.
3.4.2 Algoritma Pemesanan Produk
Berfungsi menampilkan halaman produk yang dijual pada website Penjualan Online Baju Bekas Di Pasar Melati Dengan Web E-Commerce.
Langkah 1 : KlikmenuHomepada halaman utama website, setelah masuk ke
halaman Homepengunjungdapatmemilihkategori yang
diinginkandenganberagamjenis produkdalamsetiapkategori.Klik kategori yang diinginkan, maka produk yang sesuai dengan kategori yang dipilih akan muncul. Kemudianklikjenis produkdarikategorikemudiankliknama
produk.Akanmunculketerangantentang produkyang akandibeli.Pilih add to cartuntuk memasukkan barangkekeranjangbelanja.
Langkah 2:Pembelimasihdapatmembatalkanataumenambahprodukyangingindi beli.Setelah benar-benarprodukingin dibeli,pembeliharusmengklik proses checkout.Kemudiansistemakan mengarahkankedalamhalaman login member atauhalamanregister.
Langkah 3 :Datadiri pembeli dan produk yang dibeliakan masuk ke dalam database admin untukdiproses, kemudian pembeli akan menerima konfirmasi detail orderan melalui e-mail/sms.
Langkah 4 :Jika sudah mendapatkan konfirmasi barang orderan, selanjutnya pembeli harus melakukan transfer (1x24 jam) ke nomor rekening yang sudah tertera pada website.
Langkah 5 :Setelah melakukan transfer, pembeli harus login ke website dan mengisi data form confirmation payment yang ada di menu halaman utama.
Langkah 6 :Admin akan mengecek apakah konfirmasi sudah sesuai dengan orderan, jika sudah maka akan dilanjutkan ke proses pengiriman produk ke alamat pembeli yang diberikan pada saat daftar sebagai member.
Langkah 7 :Pembeli dapat melihat orderan yang sudah dikirim atau belum melalui di trackorder
3.4.3 Algoritma Member
Berfungsi menampilkan halaman login bagi member dan register bagi yang ingin menjadi member pada website Penjualan Online Baju Bekas Di Pasar Melati
Langkah 1: KlikLoginpadamenuhomeatauIndexmakaakanmunculmenulogin, kemudian masukkan usernamedan password. Sekarang pembeli masuk sebagai member.
Langkah 2 : Bagi yang belum menjadi member, pembeli bisa melakukan register dengan mengklik menu sign up pada halaman utama.
Langkah 3 : Kemudian pembeli diminta untuk menginput data-data pada form register, jika sudah klik Daftar. Pembeli akan otomatis login sebagai member.
Langkah 4 : Klik menu Log Out jika ingin keluar sebagai member.
3.4.4 Algoritma Search
Berfungsi untuk mempermudah pembeli dalam memilih barang yang akan dibeli pada website Penjualan Online Baju BekasDi Pasar Melati Dengan Web E- Commerce
Langkah 1 : PadahalamanIndexterdapatkotakSearchyang berfungsiuntuk membantupengunjung danpembeli mencaridataprodukyang diinginkan tanpamelihatdarikategori.
Langkah 2 : Masukkannamaprodukyangingindicarimisalnya“sepatu wanita”.Maka akantampil produk dengan nama yang dicari.
3.4.5 Algoritma Admin
Berfungsi untuk login sebagai administrator pada websitePenjualan Baju Bekas Di Pasar Melati Dengan Web E-Commerce.
Langkah 1 : Aktifkan server yang digunakan, Apache, mysql dll. Kemudian
bar“melati.yoah.net”kemudiantekanenteratau klikicon“Go”padasudutkananaddressbar.
Langkah 2 : Isi username dan password sebagai admin pada form login admin.
Langkah 3 : Jika username dan password benar, user akan dialihkan ke halaman khusus admin.
3.4.6 Algoritma Tambah Produk
Berfungsi untuk administrator dalam menambahkan produk-produk yang akan dijual pada website PenjualanOnline Baju Bekas Di Pasar Melati Dengan Web E-Commerce.
Langkah 1 : Setelah login sebagai admin, akan ada menu-menu pada halaman admin. Pilih menu insert product kemudian klik tambah produk.
Langkah 2 : Pada halaman insert product, admin akan diminta untuk mengisi data-data produk dan mengupload gambar produk.
Langkah 3 : Setelah data-data terisi klik insert.
BAB 4
IMPLEMENTASI SISTEM
4.1. Pengertian Implementasi Sistem
Implementasi sistem adalah prosedur yang dilakukan untuk menyelesaikan desain yang ada dalam dokumen desain sistem yang disetujui dan menguji, menginstal, memulai, serta menggunakan sistem yang baru atau sistem yang diperbaiki.
Penggunaan suatu komputer untuk pemecahan masalah membutuhkan suatu sistem yang baik, sehingga memungkinkan berhasilnya komputer dalam melaksanakan tugasnya, yaitu mengolah data menjadi informasi. Langkah implementasi yang dilakukan dalam menyelesaikan Penjualan Online Baju Bekas Di Pasar Melati Dengan Web E-Commerce sebagai berikut:
1. Mendapatkan software dan hardware yang tepat serta sesuai untuk merancang website.
2. Menyelesaikan rancangan sistem.
3. Menulis, menguji, mengontrol dan mendokumentasikan website.
4. Mendapatkan persetujuan.
4.2. Tujuan Implementasi Sistem
Adapun tujuan-tujuan dari implementasi sistem, yaitu:
1. Mengkajirangkaiansistembaikdarisegisoftwaremaupunhardwaresebagai
2. Menyelesaikanrancangan sistem.
3. Memastikan bahwa pengunjung dapat mengoperasikan dengan mudah terhadap sistemyangbaru dan mendapatinformasiyangbaik dan jelas.
4. Memperhitungkanbahwasistemtelahmemenuhipermintaanpemakaiyaitu dengan mengujisistemsecaramenyeluruh.
5. Memastikan bahwa sistem yang telah berjalan dengan lancar dengan mengontroldan melakukan instalasisecarabenar.
4.3. Komponen-Komponen Kebutuhan Sistem
Komponen-komponenyangsangatberperandalammenunjang penerapansistemyang dirancang pengolahandata.Beberapakomponenyang dibutuhkansistemuntuk dapat beroperasidengan baik antaralain:
4.3.1. Hardware
Hardwaremerupakan komponen yang sangatdibutuhkan dalammewujudkan sistem yang diusulkan.Dalamhal inipenulisdapatmerincikanspesifikasikomponen hardwareyaitu:
1. Harddisk minimal 500GB 2. RAM minimal 512MB 3. Monitor
4. Keyboard
4.3.2. Software
Hardwaretidakdapatmemecahkansuatumasalahtanpaadanyakomponensoftware.
Adapunsoftwareyangdigunakan dalamPenjualan Online Baju Bekas Di Pasar Melati Dengan Web E-Commerceini adalah:
1. Sistem Operasi Windows 2. Notepad ++
3. XAMPP 4. Browser
4.3.3. Brainware
Brainwareadalahsumberdayamanusiayang akanberperansebagaiuserataupun administrator.Administratorharusmengerti tentang bahasapemrogramanPHPdan MySQL sertamengertiakanjalannyasistem.Sedangkanusertidakharusmemiliki kemampuan khusushanya mengerti mengoperasikaninternetsystem.
4.4. Uji Program
Dari hasil uji program yang telah dilakukan, maka dapat dilihat tampilan hasil desain dan tampilan website dinamis dari Penjualan Baju Bekas Di Pasar Melati Dengan Web E-Commerce, sebagai berikut:
Halaman utama/index
Gambar 4.1. Halaman utama/index
Halaman shop
Gambar 4.2. Halaman shop
Halaman confirmation payment
Gambar 4.3. Halaman confirmation payment
Halaman login member
Gambar 4.4. Halaman login member
Halaman registrasi member
Gambar 4.5. Halaman registrasi member
Halaman login admin
Gambar 4.6. Halaman login admin
Halaman utama admin
Gambar 4.7. Halaman utama admin
Halaman tambah produk
Gambar 4.8. Halaman tambah produk
Halaman order admin
Gambar 4.9. Halaman order admin
Halaman konfirmasi admin
Gambar 4.10. Halaman konfirmasi admin
BAB 5 KESIMPULAN
5.1. Kesimpulan
WebsiteOnline PenjualanBaju Bekas Di Pasar Melati Dengan Web E- Commerceinidirancang dandirealisasikandengan menggunakan sistemoperasiWindows, XAMPP sebagai server,MySQL sebagaidatabasemanajemen sistem,PHPsebagaibahasascriptingyang
menyatudenganHTML(sintaksdan perintahyang
diberikansepenuhnyadijalankandiwebserver),dan Notepad++ sebagaiweb editornya. Darirealisasi tersebutdapatdiambil kesimpulan yaitu:
1. Penggunaan sistem layanan e-Commerce ini akanmemberikan kemudahan dalampembeliansuatubarang dengan user interface yang sederhana,dimanakonsumentidakperludatang ketoko tersebutsecara langsung.Karenapemesananbarang dapatdilakukanmelalui teknologi internet.
2. Sistem layanan e-Commerce menjadikan usaha menjadi lebih berkembang karena konsumen bisa berasal dari luar kota bahkan luar negeri.
5.2. Saran
1. Perbaikan di sisi tampilan website agar lebih menarik konsumen untuk membeli produk yang ditawarkan.
2. Pengembangan dalam versi mobile guna menunjang pelangan yang menggunakan smart phone dalam mengakses internet.
3. Penambahan fitur-fitur lainnya untuk lebih meningkatkan minat pelanggan.
DAFTAR PUSTAKA
http://elib.unikom.ac.id/files/disk1/536/jbptunikompp-gdl-rizkymocha-26786-5- unikom_r-i.pdf
http://ikaamriani.blogspot.co.id/2012/12/perancangan-aplikasi-e-commerce.html https://titoblogz.wordpress.com/2013/01/24/laporan-proposal-pembuatan-e- commerce/
http://elib.unikom.ac.id/files/disk1/540/jbptunikompp-gdl-rijasafaat-26977-5-unikom_r- i.pdf
http://eprints.undip.ac.id/28770/2/4_pendahuluan.pdf https://id.wikipedia.org/wiki/PHP
https://id.wikipedia.org/wiki/MySQL
https://www.academia.edu/20129459/Sistem_Penjualan_Berbasis_Web_E- Commerce_Pada_Tata_Distro_Kabupaten_Pacitan
KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN
UNIVERSITAS SUMATERA UTARA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
Jl. Bioteknologi No. 1 Kampus USU Telp. (061) 8211050 Fax. (061) 8214290 Medan-20155 Email : [email protected]
KARTU BIMBINGAN TUGAS AKHIR MAHASISWA Nama Mahasiswa : Ardian Tarus Tarigan
Nomor Stambuk : 152406014
Judul Tugas Akhir : Penjualan Online Baju Bekas Di Pasar Melati Dengan Web E-Commerce
Dosen Pembimbing : Drs.Rosman Siregar , M.Si Tanggal Mulai Bimbingan :
Tanggal Selesai Bimbingan :
No Tanggal Asisten Bimbingan
Pembahasan pada Asistensi Mengenai,
pada Bab
Paraf Dosen
Pembimbing Keterangan 1
2
3
4
5
6
7
8
KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN
UNIVERSITAS SUMATERA UTARA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
Jl. Bioteknologi No. 1 Kampus USU Telp. (061) 8211050 Fax. (061) 8214290 Medan-20155 Email : [email protected]
No
Tanggal Asisten Bimbingan
Pembahasan pada Asistensi Mengenai
Pada Bab
Paraf Dosenn
Pembimbing Keterangan
Disetujui oleh
Program Studi Teknik Informatika D3 Ketua,
Dra. Normalina Napitupulu, M.Sc NIP. 196311061989022001
Pembimbing,
Dr. Rosman Siregar, M.Si NIP.196101071986011001
SURAT KETERANGAN Hasil Uji Program Tugas Akhir
Yang bertanda tangan dibawah ini, menerangkan bahwa Tugas Akhir Mahasiswa Program Diploma 3 Teknik Informatika :
Nama : ARDIAN TARUS TARIGAN
NIM : 152406014
Program Studi : TEKNIK INFORMATIKA
Judul TA : PENJUALAN ONLINE BAJU BEKAS DI PASAR MELATI DENGAN WEB E-COMMERCE
Telah melaksanakan test program Tugas Akhir Mahasiswa tersebut diatas tanggal...Januari 2019
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, Januari 2019
Program Studi D3 Teknik Informatika Ketua,
Drs. Rosman Siregar, M.Si NIP. 196101071986011001
LISTING PROGRAM
Index.php
<?php /**
* The main template file.
*
* This is the most generic template file in a WordPress theme * and one of the two required files for a theme (the other being style.css).
* It is used to display a page when nothing more specific matches a query.
* E.g., it puts together the home page when no home.php file exists.
* Learn more:
https://developer.wordpress.org/themes/basics/template-hierarchy/
*
* @package storefront */
get_header(); ?>
<div id="primary" class="content-area">
<main id="main" class="site-main" role="main">
<?php
if ( have_posts() ) :
get_template_part( 'loop' );
else :
get_template_part( 'content', 'none' );
endif;
?>
</main><!-- #main -->
</div><!-- #primary -->
Header
<?php
do_action( 'storefront_sidebar' );
get_footer();
<?php /**
* The header for our theme.
*
* Displays all of the <head> section and everything up till <div
*
* @package storefront */
?><!doctype html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial- scale=1, maximum-scale=2.0">
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<?php do_action( 'storefront_before_site' ); ?>
<div id="page" class="hfeed site">
<?php do_action( 'storefront_before_header' ); ?>
<header id="masthead" class="site-header" role="banner"
style="<?php storefront_header_styles(); ?>">
<?php /**
* Functions hooked into storefront_header action *
* @hooked storefront_header_container - 0
* @hooked storefront_skip_links - 5
* @hooked storefront_social_icons - 10
* @hooked storefront_site_branding - 20
* @hooked storefront_secondary_navigation - 30
* @hooked storefront_product_search - 40
* @hooked storefront_header_container_close - 41
* @hooked storefront_primary_navigation_wrapper - 42
* @hooked storefront_primary_navigation - 50
* @hooked storefront_header_cart - 60
* @hooked
storefront_primary_navigation_wrapper_close - 68 */
do_action( 'storefront_header' );
?>
</header><!-- #masthead -->
/**
* Functions hooked in to storefront_before_content *
* @hooked storefront_header_widget_region - 10 * @hooked woocommerce_breadcrumb - 10
*/
do_action( 'storefront_before_content' );
?>
<div id="content" class="site-content" tabindex="-1">
<div class="col-full">
<?php
do_action( 'storefront_content_top' );
Loop.php
<?php /**
* The loop template file.
*
* Included on pages like index.php, archive.php and search.php to display a loop of posts
* Learn more: https://codex.wordpress.org/The_Loop *
* @package storefront */
do_action( 'storefront_loop_before' );
while ( have_posts() ) : the_post();
/**
* Include the Post-Format-specific template for the content.
* If you want to override this in a child theme, then include a file
* called content-___.php (where ___ is the Post Format name) and that will be used instead.
*/
get_template_part( 'content', get_post_format() );
endwhile;
/**
* Functions hooked in to storefront_paging_nav action *
* @hooked storefront_paging_nav - 10 */
do_action( 'storefront_loop_after' );
Page.php
<?php /**
* The template for displaying all pages.
* This is the template that displays all pages by default.
* Please note that this is the WordPress construct of pages * and that other 'pages' on your WordPress site will use a * different template.
*
* @package storefront */
get_header(); ?>
<div id="primary" class="content-area">
<main id="main" class="site-main" role="main">
<?php
while ( have_posts() ) : the_post();
do_action( 'storefront_page_before' );
get_template_part( 'content', 'page' );
/**
* Functions hooked in to storefront_page_after action
*
* @hooked storefront_display_comments - 10
*/
do_action( 'storefront_page_after' );
endwhile; // End of the loop.
?>
</main><!-- #main -->
</div><!-- #primary -->
<?php
do_action( 'storefront_sidebar' );
get_footer();
Function.php
<?php /**
* Storefront engine room *
* @package storefront */
/**
* Assign the Storefront version to a var */
$theme = wp_get_theme( 'storefront' );
$storefront_version = $theme['Version'];
* Set the content width based on the theme's design and stylesheet.
*/
if ( ! isset( $content_width ) ) {
$content_width = 980; /* pixels */
}
$storefront = (object) array(
'version' => $storefront_version, /**
* Initialize all the things.
*/
'main' => require 'inc/class-storefront.php', 'customizer' => require 'inc/customizer/class-storefront- customizer.php',
);
require 'inc/storefront-functions.php';
require 'inc/storefront-template-hooks.php';
require 'inc/storefront-template-functions.php';
if ( class_exists( 'Jetpack' ) ) {
$storefront->jetpack = require 'inc/jetpack/class- storefront-jetpack.php';
}
if ( storefront_is_woocommerce_activated() ) {
$storefront->woocommerce = require 'inc/woocommerce/class-storefront-woocommerce.php';
$storefront->woocommerce_customizer = require
'inc/woocommerce/class-storefront-woocommerce-customizer.php';
require 'inc/woocommerce/storefront-woocommerce-template- hooks.php';
require 'inc/woocommerce/storefront-woocommerce-template- functions.php';
require 'inc/woocommerce/storefront-woocommerce- functions.php';
}
if ( is_admin() ) {
$storefront->admin = require 'inc/admin/class-storefront- admin.php';
require 'inc/admin/class-storefront-plugin-install.php';
} /**
* NUX
* Only load if wp version is 4.7.3 or above because of this issue;
*
https://core.trac.wordpress.org/ticket/39610?cversion=1&cnum_hist=
2 */
if ( version_compare( get_bloginfo( 'version' ), '4.7.3', '>=' )
&& ( is_admin() || is_customize_preview() ) ) {
