Institutional Repository | Satya Wacana Christian University: Perancangan dan Pembuatan Website E-Commerce pada Konveksi “Fausta Gallery” T0 562011011 BAB II
BAB II
TINJAUAN PUSTAKA
2.1 Penelitian Terdahulu
Acuan yang berupa teori-teori atau temuan-temuan
melalui hasil dari berbagai penelitian sebelumnya merupakan
hal yang sangat perlu dijadikan sebagai data pendukung untuk
proses pembuatan perancangan website e-commers. Data
pendukung yang perlu dijadikan sebagai bahan pertimbangan
dalam perancangan website ini adalah penelitian terdahulu
yang relevan serta mencangkup permasalahan yang sedang
dibahas dalam penelitian ini. Fokus penelitian yang dijadikan
acuan adalah terkait dengan teknologi informasi serta
komunikasi berbasis website. Sebagai bahan pertimbangan
dalam penelitian ini akan dicantumkan beberapa hasil
penelitian terdahulu oelh beberapa peneliti yang pernah
penulis baca diatarannya :
Penelitian yang dilakukan oleh Elizaandayni Ginting
tahun 2013, dengan judul Aplikasi Penjualan Berbasis Web
(e-commerce) Menggunakan Joomla Pada Mutiara Fashion,
pada penelitian ini pembuatan website menggunakan aplikasi
Joomla [1]. Joomla adalah salah satu aplikasi yang digunakan
untuk membuat atau membangun sebuah website dinamis
yang dilengkapi berbagai fasilitas yang mendukungnya.
Joomla termasuk dalam kategori aplikasi CMS (Content
8
9
Management System) open source, artinya dapat anda
pergunakan dengan sebebas-bebasnya atau bebas untuk
mengoperasikannya.
Penelitian yang dilakukan oleh Lia Setiawan tahun
2009, dengan judul Pembuatan website e-commerce Butik
Diar Lutfi Surakarta, pada penelitian ini sistem pembayaran
barang dilakukan dengan transfer antar rekening secara
manual yang kemudian divalidasi oleh admin setelah pembeli
mengkonfirmasi pembayaran [2].
Pada penelitian yang dilakukan oleh Elizaandayni
Ginting, dengan judul “Aplikasi Penjualan Berbasis Web (Ecommerce) Menggunakan Joomla Pada Mutiara Fashion”
menggunakan Joomla sebagai aplikasi untuk membuat
website e-commerce. Sedangkan perancangan website yang
dilakukan oleh peneliti menggunakan Adobe Dreamweaver
sebagai aplikasi untuk pembuatan website e-commerce
Konveksi “Fausta Gallery”. Pada penelitian ini penulis
gunakan sebagai acuan karena informasi tentang produk
terbaru dapat terpublikasikan dengan baik.
Penelitian yang dilakukan oleh Lia Setiawan batasan
masalah pada pembuatan website e-commerce
yaitu pada
data kota tujuan pengiriman barang merupakan sampling data
dari kota-kota yang ada di Indonesia, sedangkan pada
pembuatan website e-commerce peneliti, batasan masalah
10
sampai pada data pembeli yang ada adalah pembeli yang
sudah mendaftar sebagai member pada website e-commerce
konveksi “Fausta Galery”. Penelitian ini penulis gunakan
sebagai acuan karena pada penelitian ini pemesanan produk
pada website ini menghemat waktu dan biaya dibandingkan
dengan pemesanan secara langsung datang ke konveksi, dan
pembeli dapat melihat katalog produk yang dapat dilihat
langsung pada halaman website ini.
11
1.2 Landasan Teori
1.2.1 Website
Website atau situs dapat diartikan sebagai kumpulan
halaman yang menampilkan informasi data teks, data
gambar diam atau gerak, data animasi, suara, video
dan atau gabungan dari semuanya, baik yang bersifat
statis maupun dinamis yang membentuk satu
rangkaian bangunan yang saling terkait dimana
masing-masing
dihubungkan
dengan
jaringan-
jaringan halaman (hyperlink).
1.2.2 Bahasa Pemprograman yang Digunakan
1. HTML (Hypertext Markup Language)
Pengertian HTML menurut istilah merupakan
bahasa yang bersifat statis yang digunakan
sebagai
standart
pembangun
halaman
web,
berfungsi untuk menampilkan tampilan wujud
yang terintegrasi dan ditulis di dalam format
ASCII, bahasa ini bermula dari SGML (Standard
Generalized Markup Language)
yang biasa
digunakan di dunia penerbitan dan percetakan.
Bahasa ini pertama kali dibuat oleh Caillau TIM
dengan Berners-lee rober.
Secara umum, fungsi HTML adalah untuk
mengelola
serangkaian
data
dan
informasi
12
sehingga suatu dokumen dapat diakses dan
ditampilkan di internet melalui layanan web.
Fungsi HTML yang lebih spesifik yaitu :
a. Membuat halaman web.
b. Menampilkan berbagai informasi di dalam
sebuah browser internet.
c. Membuat link menuju halaman web lain
dengan kode tertentu (hypertext).
2. PHP “Hypertext Preprocessor”
PHP sendiri sebenarnya merupakan singkatan dari
“Hypertext
Preprocessor”,
yang
merupakan
sebuah bahasa scripting tingkat tinggi yang
dipasang pada dokumen HTML. Sebagian besar
sintaks dalam PHP mirip dengan bahasa C, Java
dan Perl, namun pada PHP ada beberapa fungsi
yang lebih spesifik. Sedangkan tujuan utama dari
penggunaan
bahasa
untuk memungkinkan
ini
perancang
adalah
web
yang
dinamis dan dapat bekerja secara otomatis.
3. MySQL (My Structur Query Language)
MySQL adalah sebuah implementasi dari sistem
manajemen basis data relasional (RDBMS) yang
didistribusikan secara gratis. Setiap pengguna
13
dapat secara bebas menggunakan MySQL, namun
dengan batasan perangkat lunak tersebut tidak
boleh dijadikan produk turunan yang bersifat
komersial.
MySQL
sebenarnya
merupakan
turunan salah satu konsep utama dalam basisdata
yang telah ada sebelumnya; SQL (Structured
Query Language). SQL adalah sebuah konsep
pengoperasian
basisdata,
terutama
untuk
pemilihan atau seleksi dan pemasukan data, yang
memungkinkan pengoperasian data dikerjakan
dengan mudah secara otomatis. Keistimewaan
MySQL antara lain :
a. Portabilitas. MySQL dapat berjalan stabil
pada
berbagai
sistem
operasi
seperti
Windows, Linux, FreeBSD, Mac Os X
Server, Solaris, Amiga, dan masih banyak
lagi.
b. Perangkat
lunak
sumber
terbuka
(open
source). MySQL didistribusikan sebagai open
source sehingga
dapat
digunakan
secara
gratis.
c. Multi-user. MySQL dapat digunakan oleh
beberapa
pengguna
dalam
waktu
yang
bersamaan tanpa mengalami masalah atau
konflik.
14
d. Performance
kecepatan
tuning,
yang
MySQL
memiliki
menakjubkan
dalam
menangani query sederhana, dengan kata lain
dapat memproses lebih banyak SQL per
satuan waktu.
e. Ragam tipe data. MySQL memiliki ragam
tipe data yang sangat kaya, seperti signed /
unsigned integer, float, double, char, text,
date, timestamp, dan lain-lain.
f. Perintah dan Fungsi.
MySQL
memiliki
operator dan fungsi secara penuh yang
mendukung perintah Select dan Where dalam
perintah (query).
g. Keamanan.
MySQL
memiliki
beberapa
lapisan keamanan seperti password yang
terenkripsi.
h. Skalabilitas dan Pembatasan. MySQL mampu
menangani basis data dalam skala besar,
dengan jumlah record lebih dari 50 juta dan
60 ribu tabel serta 5 milyar baris. Selain itu
batas indeks yang dapat ditampung mencapai
32 indeks pada tiap tabelnya.
i.
Konektivitas.
MySQL
dapat
melakukan
koneksi dengan klien menggunakan protokol
15
TCP/IP, Unix soket (UNIX), atau named
pipes (NT).
j.
Lokalisasi. MySQL dapat mendeteksi pesan
kesalahan pada klien dengan menggunakan
lebih dari dua puluh bahasa. Meski pun
demikian, bahasa Indonesia belum termasuk
di dalamnya.
k. Antar Muka. MySQL memiliki antar muka
(interface) terhadap berbagai aplikasi dan
bahasa pemrograman dengan menggunakan
fungsi
API (Application
Programming
Interface).
l.
Klien dan Peralatan. MySQL dilengkapi
dengan berbagai tool yang dapat digunakan
untuk administrasi basis data, dan pada setiap
peralatan yang ada disertakan petunjuk
online.
m. Struktur tabel. MySQL memiliki struktur tabel
yang lebih fleksibel dalam menangani ALTER
TABLE, dibandingkan basis data lainnya
semacam PostgreSQL ataupun Oracle.
1.2.3 Software Aplikasi yang Digunakan
1. Corel Draw
16
Corel Draw adalah sebuah program komputer
yang melakukan editing pada garis vektor.
Program ini dibuat oleh Corel, sebuah perusahaan
software yang berkantor pusat di Ottawa, Kanada.
Corel draw memiliki kegunaan untuk mengolah
gambar, oleh karena itu banyak digunakan pada
pekerjaan dalam bidang publikasi atau percetakan
ataupun
pekerjaan
di
bidang
lain
yang
membutuhkan proses visualisasi.
2. Adobe Photoshop
Photoshop adalah perangkat lunak editor citra
buatan Adobe Systems yang dikhususkan untuk
pengeditan foto/gambar dan pembuatan efek.
Perangkat lunak ini banyak digunakan oleh
fotografer digital dan perusahaan iklan sehingga
dianggap sebagai pemimpin pasar (market leader)
untuk perangkat lunak pengolah gambar/foto,
dan, bersama Adobe Acrobat, dianggap sebagai
produk terbaik yang pernah diproduksi oleh
Adobe Systems.
3. Adobe Dreamweaver
Adobe Dreamweaver adalah aplikasi desain dan
pengembangan web yang menyediakan editor
WYSIWYG visual (bahasa sehari-hari yang
disebut sebagai Design view) dan kode editor
17
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. Dreamweaver memiliki fitur browser
yang terintegrasi untuk melihat halaman web
yang dikembangkan di jendela pratinjau program
sendiri agar konten memungkinkan untuk terbuka
di web browser yang telah terinstall. Aplikasi ini
menyediakan transfer dan fitur sinkronisasi,
kemampuan untuk mencari dan mengganti baris
teks atau kode untuk mencari kata atau kalimat
biasa di seluruh situs, dan templating feature yang
memungkinkan untuk berbagi satu sumber kode
atau memperbarui tata letak di seluruh situs tanpa
server side includes atau scripting. Behavior
Panel
juga
memungkinkan
penggunaan
JavaScript dasar tanpa pengetahuan coding, dan
integrasi dengan Adobe Spry Ajax framework
18
menawarkan akses mudah ke konten yang dibuat
secara dinamis dan interface.
4. Wamp Server
Wamp adalah sebuah aplikasi yang dapat
menjadikan komputer kita menjadi sebuah server.
Kegunaan wamp server ini untuk membuat
jaringan local sendiri dalam artian kita dapat
membuat website secara offline untuk masa cobacoba di komputer sendiri.
TINJAUAN PUSTAKA
2.1 Penelitian Terdahulu
Acuan yang berupa teori-teori atau temuan-temuan
melalui hasil dari berbagai penelitian sebelumnya merupakan
hal yang sangat perlu dijadikan sebagai data pendukung untuk
proses pembuatan perancangan website e-commers. Data
pendukung yang perlu dijadikan sebagai bahan pertimbangan
dalam perancangan website ini adalah penelitian terdahulu
yang relevan serta mencangkup permasalahan yang sedang
dibahas dalam penelitian ini. Fokus penelitian yang dijadikan
acuan adalah terkait dengan teknologi informasi serta
komunikasi berbasis website. Sebagai bahan pertimbangan
dalam penelitian ini akan dicantumkan beberapa hasil
penelitian terdahulu oelh beberapa peneliti yang pernah
penulis baca diatarannya :
Penelitian yang dilakukan oleh Elizaandayni Ginting
tahun 2013, dengan judul Aplikasi Penjualan Berbasis Web
(e-commerce) Menggunakan Joomla Pada Mutiara Fashion,
pada penelitian ini pembuatan website menggunakan aplikasi
Joomla [1]. Joomla adalah salah satu aplikasi yang digunakan
untuk membuat atau membangun sebuah website dinamis
yang dilengkapi berbagai fasilitas yang mendukungnya.
Joomla termasuk dalam kategori aplikasi CMS (Content
8
9
Management System) open source, artinya dapat anda
pergunakan dengan sebebas-bebasnya atau bebas untuk
mengoperasikannya.
Penelitian yang dilakukan oleh Lia Setiawan tahun
2009, dengan judul Pembuatan website e-commerce Butik
Diar Lutfi Surakarta, pada penelitian ini sistem pembayaran
barang dilakukan dengan transfer antar rekening secara
manual yang kemudian divalidasi oleh admin setelah pembeli
mengkonfirmasi pembayaran [2].
Pada penelitian yang dilakukan oleh Elizaandayni
Ginting, dengan judul “Aplikasi Penjualan Berbasis Web (Ecommerce) Menggunakan Joomla Pada Mutiara Fashion”
menggunakan Joomla sebagai aplikasi untuk membuat
website e-commerce. Sedangkan perancangan website yang
dilakukan oleh peneliti menggunakan Adobe Dreamweaver
sebagai aplikasi untuk pembuatan website e-commerce
Konveksi “Fausta Gallery”. Pada penelitian ini penulis
gunakan sebagai acuan karena informasi tentang produk
terbaru dapat terpublikasikan dengan baik.
Penelitian yang dilakukan oleh Lia Setiawan batasan
masalah pada pembuatan website e-commerce
yaitu pada
data kota tujuan pengiriman barang merupakan sampling data
dari kota-kota yang ada di Indonesia, sedangkan pada
pembuatan website e-commerce peneliti, batasan masalah
10
sampai pada data pembeli yang ada adalah pembeli yang
sudah mendaftar sebagai member pada website e-commerce
konveksi “Fausta Galery”. Penelitian ini penulis gunakan
sebagai acuan karena pada penelitian ini pemesanan produk
pada website ini menghemat waktu dan biaya dibandingkan
dengan pemesanan secara langsung datang ke konveksi, dan
pembeli dapat melihat katalog produk yang dapat dilihat
langsung pada halaman website ini.
11
1.2 Landasan Teori
1.2.1 Website
Website atau situs dapat diartikan sebagai kumpulan
halaman yang menampilkan informasi data teks, data
gambar diam atau gerak, data animasi, suara, video
dan atau gabungan dari semuanya, baik yang bersifat
statis maupun dinamis yang membentuk satu
rangkaian bangunan yang saling terkait dimana
masing-masing
dihubungkan
dengan
jaringan-
jaringan halaman (hyperlink).
1.2.2 Bahasa Pemprograman yang Digunakan
1. HTML (Hypertext Markup Language)
Pengertian HTML menurut istilah merupakan
bahasa yang bersifat statis yang digunakan
sebagai
standart
pembangun
halaman
web,
berfungsi untuk menampilkan tampilan wujud
yang terintegrasi dan ditulis di dalam format
ASCII, bahasa ini bermula dari SGML (Standard
Generalized Markup Language)
yang biasa
digunakan di dunia penerbitan dan percetakan.
Bahasa ini pertama kali dibuat oleh Caillau TIM
dengan Berners-lee rober.
Secara umum, fungsi HTML adalah untuk
mengelola
serangkaian
data
dan
informasi
12
sehingga suatu dokumen dapat diakses dan
ditampilkan di internet melalui layanan web.
Fungsi HTML yang lebih spesifik yaitu :
a. Membuat halaman web.
b. Menampilkan berbagai informasi di dalam
sebuah browser internet.
c. Membuat link menuju halaman web lain
dengan kode tertentu (hypertext).
2. PHP “Hypertext Preprocessor”
PHP sendiri sebenarnya merupakan singkatan dari
“Hypertext
Preprocessor”,
yang
merupakan
sebuah bahasa scripting tingkat tinggi yang
dipasang pada dokumen HTML. Sebagian besar
sintaks dalam PHP mirip dengan bahasa C, Java
dan Perl, namun pada PHP ada beberapa fungsi
yang lebih spesifik. Sedangkan tujuan utama dari
penggunaan
bahasa
untuk memungkinkan
ini
perancang
adalah
web
yang
dinamis dan dapat bekerja secara otomatis.
3. MySQL (My Structur Query Language)
MySQL adalah sebuah implementasi dari sistem
manajemen basis data relasional (RDBMS) yang
didistribusikan secara gratis. Setiap pengguna
13
dapat secara bebas menggunakan MySQL, namun
dengan batasan perangkat lunak tersebut tidak
boleh dijadikan produk turunan yang bersifat
komersial.
MySQL
sebenarnya
merupakan
turunan salah satu konsep utama dalam basisdata
yang telah ada sebelumnya; SQL (Structured
Query Language). SQL adalah sebuah konsep
pengoperasian
basisdata,
terutama
untuk
pemilihan atau seleksi dan pemasukan data, yang
memungkinkan pengoperasian data dikerjakan
dengan mudah secara otomatis. Keistimewaan
MySQL antara lain :
a. Portabilitas. MySQL dapat berjalan stabil
pada
berbagai
sistem
operasi
seperti
Windows, Linux, FreeBSD, Mac Os X
Server, Solaris, Amiga, dan masih banyak
lagi.
b. Perangkat
lunak
sumber
terbuka
(open
source). MySQL didistribusikan sebagai open
source sehingga
dapat
digunakan
secara
gratis.
c. Multi-user. MySQL dapat digunakan oleh
beberapa
pengguna
dalam
waktu
yang
bersamaan tanpa mengalami masalah atau
konflik.
14
d. Performance
kecepatan
tuning,
yang
MySQL
memiliki
menakjubkan
dalam
menangani query sederhana, dengan kata lain
dapat memproses lebih banyak SQL per
satuan waktu.
e. Ragam tipe data. MySQL memiliki ragam
tipe data yang sangat kaya, seperti signed /
unsigned integer, float, double, char, text,
date, timestamp, dan lain-lain.
f. Perintah dan Fungsi.
MySQL
memiliki
operator dan fungsi secara penuh yang
mendukung perintah Select dan Where dalam
perintah (query).
g. Keamanan.
MySQL
memiliki
beberapa
lapisan keamanan seperti password yang
terenkripsi.
h. Skalabilitas dan Pembatasan. MySQL mampu
menangani basis data dalam skala besar,
dengan jumlah record lebih dari 50 juta dan
60 ribu tabel serta 5 milyar baris. Selain itu
batas indeks yang dapat ditampung mencapai
32 indeks pada tiap tabelnya.
i.
Konektivitas.
MySQL
dapat
melakukan
koneksi dengan klien menggunakan protokol
15
TCP/IP, Unix soket (UNIX), atau named
pipes (NT).
j.
Lokalisasi. MySQL dapat mendeteksi pesan
kesalahan pada klien dengan menggunakan
lebih dari dua puluh bahasa. Meski pun
demikian, bahasa Indonesia belum termasuk
di dalamnya.
k. Antar Muka. MySQL memiliki antar muka
(interface) terhadap berbagai aplikasi dan
bahasa pemrograman dengan menggunakan
fungsi
API (Application
Programming
Interface).
l.
Klien dan Peralatan. MySQL dilengkapi
dengan berbagai tool yang dapat digunakan
untuk administrasi basis data, dan pada setiap
peralatan yang ada disertakan petunjuk
online.
m. Struktur tabel. MySQL memiliki struktur tabel
yang lebih fleksibel dalam menangani ALTER
TABLE, dibandingkan basis data lainnya
semacam PostgreSQL ataupun Oracle.
1.2.3 Software Aplikasi yang Digunakan
1. Corel Draw
16
Corel Draw adalah sebuah program komputer
yang melakukan editing pada garis vektor.
Program ini dibuat oleh Corel, sebuah perusahaan
software yang berkantor pusat di Ottawa, Kanada.
Corel draw memiliki kegunaan untuk mengolah
gambar, oleh karena itu banyak digunakan pada
pekerjaan dalam bidang publikasi atau percetakan
ataupun
pekerjaan
di
bidang
lain
yang
membutuhkan proses visualisasi.
2. Adobe Photoshop
Photoshop adalah perangkat lunak editor citra
buatan Adobe Systems yang dikhususkan untuk
pengeditan foto/gambar dan pembuatan efek.
Perangkat lunak ini banyak digunakan oleh
fotografer digital dan perusahaan iklan sehingga
dianggap sebagai pemimpin pasar (market leader)
untuk perangkat lunak pengolah gambar/foto,
dan, bersama Adobe Acrobat, dianggap sebagai
produk terbaik yang pernah diproduksi oleh
Adobe Systems.
3. Adobe Dreamweaver
Adobe Dreamweaver adalah aplikasi desain dan
pengembangan web yang menyediakan editor
WYSIWYG visual (bahasa sehari-hari yang
disebut sebagai Design view) dan kode editor
17
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. Dreamweaver memiliki fitur browser
yang terintegrasi untuk melihat halaman web
yang dikembangkan di jendela pratinjau program
sendiri agar konten memungkinkan untuk terbuka
di web browser yang telah terinstall. Aplikasi ini
menyediakan transfer dan fitur sinkronisasi,
kemampuan untuk mencari dan mengganti baris
teks atau kode untuk mencari kata atau kalimat
biasa di seluruh situs, dan templating feature yang
memungkinkan untuk berbagi satu sumber kode
atau memperbarui tata letak di seluruh situs tanpa
server side includes atau scripting. Behavior
Panel
juga
memungkinkan
penggunaan
JavaScript dasar tanpa pengetahuan coding, dan
integrasi dengan Adobe Spry Ajax framework
18
menawarkan akses mudah ke konten yang dibuat
secara dinamis dan interface.
4. Wamp Server
Wamp adalah sebuah aplikasi yang dapat
menjadikan komputer kita menjadi sebuah server.
Kegunaan wamp server ini untuk membuat
jaringan local sendiri dalam artian kita dapat
membuat website secara offline untuk masa cobacoba di komputer sendiri.