pembuatan website heris store menggunakan php dan …
TRANSCRIPT
PEMBUATAN WEBSITE HERIS STORE MENGGUNAKAN PHP DAN MYSQL
1 Risdiandri Iskandar, 2 Heris Imanuel Pardamean Aruan
1,2Fakultas Teknologi Industri Universitas Gunadarma
Jl. Margonda Raya No. 100, Depok 16424, Jawa Barat [email protected]
ABSTRAKSI
Sistem pemasaran heris store saat ini masih memanfaatkan sosial media facebook, instagram,
menggunakan brosur, dan metode dari mulut ke mulut. Namun cara seperti itu sudah jauh tertinggal dari
para kompetitor yang mana jaman sudah semakin maju di era teknologi digital saat ini. Untuk
meningkatkan daya saing yang tinggi metode pemasaran harus jauh lebih maju mengikuti perkembangan
jaman, Penulisan ilmiah ini membahas bagaimana membuat website yang mampu menyediakan informasi
Heris Store dan diharapkan dengan dibuatnya website ini akan menjadi lebih mudah dijangkau oleh
konsumen. Pembuatan website menggunakan bahasa pemrograman PHP, database MySQL, serta
XAMPP sebagai server untuk menjalankan halaman website. Website Heris Store dapat menampilkan informasi mengenai seluruh produk yang disajikan. User sebagai calon pembeli dapat memesan,
mengetahui total harga yang akan dipesan sebelum mengkonfirmasi dan mengetahui lokasi Heris Store
berada
Kata Kunci : Website, PHP, MySQL, Gulen Steve
1. PENDAHULUAN
1.1 Latar Belakang Masalah
E-commerce atau bisa disebut Perdagangan
elektronik atau e-dagang adalah penyebaran,
pembelian, penjualan, pemasaran barang dan jasa
melalui internet atau jaringan komputer. Seluruh
komponen yang ada dalam perdagangan diaplikasikan
ke dalam e-commerce seperti customer service,
layanan produk, cara pembayaran dan cara promosi.
Perkembangan internet yang semakin maju
merupakan salah satu faktor pendorong
berkembangnya e-commerce. Internet merupakan
salah satu jaringan global yang menghubungkan
jaringan komputer diseluruh dunia, sehingga
memungkinkan terjalinnya komunikasi dan interaksi
antar satu perusahaan dengan konsumen. Konsumen
harus datang sendiri ke lokasi dan pembayaran
dilakukan secara tunai. Hal ini tentu menyulitkan para
calon konsumen dari dalam dan luar kota,
dikarenakan harus mengeluarkan biaya untuk
mengunjungi Heris Store. Sehingga calon konsumen
membutuhkan layanan pembelian dan pembayaran
secara online dan transfer melalui rekening.
Berdasarkan penjelasan sebelumnya, Heris Store
memerlukan suatu sarana atau layanan penjualan
berbasis website (E-commerce) yang bisa memenuhi
kebutuhan dan bisa memudahkan perusahaan dalam
menjalankan kegiatan bisnis seperti penjualan,
pembelian, promosi barang baru, pembayaran dan
transaksi jarak jauh, sehingga perusahaan bisa
memperluas wilayah pemasarannya. Maka dalam
penelitian ini dilakukan suatu penelitian dengan judul
”Pembuatan Website Heris Store Menggunakan PHP
dan MySQL”
1.2 Rumusan Masalah
Berdasarkan latar belakang masalah yang
telah dijelaskan di atas, maka penulis membatasi
permasalahan sebagai berikut : Data yang dikelola
pada website diantaranya data produk (harga produk,
stok, rating, detail produk, gambar produk), data
kategori, data konsumen, data user, data penjualan,
data pembayaran, data pengiriman. Informasi yang
dihasilkan dari system yaitu informasi pencarian
produk, informasi status pembelian, informasi
pembayaran, informasi pengiriman barang, informasi
laporan penjualan. Website toko online ini pada tahap
awal digunakan untuk melakukan penjualan dan tidak
membahas keamanan website dan jaringan. DBMS
pada website ini menggunakan MySQL. Tools
pembangun yang digunakan dalam pembuatan
website yaitu Atom, PHP, CSS, Adobe Photoshop,
Adobe Flash dan Xampp-win32-7.2.12-0-VC15.
Sistem operasi yang digunakan Windows 10. Browser
yang 5 mendukung website ini Mozilla Firefox,
Opera, Google Chrome, Microsoft Edge dan Internet
Explorer.
1.3 Batasan Masalah
Tujuan penelitian ini membuat website heris
store yang diharapkan dapat mempermudah
perusahaan dalam penyampaian informasi dan
mempermudah calon konsumen dalam menerima
informasi.
1.4 Tujuan Penelitian
Dalam pengerjaan sistem pengolahan data
transaksi penjualan gadget ini melalui berbagai
tahapan, yaitu tahapan Analisa Kebutuhan,
Pengumpulan Data, dan yang terakhir Perancangan
Sistem
1.5 Metode Penelitian
Penelitian ini dilaksanankan dalam 5 tahap.
Tahap pertama adalah analisis sistem, yaitu studi
literatur yang bertujuan untuk mempelajari dasar teori
dari literatur mengenai Augmented Reality, ARToolkit,
film Kungfu Panda, 3Ds Max dan Adobe Photophop..
Tahap kedua membuat spesifikasi kebutuhan sistem,
yaitu melakukan perincian mengenai apa saja yang
dibutuhkan dalam pengembangan sistem. Tahap ketiga
membuat perancangan sistem, mulai dari membuat
rancangan brosur, rancangan pembuatan objek dan
rancangan pembuatan marker. Tahap keempat yaitu
melakukan melakukan pengujian terhadap sistem yang
telah dibuat dan tahap kelima melakukan implementasi
sistem yang telah dibuat
2. LANDASAN TEORI
2.1 Toko Online
Toko Online adalah bentuk sebuah toko
dalam sistem online atau dalam pengertian lain adalah
tempat untuk melakukan transaksi jual beli secara
global. dalam kata lain toko online adalah toko dalam
internet. dalam istilah tersebut tidak ada bangunan
toko asli seperti di dunia nyata dan tidak ada interaksi
antara penjual dan pembeli secara langsung. Dalam
toko online hanya ada sebuah website yang berisi
informasi barang yang di jual berserta keterangannya
dan informasi cara membelinya.
2.2 E-Commerce
E-commerce adalah electronic commerce,
merupakan kumpulan teknologi, aplikasi, dan bisnis
yang menghubungkan perusahaan atau
perseorangan sebagai konsumen untuk melakukan
transaksi elektronik, pertukaran barang, dan
pertukaran informasi melalui internet atau televisi,
www, atau jaringan komputer lainnya. Kegiatan e-
commerce ini merupakan aplikasi dan penerapan
dari e-bisnis (e-business) yang berhubungan dengan
transaksi komersial, misalnya: transfer dana secara
elektronik, SCM (supply chain management),
pertukaran data elektronik (electronic data
interchange /EDI), pemasaran online (online
marketing), atau epemasaran (e-marketing),
pemrosesan transaksi online (online transaction
processing),dll.
2.3 Informasi
Informasi adalah data yang telah diolah
menjadi sebuah bentuk yang berarti bagi penerimanya
dan bermanfaat dalam mengambil keputusan saat ini
atau mendatang. Secara umum, informasi dapat
mengenai data mentah, & data tersusun. Dengan
adanya informasi, dapat mengurangi ketidakpastian.
Informasi dapat mengubah kemungkinan-
kemungkinan hasil yang diharapkan dalam sebuah
situasi keputusan dan karena itu mempunyai nilai
dalam proses keputusan
2.4 Internet
Internet adalah suatu jaringan komputer
global terbentuk dari jaringanjaringan komputer lokal
dan regional, memungkinkan komunikasi data antar
komputer-komputer yang terhubung ke jaringan
tersebut.
2.4.1 Beberapa Fasilitas Pada Internet
Beberapa Fasilitas pada Internet Berikut ini
beberapa fasilitas pada internet yang pada umumnya
sering digunakan, diantaranya:
1) TCP/IP Protocol TCP/IP merupakan
standar protocol yang digunakan pada
jaringan Internet, karena TCP/IP
dikembangkan untuk dapat diterapkan di
hampir segala jenis platform komputer, biasa
dikenal dengan konsep open system. TCP/IP
(singkatan dari Transmission Control
Protocol/Internet Protocol) yang
diterjemahkan menjadi Protokol Kendali
Transmisi/Protokol Internet, yang merupakan
gabungan dari protokol TCP (Transmission
Control Protocol) dan IP (Internet Protocol)
digunakan agar komputer-komputer dalam
suatu jaringan dapat berkomunikasi,
melakukan proses tukar-menukar data dari
satu komputer ke komputer lain di dalam
jaringan internet yang akan memastikan pengiriman
data sampai ke alamat yang dituju. Protokol ini tidaklah
dapat berdiri sendiri, karena memang protokol ini
berupa kumpulan protokol (protocol suite).
2) World Wide Web (WWW)
World Wide Web atau yang sering disingkat
dengan WWW merupakan sebuah sistem yang
terdapat pada internet dan bertugas melakukan
pencarian. WWW atau yang biasa disebut dengan
Web, bekerja menggunakan teknologi yang disebut
hypertext, yang kemudian dikembangkan menjadi
suatu protokol aplikasi yang disebut HTTP
(HyperText Transfer Protocol). Dengan adanya
fasilitas ini menjadikan Web sebagai salah satu
aplikasi yang paling luwes untuk menjelajahi internet.
Selain itu, untuk menemukan setiap hubungan
hypertext diperlukanlah Uniform Resource Locator.
3) Uniform Resource Locator (URL)
URL merupakan serangkaian karakter (angka,
huruf dan simbol) menurut standar yang sudah
ditentukan, yang berguna untuk menunjukan suatu
alamat atau sumber yang terdapat di internet misalnya
seperti file, dokumen dan gambar. URL terdapat dua
tipe, yaitu URL Absolut dan URL Relatif. URL
Absolut adalah suatu alamat lengkap yang
menyertakan nama dari domain yang langsung
menentukan lokasi dari dokumen atau direktori yang
ada pada internet, sedangkan URL Relatif adalah
suatu alamat berdasarkan URL yang memang aktif
ketika saat itu.
4) HyperText Transfer Protocol (HTTP)
HTTP singkatan dari Hypertext Transfer
Protocol adalah suatu protokol yang digunakan untuk
mengirim dokumen atau halamamn dalam WWW
atau World Wide Web. Sedangkan pengertian HTTP
menurut kamus besar adalah protokol jaringan untuk
didistribusikan, kolaboratif, sistem informasi
hypermedia. HTTP adalah dasar dari komunikasi data
untuk WWW. Dalam pengertian HTTP tersebut,
menetapkan bagaimana pesan diformat dan
ditransmisikan dan seperti apa respon dari browser.
5) Web Browser
Web Browser merupakan program aplikasi
client yang digunakan untuk mengakses layanan
WWW. Web browser berfungsi untuk menerima dan
menyajikan sumber informasi yang diidentifikasi
dengan pengidentifikasi sumber seragam berupa
halaman web, gambar, video, atau jenis konten
lainnya.
6) Website
Website adalah kumpulan dari halaman-
halaman situs, yang biasanya terangkum dalam
sebuah domain atau subdomain, yang tempatnya
berada di dalam World Wide Web (WWW) di
Internet. WWW terdiri dari seluruh situs web
yang tersedia kepada publik. Website terdiri dari
dua jenis, yaitu website statis & dinamis.
Website statis merupakan web yang halamannya
tidak berubah, biasanya untuk melakukan
perubahan dilakukan secara manual dengan
merubah kode. Website dinamis merupakan web
yang halamannya selalu update, biasanya
terdapat halaman administrator dan
membutuhkan database untuk menyimpan data.
7) Web Pages
Web page adalah dokumen yang ditulis
dalam format HTML (Hyper Text Markup
Language), yang hampir selalu bisa diakses
melalui HTTP, yaitu protokol yang
menyampaikan informasi dari server website
untuk ditampilkan kepada para pemakai melalui
web browser. Semua publikasi dari website-
website tersebut dapat membentuk sebuah
jaringan informasi yang sangat besar. Web page
layaknya sebuah buku yang dapat menampung
berbagai informasi tentang banyak hal baik
bersifat komersil maupun non komersil.
8) Web Server
Saat ini informasi yang terdapat di
Internet tidak lagi hanya berbentuk teks data,
tetapi dapat berbentuk informasi yang berupa
gratis yang interaktif dengan pemakai. Hal ini
dimungkinkan dengan adanya teknologi World
Wide Web (WWW). Informasi WWW ini
disimpan pada Web Server untuk dapat diakses
dari jaringan Internet.
9) Homepage Homepage adalah halaman
pertama dari suatu situs web (website), atau
lokasi dari situs web di mana dokumen web
dapat diakses. Atau lebih singkatnya homepage
ialah halaman utama atau bagian depan dari
web yang berisi daftar isi ataupun menu dari
situs web tersebut.
2.8 Adobe Dreamweaver
Dreamweaver adalah aplikasi desain dan
pengembangan web yang menyediakan editor
WYSIWYG visual (bahasa sehari-hari yang
disebut sebagai Design view) dan kode editor
dengan fitur standar seperti syntax
highlighting, code completion, dan code
collapsing serta fitur lebih canggih seperti real-
time syntax checking dan code introspection
untuk menghasilkan petunjuk kode untuk
membantu pengguna dalam menulis kode. Tata
letak tampilan Design memfasilitasi desain
cepat dan pembuatan kode seperti
memungkinkan pengguna dengan cepat
membuat tata letak dan manipulasi elemen
HTML.
2.6 MySQL
MySQL merupakan turunan salah satu konsep
utama dalam database sejak lama, yaitu SQL
(Structured Query Language). SQL adalah sebuah
konsep pengoperasian database, terutama untuk
pemilihan atau seleksi dan pemasukan data, yang
memungkinkan pengoperasian data dikerjakan
dengan mudah dan cepat secara otomatis.
2.7 Atom
Atom adalah text editor yang mirip seperti
Sublime Text, namun fiturnya lebih lengkap dan
nyaman digunakan. Atom sendiri adalah buatan
Github yang merupakan perusahaan terkenal dengan
layanan Cloud Computing untuk projek open source
menggunakan Git. Atom adalah text editor yang
benar-benar gratis tidak menggunakan serial number
untuk menggunakannya.
2.9 HyperText Markup Language (HTML)
HyperText Markup Language adalah bahasa
markup internet (web) berupa kode dan simbol yang
dimasukkan kedalam sebuah file yang ditujukan untuk
ditampilkan didalam sebuah website. Singkatnya,
HTML adalah bahasa markup yang digunakan untuk
2.9.1 Format Dasar HTML
Di dalam HTML terdapat 2 hal utama yaitu
Tag dan Elemen. Tag dan Elemen ini saling
berhubungan dimana Tag adalah suatu tanda "<" dan
">" yang ada pada setiap elemen untuk menentukan
suatu pembuka dan penutup. Tag penutup selalu
memiliki tanda slash "/" sebagai tanda penutup.
Sedangkan Elemen adalah suatu isi yang ada pada tag
untuk memberikan sebuah fungsi-fungsi tertentu,
walaupun begitu tidak semua elemen memiliki isi.
Contohnya yaitu <br/> yang berfungsi untuk membuat
baris baru.
2.9.2 Header
Header adalah huruf-huruf atau teks
berukuran khusus yang dapat digunakan untuk
memberi judul suatu bab atau sub bab dalam dokumen.
Ada enam level ukuran header yang dapat digunakan
sesuai kebutuhan. Header level 1 adalah
header dengan ukuran besar.
2.9.4 Hyperlink
Hyperlink digunakan untuk
melompat ke halaman html lain, baik
yang berada di dalam server bersangkutan
maupun server lain. Segala sesuatu(teks
atau gambar) yang diapit oleh tag <a>
apabila diklik akan membawa user ke
halaman lain sesuai atribut HREF yang
digunakan dalam tag tersebut.
2.9.5 From
Form biasanya digunakan untuk
melakukan interaksi dengan pengunjung
web, misalnya untuk mendapatkan
komentar dari pengunjung, melakukan
pendaftaran suatu keanggotaan,
pemesanan suatu produk, dan sebagainya.
Untuk membentuk sebuah form, tag yang
digunakan adalah <Form></Form>.
Sedangkan atribut yang paling umum
digunakan adalah Method= dan Action=.
2.9.3 Font
Pada html, font dapat diatur ukuran, warna,
dan jenis hurufnya sesuai yang akan digunakan.
Pengaturan huruf ini menggunakan tag <font></font>.
Tag ini memiliki 3 jenis atribut yaitu, size, color, dan
face. Dimana size berfungsi untuk mengatur ukuran,
color untuk mengatur warna, dan face untuk mengatur
jenis tulisan.
3.1 Analisis Masalah
Dalam pemasaran dan penyampaian
informasi yang masih belum efektif dan efisien.
Sistem pemasaran yang dijalani saat ini masih
memanfaatkan sosial media facebook, instagram,
menggunakan brosur, dan metode dari mulut ke
mulut. Berdasarkan permasalahan ini, perusahan
harus memiliki sebuah sistem baru. Sistem baru
tersebut harus mampu menjadi penghubung dan
penyampaian informasi yang baik antara heris store
dengan konsumen. Dengan memanfaatkan teknologi
website yang dapat memberikan informasi secara
dinamis, maka tepat aplikasi ini dibuat untuk
mempermudah perusahaan dalam penyampaian
informasi dan mempermudah calon konsumen dalam
menerima informasi.
3.2 Spesifikasi Yang Digunakan
Berikut ini adalah software dan hardware
untuk membuat website heris store.
3.2.1 Software
Software yang digunakan: a) Sistem Operasi
Windows 10 Pro 64-Bit b) Google Chrome c)
XAMPP d) Atom e) Dreamweaver
3.3 Struktur Navigasi
Dalam proses pembuatan website ini
dilakukan beberapa tahapan. Tahapan yang paling
utama adalah menentukan struktur navigasi. Pada
pembuatan website ini terdapat struktur navigasi,
yaitu struktur navigasi pengunjung. Jenis struktur
navigasi yang digunakan adalah struktur navigasi
campuran.
3.5 IMPLEMENTASI DAN UJI COBA
3.5.1 Uji Coba Website
Tahap uji coba website dilakukan untuk melihat
website dapat berjalan di beberapa web browser
seperti Internet Explorer, Microsoft Edge dan Google
Chrome.
3.4 Rancangan Tampilan Website
Setiap halaman website heris store memiliki
desain yang sama dan tidak jauh berbeda. Dalam
mendesain menggunakan kode script css.
Gambar 4.1 Tampilan Halaman Utama
Gambar 4.2 Tampilan Register
Gambar 4.3 Tampilan Halaman Item
3.5.2 Persiapan Uji Coba Website Heris Store
Menggunakan Web Browser
dengan Menggunakan Browser Internet Exploler
dengan Menggunakan Browser Microsoft Edge
dengan Menggunakan Browser Google Chrome
4. KESIMPULAN DAN SARAN
4.1 Kesimpulan
Berdasarkan hasil penulisan ilmiah
mengenai pembuatan website Toko Online
menggunakan MySql, dapat ditarik kesimpulan
bahwa Saat ini masyarakat indonesia ingin lebih cepat
dalam hal apapun, termasuk dalam hal berbelanja.
Oleh karenanya dengan adanya web atau situs
perbelanjaan (toko online) dapat mempermudah
aktifitas manusia dalam hal transaksi pembelian
barang disuatu situs tanpa harus ke suatu tempat yang
jauh. Selain kemudahan berbelanja, masyarakat juga
dapat memilih barang dan mencari barang
berdasarkan harga yang diinginkan. Hal ini pula
menjadi ajang wirausahawan khususnya penjual
dalam memasarkan produknya secara luas. Link
hosting :
https://herisaruan.000webhostapp.com/public/index.p
hp
4.2 Saran
Website heris store masih dapat
dikembangkan dengan penambahan admin,
menambahkan algoritma kriptografi yang digunakan
untuk menyamarkan password akun admin, tampilan
yang belum responsive, serta mendesain tampilan
website agar lebih menarik dan lebih informatif.
DAFTAR PUSTAKA
Artikel non-personal (2008). Adobe Photoshop .
http://id.wikipedia.org/wiki/Adobe_Photoshop
[1] Irawan, R.W., 2015 Perancangan E-Commerce
Menggunakan PHP Dan MYSQL pada Toko
Sepatu Sport Naation Ponogoro, Tugas Akhir,
Fakultas Teknik Informatika Muhammadiyah
Ponogoro, Jawa Timur.
[2] Putri, R.A., 2014, Aplikasi E-Commerce
Penjualan Sepatu Parvares Berbasis Web Dengan Menggunakan PHP dan MySQL,
Tugas Akhir, Fakultas Ilmu Komputer dan
Teknologi Informasi Universitas Gunadarma,
Jawa Barat.
[3] Kadir, A., 2009, Membuat Aplikasi Web
dengan PHP dan Database Mysql, Penerbit
Andi, Yogyakarta.
[4] Karim, SW., 2012, Panduan Praktis
Pemrograman Web.
[5] Mutsami,A.M., 2011, Aplikasi Penjualan
Online Berbasis Web Pada Toko Batik Yully
Yogyakarta, AMIKOM,Yogyakarta.
[6] http://eprints.ums.ac.id/43386/1/NASKAH%20
PUBLIKASI%20IMAM_RIVAI_L200120072.
[7] http://eprints.umpo.ac.id/1059/4/BAB%201.pdf
[8] https://elib.unikom.ac.id/files/disk1/604/jbptunikompp-gdlsopansofya-30170-8-unikom_s-i.pdf
[9] http://eprints.umpo.ac.id/1059/4/BAB%201.pdf
Perpustakaan Universitas Gunadarma BARCODE
BUKTI UNGGAH DOKUMEN PENELITIANPERPUSTAKAAN UNIVERSITAS GUNADARMA
Nomor Pengunggahan
SURAT KETERANGANNomor: 182/PERPUS/UG/2020
Surat ini menerangkan bahwa: Nama Penulis : HERIS IMANUEL PARDAMEAN ARUANNomor Penulis : 58416380Email Penulis : [email protected] Penulis : Perumahan Duta Mekar Asri Blok R3 No. 15. Cileungsi
dengan penulis lainnya sebagai berikut:Penulis ke-2/Nomor/Email : RISDIANDRI ISKANDAR, SKom., MM / 010433 / [email protected]
Telah menyerahkan hasil penelitian/ penulisan untuk disimpan dan dimanfaatkan di Perpustakaan Universitas Gunadarma,dengan rincian sebagai berikut : Nomor Induk : TT//PENELITIAN/182/2020Judul Penelitian : PEMBUATAN WEBSITE HERIS STORE MENGGUNAKAN PHP DAN MYSQLTanggal Penyerahan : 21 / 07 / 2020
Demikian surat ini dibuat untuk dipergunakan seperlunya dilingkungan Universitas Gunadarma dan Kopertis Wilayah III.
Dicetak pada: 19/08/2020 19:36:53 PM, IP:103.119.66.124 Halaman 1/1