Jl. Margonda Raya No. 100, Depok 16424, Jawa Barat

(1)

PEMBUATAN WEBSITE HERIS STORE MENGGUNAKAN PHP DAN MYSQL 1

Risdiandri Iskandar, 2 Heris Imanuel Pardamean Aruan

1,2_{Fakultas Teknologi Industri Universitas Gunadarma}

Jl. Margonda Raya No. 100, Depok 16424, Jawa Barat

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

(2)

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

(3)

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

(4)

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.

(5)

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.

(6)

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.

(7)

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.

(8)

Gambar 4.1 Tampilan Halaman Utama

Gambar 4.2 Tampilan Register

(9)

3.5.2 Persiapan Uji Coba Website Heris Store Menggunakan Web Browser

dengan Menggunakan Browser Internet Exploler

dengan Menggunakan Browser Microsoft Edge

(10)

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.

(11)

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. pdf [7] http://eprints.umpo.ac.id/1059/4/BAB%201.pdf [8] https://elib.unikom.ac.id/files/disk1/604/jbptuni kompp-gdlsopansofya-30170-8-unikom_s-i.pdf [9] http://eprints.umpo.ac.id/1059/4/BAB%201.pdf

(12)

Perpustakaan Universitas Gunadarma BARCODE

BUKTI UNGGAH DOKUMEN PENELITIAN PERPUSTAKAAN UNIVERSITAS GUNADARMA

Nomor Pengunggahan

SURAT KETERANGAN

Nomor: 182/PERPUS/UG/2020

Surat ini menerangkan bahwa:

Nama Penulis : HERIS IMANUEL PARDAMEAN ARUAN

Nomor Penulis : 58416380

Email Penulis : [email protected]

Alamat 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/2020

Judul Penelitian : PEMBUATAN WEBSITE HERIS STORE MENGGUNAKAN PHP DAN MYSQL Tanggal Penyerahan : 21 / 07 / 2020

Demikian surat ini dibuat untuk dipergunakan seperlunya dilingkungan Universitas Gunadarma dan Kopertis Wilayah III.