STMIK NUSAMANDIRI JAKARTA

PERANCANGAN WEB PADA TOKO ONLINE TOKOAUDIO

Diajukan untuk memenuhi mata kuliah E-comerce pada Program Strata I

Didik Darmadi (12160155)

Dominikus B. P. Adjie (12160069)
Devri Damara (12160337)
Muhammad Ramdan (12160294)

Jurusan Teknik Informatika

Sekolah Tinggi Manajemen Informatika dan Komputer Nusa Mandiri

( JAKARTA )

2018
STMIK NUSAMANDIRI JAKARTA

Kata Pengantar

Dengan mengucapkan puji dan syukur kehadirat Allah SWT atas

terselesaikanya Tugas Kelompok dengan judul “PERANCANGAN WEB
PADA TOKO ONLINE TOKOAUDIO”. Tugas ini sebagai salah satu
persyaratan untuk memperoleh nilai Tugas Kelompok pada mata kuliah E-
Commerce.
Selama menyelesaikan makalah ini, kelompok kami telah banyak
menerima bimbingan, pengarahan, petunjuk, dan saran, serta fasilitas yang
membantu hingga tugas kelompok kami dari penulisan tugas kelompok ini.
Untuk itu kelompok kami menyampaikan ucapan terima kasih yang sebesar-
besarnya kepada yang terlibat dalam pembuatan tugas kelompok ini.
kelompok kami menyadari sepenuhnya bahwa tugas ini belum sempurna, oleh
karena itu kelompok kami mengharapkan saran dan kritik dari semua.Akhir
kata kelompok kami berharap semoga makalah ini berguna bagi kelompok
kami pada khususnya dan semua pihak yang membutuhkan.

Penulis

Jakarta, 28-10-2018

1
STMIK NUSAMANDIRI JAKARTA

DAFTAR ISI
Kata Pengatar ..................................................................................... 1

Daftar Isi ............................................................................................. 2

BAB I PENDAHULUAN

1.1. Latar Belakang............................... .............................. 3

1.2. Ruang Lingkup ............................................................. 4

1.3.Tujuan web ...................................... .............................. 4

BAB II LANDASAN TEORI

2.1. Konsep Dasar Web ....................... .............................. 6

2.1.1.Website ......................................... ..............................9

2.1.2 Bahasa Pemograman.....................................................10

2.1.3 DataBase.......................................................................12

2.2 Konsep Dasar E-comerce.................................................13

2.3 Sekilas Tentang Prestashop..............................................14

2.4 Proses Instalasi.................................................................17

BAB III PEMBAHASAN

3.1. Tampilan Antar Muka Untuk Costumer…................28

3.2. Tampilan Antar Muka Untuk Seller .......................... 32

BAB IV PENUTUP

4.1. Kesimpulan........................................................................ 36

4.2. Saran ................................................................................... 36

4.3 Daftar Pustaka........................................................................37

2
STMIK NUSAMANDIRI JAKARTA

BAB I
PENDAHULUAN

1.1. Latar Belakang

Jual Beli adalah kegiatan manusia yang ada sejak zaman dahulu,
sebelum mengenal uang masyarakat indonesia melakukan aktifitas jual beli
dengan Sistem Barter (saling tukar barang). Sejak tahun 1817 masyarakat
indonesia telah mengenal Uang sebagai alat pembayaran yang sah yang
diperkenalkan oleh Belanda ketika masa penjajahan.
Ketika uang di indonesia telah diketahui oleh banyak masyarakat,
masyarakat indonesia menggunakan uang tersebut dengan berbagai hal yang
tentunya bisa ditukarkan atau diperjual belikan oleh barang maupun jasa yang
setara dengan nilai tukar uang tersebut. Salah satunya penjualan barang-
barang yang paling banyak diminati oleh masyarakat indonesia. Banyak toko
yang sudah menggunakan teknologi komputer untuk memudahkan transaksi
penjualan ataupun untuk mengecek stok barang yang tersedia walaupun masih
ada juga toko penjualan yang masih menggunkan sistem manual untuk
transaksinya.
Kemudahan penjualan dengan sistem yang terkomputerisasi tentunya
memiliki sebuah permasalahan, mulai dari jarak yang cukup jauh untuk pergi
ke toko, mengantrinya membeli barang disuatu toko penjualan maupun stok
ataupun barang yang kita inginkan tidak tersedia.

Seiring berjalannya waktu dan teknologi yang semakin canggih,

masyarakat indonesia lebih banyak menghabiskan waktunya dengan internet.
Banyak situs-situs positif yang memberikan informasi kepada para pengguna

3
STMIK NUSAMANDIRI JAKARTA

internet yang sangat berguna untuk kehidupan sehari-hari, misalnya situs

tentang pendidikan, sejarah-sejarah, bahkan sampai situs jual beli yang sangat
signifikan perkembangannya hingga saat ini.
Masyarakat indonesia semakin hari semakin ingin kenal dekat dengan
teknologi internet, banyak yang menggunakan internet sebagai ladang
usahanya, salah satunya adalah situs yang memperjualkan barang-barang atau
kita sebut dengan toko online. Situs ini bisa dimiliki oleh penjual yang ingin
menjual barang ke tempat yang mungkin berjauhan dan memberikan solusi
bagi konsumen yang ingin membeli barang yang dinginkannya. Tentunya
kemudahan internet dalam sistem penjualan memberikan kemudahan baik
bagi si penjual maupun pembelinya. Jika pembeli tidak menemukan barang
atau kehabisan stok di sebuah toko online, maka pembeli bisa mencari barang
di toko online lainnya. selain itu penjual atau perusahaan bisa menjualkan
barangnya ke tempat yang cukup jauh atau keseluruh indonesia, dan juga
penjual memiliki banyak customer online. Hal ini pula yang memberikan
solusi bagi perusahaan maupun penjual kecil untuk memecahkan
permasalahan yang ada pada sistem penjualan.
Oleh karena itu penulis mencoba memecahkan permasalahan yang ada
dalam toko penjualan barang dengan membuat toko berbasis web, hal ini pula
yang melatar belakangi judul kami yaitu ”PERANCANGAN WEB PADA
TOKO ONLINE TOKOAUDIO”.

1.2. Ruang Lingkup

Dalam pembahasan kali ini penulis membatasi ruang lingkup yang
meliputi Tidak ada supplier (toko pribadi) pendaftaran atau registrasi akun
bagi pembeli, pembelian barang, transaksi pembayaran, harga ongkos kirim
kurir disetiap daerah adalah sama, pembayaran hanya dapat melalui transfer
bank atau datang langsung ke toko, jenis pembayaran secara tunai, tidak ada
form penggantian barang jika barang rusak, struktur navigasi hanya navigasi
hirarki.

4
 STMIK NUSAMANDIRI JAKARTA

1.3. Tujuan Web

Dalam membuat web kami memiliki beberapa tujuan yang kami
harapkan bisa tercapai dan menghasilkan secara signifikan, adapun tujuan
kami membuat TOKOAUDIO.COM yaitu :
1. Menjangkau Generasi Millenials khususnya pecinta music dan audio untuk
membeli produk kami.
2. Memanfaatkan peluang pasar digital dalam bidang audio
3. Menjangkau orang orang didaerah yang jauh dari lokasi toko fisik kami
4. Mengikuti perkembangan jaman

5
STMIK NUSAMANDIRI JAKARTA

BAB II
LANDASAN TEORI

2.1. Konsep Dasar Web

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). Bersifat statis apabila isi informasi website tetap, jarang
berubah, dan isi informasinya searah hanya dari pemilik website. Bersifat
dinamis apabila isi informasi website selalu berubah-ubah, dan isi
informasinya interaktif dua arah berasal dari pemilik serta pengguna website.
Contoh website statis adalah berisi profil perusahaan, sedangkan website
dinamis adalah seperti Friendster, Multiply. Dalam perkembangannya,
website statis hanya bisa di-update oleh pemiliknya saja, sedangkan website
dinamis bisa di-update oleh pengguna maupun pemilik.
Dalam pengertian website lebih lanjut, situs web mewakili
sekumpulan dari halaman web yang telah di kelola, yang berisi teks, gambar
dan semua jenis file multi-media yang disajikan untuk perhatian dari
pengguna internet denagan estetika dan cara yang mudah diakses. Semua
website yang diaktifkan melalui Internet di sebut World Wide Web (WWW).
Data yang terdapat di dalam website ini disusun dan dibuat agar dapat diakses
oleh publik online dengan bantuan bahasa pemrograman seperti (X) HTML
dan PHP, hanya untuk beberapa nama.

6
STMIK NUSAMANDIRI JAKARTA

Pemrograman website adalah metode utama untuk mendefinisikan

struktur darisebuah website dan mengelola tindakan dalam menangani
pengunjung yang menelusuri halaman-halamannya. Dengan kemampuan
teknik desain web, informasi akan terstruktur dengan baik dan tampilan
menjadi lebih bersahabat. Agar halaman web dapat dipresentasikan pada
monitor pengunjung, kita perlu hosting pada server web, yang kemudian
mereka mentransfer ke browser web melalui HTTP, protokol utama dari
WWW dapat kita lihat pada awal setiap alamat situs.
Ada pengertian tentang Konsep Dasar Web, yaitu sebagai berikut:

1. Dasar-dasar Pemrograman Berbasis Web.

Beberapa konsep dasar pemrograman berbasis web, yaitu:
a. Komunikasi antara web browser dan web server berdasarkan
protokol HTTP.
b. Dokumen dan semua sumber daya apapun di jaringan yang dikehendaki di
identifikasi dengan Universal Resource Locator (URL).
c. Dokumen web ditulis berdasarkan standar HTML.
d. Pemrograman sisi klien (client-side scripting) dan Java applet.
e. Pemrograman sisi server (server-side scripting atau programming).

Sistem Berbasis Web atau Aplikasi Berbasis Web adalah sebuah

sistem yang dibangun dengan konsep rekayasa web (web engineering) dan
diaplikasikan secara online melalui media internet.

2. World Wide Web

World Wide Web ("WWW", atau singkatnya "Web") adalah suatu ruang
informasi dimana sumber-sumber daya yang berguna di identifikasi oleh
pengenal global yang disebut Uniform Resource Identifier (URI). WWW
sering dianggap sama dengan Internet secara keseluruhan, walaupun
sebenarnya ia hanyalah bagian dari padanya.

7
STMIK NUSAMANDIRI JAKARTA

3. Web Browser
Web Browser adalah perangkat lunak yang mulanya hanya untuk
menampilkan (rendering) dokumen web atau HTML. Namun saat ini, web
browser harus mampu mengeksekusi JavaScript atau VBScript, menjalankan
Java Applet, memahami dokumen XML, dan menjalankan dokumen tertentu
dengan fasiltias plug-in seperti file.swf Macromedia Flash dan sebagainya.
Disamping itu web browser juga mempunyai fasilitas kenyamanan pemakai
seperti dapat membuka lebih dari satu jendela, manajemen alamat web yang
bagus, pengamanan yang memadai dan sebagainya. Contoh: Internet
Explorer, Mozilla Firefox, Opera.

4. Web server
Web server adalah HTTP server sebagai penyedia dokumen yang diminta web
browser. Saat ini, web server telah kompleks karena harus melayani banyak
hal dan bahkan menjadi pusat layanan-layanan lain. Web server telah menjadi
komponen terpenting di application server. Web server harus mampu
melayani permintaan dokumen yang diminta web browser, dan mampu
disetting berinteraksi dengan program JSP, ASP, PHP, secara CGI dan
sebagainya. Contoh: Apache, IIS.

5. Web service
Web service adalah suatu sistem perangkat lunak yang dirancang untuk
mendukung dan berinteraksi antar sistem pada suatu jaringan. Web service
digunakan sebagai suatu fasilitas yang disediakan oleh suatu website untuk
menyediakan layanan (dalam bentuk informasi) kepada sistem lain, sehingga
sistem lain dapat berinteraksi dengan sistem tersebut melalui layanan-layanan
(service) yang disediakan oleh suatu sistem yang menyediakan web service.
Web service menyimpan data informasi dalam format XML, sehingga data ini
dapat diakses oleh sistem lain walaupun berbeda platform, sistem operasi,
maupun bahasa compiler.

8
STMIK NUSAMANDIRI JAKARTA

6. Web Programming
Web dapat dikategorikan menjadi dua, yaitu:
a. Web Static
Web yang menampilkan informasi-informasi yang sifatnya statis (tetap).
b. Web Dinamis atau Interaktif
Web yang menampilkan informasi serta dapat berinteraksi dengan user yang
sifatnya dinamis. Sehingga untuk membuat web dinamis dibutuhkan
kemampuan pemrograman web.

7. Hypertext Transfer Protocol (HTTP)

HTTP adalah protokol level aplikasi untuk sistem informasi hypermedia
tersebar. Protokol ini generik yang dapat dimanfaatkan banyak tugas selain
untuk hypertext. HTTP adalah bahasa komunikasi antara web browser dan
web server, dimana kebanyakan komunikasi ini di luar perhatian pemakai web
browser.

8. Hypertext Markup Language (HTML)

HTML merupakan bahasa markup paling popular, disusul eXtensible Markup
Language (XML). XML adalah bahasa yang digunakan untuk membuat
bahasa markup lain yaitu Wireless Markup Language (WML). Bahasa
markup bukan bahasa pemrograman. Oleh karena itu, penyebutan bahasa
pemrograman HTML adalah kurang tepat.

9. XML (eXtended Markup Language)

XML adalah bahasa markup yang digunakan untuk menyimpan data (tidak
ada program) dan tidak tergantung dengan tools tertentu (seperti editor, dbms,
compiler dan sebagainya).

2.1.1. Website

9
STMIK NUSAMANDIRI JAKARTA

Website adalah kumpulan dari halaman - halaman situs, yang terangkum

dalam sebuah domain atau subdomain, yang tempatnya berada di dalam
World Wide Web ( WWW ) di dalam Internet. Sebuah halaman web biasanya
berupa dokumen yang ditulis dalam format HTML (Hyper Text Markup
Language), yang selalu bisa diakses melalui HTTP, yaitu sebuah protokol
yang menyampaikan informasi dari server website untuk ditampilkan kepada
para pemakai melalui web browser dan Website atau situs dapat juga 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).
Secara garis besar, website bisa digolongkan menjadi 3 bagian yaitu:
1. Website Statis
Website Statis adalah web yang mempunyai halaman tidak berubah. Artinya
adalah untuk melakukan perubahan pada suatu halaman dilakukan secara
manual dengan mengedit code yang menjadi struktur dari website tersebut.
2. Website Dinamis
Website Dinamis merupakan website yang secara struktur diperuntukan untuk
update sesering mungkin. Biasanya selain utama yang bisa diakses oleh user
pada umumnya, juga disediakan halaman backend untuk mengedit konten dari
website. Contoh umum mengenai website dinamis adalah web berita atau web
portal yang didalamnya terdapat fasilitas berita, polling dan sebagainya
3. Website Interaktif
Website Interaktif adalah web yang saat ini memang sedang booming. Salah
satu contoh website interaktif adalah blog dan forum. Di website ini user bisa
berinteraksi dan beradu argument mengenai apa yang menjadi pemikiran
mereka. Biasanya website seperti memiliki moderator untuk mengatur supaya
topik yang diperbincangkan tidak keluar jalur.

2.1.2. Bahasa Pemrograman

10
STMIK NUSAMANDIRI JAKARTA

Java adalah bahasa pemrograman yang multi platform dan multi device.
Sekali anda menuliskan sebuah program dengan menggunakan Java, anda
dapat menjalankannya hampir di semua komputer dan perangkat lain yang
support Java, dengan sedikit perubahan atau tanpa perubahan sama sekali
dalam kodenya. Aplikasi dengan berbasis Java ini dikompulasikan ke dalam
p-code dan bisa dijalankan dengan Java Virtual Machine. Fungsionalitas dari
Java ini dapat berjalan dengan platform System Operation yang berbeda
karena sifatnya yang umum dan non-spesifik.
PHP adalah singkatan dari "PHP: Hypertext Prepocessor", yaitu bahasa
pemrograman yang digunakan secara luas untuk penanganan pembuatan dan
pengembangan sebuah situs web dan bisa digunakan bersamaan dengan
HTML. PHP diciptakan oleh Rasmus Lerdorf pertama kali tahun 1994. Pada
awalnya PHP adalah singkatan dari "Personal Home Page Tools". Selanjutnya
diganti menjadi FI ("Forms Interpreter"). Sejak versi 3.0, nama bahasa ini
diubah menjadi "PHP: Hypertext Prepocessor" dengan singkatannya "PHP".
PHP versi terbaru adalah versi ke-5. Berdasarkan survey Netcraft pada bulan
Desember 1999, lebih dari sejuta site menggunakan PHP, di antaranya adalah
NASA, Mitsubishi, dan RedHat.
HTML dalah singkatan dari HyperText Markup Language yaitu bahasa
pemrograman standar yang digunakan untuk membuat sebuah halaman web,
yang kemudian dapat diakses untuk menampilkan berbagai informasi di
dalam sebuah penjelajah web Internet (Browser). HTML dapat juga
digunakan sebagai link link antara file-file dalam situs atau dalam komputer
dengan menggunakan localhost, atau link yang menghubungkan antar situs
dalam dunia internet.
Supaya dapat menghasilkan tampilan wujud yang terintegerasi Pemformatan
hiperteks sederhana ditulis dalam berkas format ASCII sehingga menjadi
halaman web dengan perintah-perintah HTML.
HTML merupakan sebuah bahasa yang bermula bahasa yang sebelumnya
banyak dipakai di dunia percetakan dan penerbirtan yang disebut Standard
Generalized Markup Language (SGML).

11
STMIK NUSAMANDIRI JAKARTA

Jquery merupakan suatu framework (library) Javascript yang menekankan

bagaimana interaksi antara Javascript dan HTML. JQuery pertama kali dirilis
pada tahun 2006 oleh John Resig. Pada perkembangannya JQuery tidak
sekedar sebagai framework Javascript, namun memiliki kehandalan dan
kelebihan yang cukup banyak. Hal tersebut menyebabkan banyak developer
web menggunakannya. JQuery memiliki slogan “Write less, do more” yang
kurang lebih maksudnya adalah kesederhanaan dalam penulisan code, tapi
dengan hasil yang lebih banyak.
JQuery merupakan library open source dengan lisensi GNU General Public
License dan MIT License. Dari sisi ukurannya, framework JQuery sungguh
ramping, hanya sekitar 20 KB dan hanya terdiri dari satu file. Namun
demikian, bagi yang menginginkan fungsi lebih, JQuery memungkinkan
penambahan fungsionalitas dalam bentuk plugin. Saat ini tersedia ribuan
plugin yang dapat diperoleh secara gratis di internet.

2.1.3. Database (Basis Data)

Database atau basis data adalah kumpulan data yang disimpan secara
sistematis di dalam komputer dan dapat diolah atau dimanipulasi
menggunakan perangkat lunak (program aplikasi) untuk menghasilkan
informasi. Pendefinisian basis data meliputi spesifikasi berupa tipe data,
struktur, dan juga batasan-batasan data yang akan disimpan. Basis data
merupakan aspek yang sangat penting dalam sistem informasi dimana basis
data merupakan gudang penyimpanan data yang akan diolah lebih lanjut.
Basis data menjadi penting karena dapat menghidari duplikasi data, hubungan
antar data yang tidak jelas, organisasi data, dan juga update yang rumit.
Proses memasukkan dan mengambil data ke dan dari media penyimpanan
data memerlukan perangkat lunak yang disebut dengan sistem manajemen
basis data (database management system | DBMS). DBMS merupakan sistem
perangkat lunak yang memungkinkan user untuk memelihara, mengontrol,
dan mengakses data secara praktis dan efisien. Dengan kata lain semua akses
ke basis data akan ditangani oleh DBMS. Ada beberapa fungsi yang harus
ditangani DBMS yaitu mengolah pendefinisian data, dapat menangani

12
STMIK NUSAMANDIRI JAKARTA

permintaan pemakai untuk mengakses data, memeriksa sekuriti dan integriti

data yang didefinisikan oleh DBA (Database Administrator), menangani
kegagalan dalam pengaksesan data yang disebabkan oleh kerusakan sistem
maupun disk, dan menangani unjuk kerja semua fungsi secara efisien.
Tujuan utama dari DBMS adalah untuk memberikan tinjauan abstrak data
kepada user (pengguna). Jadi sistem menyembunyikan informasi tentang
bagaimana data disimpan, dipelihara, dan tetap dapat diambil (akses) secara
efisien. Pertimbangan efisien di sini adalah bagaimana merancang struktur
data yang kompleks tetapi masih tetap bisa digunakan oleh pengguna awam
tanpa mengetahui kompleksitas strukturnya.
MySQL adalah sistem manajemen database SQL yang bersifat Open Source
dan paling populer saat ini. Sistem Database MySQL mendukung beberapa
fitur seperti multithreaded, multi-user, dan SQL database managemen sistem
(DBMS). Database ini dibuat untuk keperluan sistem database yang cepat,
handal dan mudah digunakan.
Ulf Micheal Widenius adalah penemu awal versi pertama MySQL yang
kemudian pengembangan selanjutnya dilakukan oleh perusahaan MySQL AB.
MySQL AB yang merupakan sebuah perusahaan komersial yang didirikan
oleh para pengembang MySQL. MySQL sudah digunakan lebih dari 11 millar
instalasi saat ini.

2.2. Konsep Dasar E-Commerce

Menurut (Catherine L Mann, 2014), e-Commerce bukan sebuah jasa

atau sebuah barang, tetapi merupakan perpaduan antara jasa dan barang. E-
Commerce dan kegiatan yang terkait melalui internet dapat menjadi
penggerak untuk memperbaiki ekonomi domestik melalui liberalisasi jasa
domestik dan mempercepat integrasi dengan kegiatan produksi global. Karena
e-Commerce akan mengintegrasikan perdagangan domestik dengan
perdagangan dunia, berbagai bentuk pembicaraan atau negosiasi tidak hanya
akan terbatas dalam aspek perdagangan dunia, tetapi bagaimana kebijakan
domestik tentang pengawasan di sebuah negara, khususnya dalam bidang

13
 STMIK NUSAMANDIRI JAKARTA

telekomunikasi, jasa keuangan, dan pengiriman sertadistribusi.

Penggolongan e-Commerce berdasarkan sifat transaksinya.
Menurut(M. Suyanto, 2013)dibedakan menjadi antara lain:

1. Business to business (B2B)

Karakteristik dari B2B adalah pertama, trading partners-nya telah diketahui

dan umumnya memiliki hubungan yang cukup lama serta informasi hanya
dipertukarkan dengan partner tersebut. Karakteristik ini memungkinkan
terjadinya hubungan yang harmonis dan saling percaya. Kedua, pertukaran
data berlangsung berulang-ulang dan secara berkala.
2. Business to Consumer (B2C)

B2C mempunyai karaketristik, pertama terbuka untuk umum, dimana

informasi disebarkan ke umum. Kedua, servis yang diberikan bersifat umum
dimana mekanismenya dapat digunakan oleh khalayak ramai. Ketiga,
pelayanan yang diberikan berdasarkan permohonan (on demand) maka
produsen mempersiapkan responnya sesuai dengan permohonan tersebut.
Keempat, pendekatan client atau server sering digunakan dimana diambil
asumsi client (consumer) menggunakan sistem yang minimal (berbasis Web)
dan processing (business procedure) diletakkan di sisi server.
3. Consumer to Consumer (B2C)

Dalam sistem consumer to consumer (C2C) adalah sistem e-commerce

dimana terdapat konsumen yang menjual barang atau jasa langsung ke
konsumen lain, dengan menggunakan bantuan pihak ketiga (perusahaan
lelang online). Pihak ketiga menjadi perantara atau mediator antara konsumen
yang ingin membeli dan menjual.

2.3. Sekilas Tentang Prestashop

14
STMIK NUSAMANDIRI JAKARTA

Untuk project kali ini kelompok kami menggunakan media yang disebut
CMS,Prestashop adalah salah satu open source ecommerce yang populer
digunakan untuk membuat toko online. PrestaShop memiliki salah satu
komunitas terbesar di dunia khusus didedikasikan untuk open source
ecommerce dengan lebih dari 700.000 anggota. PrestaShop tersedia di bawah
Open Software License dan secara resmi diluncurkan pada bulan Agustus
2007. Prestashop, dibangun dengan bahasa pemrograman PHP dan Smarty
template engine.
Membuat toko online gratis dengan Prestashop tidaklah sulit dan tidak
dibutuhkan pengetahuan pemrograman web expert. Langkah-langkah
dasarnya hanya install, konfigurasi, upload katalog produk, lalu promosikan
toko online Anda. PrestaShop diterjemahkan ke dalam 63 bahasa termasuk
bahasa Indonesia. Membuat toko online gratis menggunakan PrestaShop
dapat menjadi salah satu alternatif untuk mengembangkan bisnis dan usaha
Anda.

Fitur
Walaupun Prestashop gratis untuk digunakan. Prestashop memiliki fitur-fitur
yang cukup mumpuni untuk membuat toko online bisnis Anda. Fitur-fitur
prestashop sebagai berikut:

1. Templatable
Anda dapat dengan mudah merubah desain atau tampilan antarmuka toko
online hanya dengan install template baru atau mengedit source code.
2. Languages
PrestaShop diterjemahkan ke dalam 63 bahasa termasuk bahasa Indonesia.
3. Store Builder
Anda dapat membuat katalog produk yang akan dijual tanpa batasan.
4. Shopping Cart
Memberikan kemudahan pelanggan untuk memesan dan membeli produk di
toko online.
5. Mobile

15
STMIK NUSAMANDIRI JAKARTA

PrestaShop mendukung responsive design. Toko Online Anda dapat diakses

melalui berbagai platform web browser.
6. e-Marketing
Mendukung sistem eMarketing untuk mempromosikan dan memanjakan
pelanggan untuk selalu belanja di toko online anda.
7. Addons
Mendukung sistem berbasis modules sehingga Anda dapat menambahkan
fitur-fitur baru toko online.
8. EO Optimised
Mendukung SEF URL, meta keywords, meta data, dan lain sebagainya untuk
mengoptimalkan peringkat toko online Anda di mesin pencari.
9. Sales Reports
Dilengkapi dengan brilian sistem analisa dan statistik serta laporan penjualan
yang bisa Anda lihat setiap saat.

Keunggulan
1. Mendapat penghargaan dunia maya sebagai software Solusi Open Source
Terbaik E-Commerce pada tahun 2010 dan 2011.
2. Prestashop memeiliki lebih dari 250 fitur, diantaranya:
a. Support dengan bahasa Indonesia
b. Fitur-fitur yang lengkap seperti cart, featured products,tag produk, dll.
c. Membedakan antara pemasok dan merek
d. Adanya tag produk
e. Anda dapat menggunakan berbagai macam jenis pembayaran seperti
paypall, kartu kredit ataupun menggunakan bank-bank lokal.
f. Adanya fitur bingkisan hadiah
g. Adanya fitur untuk me-retur order, dan masih ada fitur yang lainnya.
3. PrestaShop adalah yang tercepat, yang paling ringan, dan perangkat
lunak E-Commerce Open Source paling progresif.
4. Sudah lebih dari 50,000 situs menggunakan Prestashop untuk menjalankan
bisnis online mereka karena lebih mudah sebuah produk ditemukan,
mudahnya memperoleh informasi secara detail dari produk dan mudahnya

16
 STMIK NUSAMANDIRI JAKARTA

menyelesaikan belanja beserta transaksinya.

2.4 Langkah instalasinya:

1. Masuk ke exampp.

2. Langkah selanjutnya ekstrak folder PrestaShop.zip yang telah Anda

download sebelumnya. Lalu paste folder tersebut pada direktori “Local disk
C ->XAMPP ->htdocs”.

6. buat databasenya di phpmyadmin, buka web browser ketik

ip/prestashop,kemudian login.

17
STMIK NUSAMANDIRI JAKARTA

7. Klik databases buat namanya prestashop kemudian creat.

8. New tab. ketik localhost/prestashop, setelah muncul tampilan awal

prestashop kita pilih bahasa > next.

9. Kemudian muncul "license agreement" pilih "i aggree" > next.

18
STMIK NUSAMANDIRI JAKARTA

10. Isi informasi toko yang akan dibuat.

11. Konfigurasi databases-nya.

12. Tunggu sampai installasinya selesai, disini kita bisa tinggal dulu karena
agak lama.

19
STMIK NUSAMANDIRI JAKARTA

13. Setelah selesai klik "Manager your store"

14. Disini kita harus menghapus folder install, masuk file directory
c:/xampp/htdocs/prestashop, kemudian kalau sudah kembali ke browser >
refresh.

20
STMIK NUSAMANDIRI JAKARTA

15. tampilan awal Prestashop jika sudah selesai.

16. Jika ingin melanjutkan klik "let's start"

17. Tahap pertama klik "OK, TAKE ME TO MY THEME"

21
STMIK NUSAMANDIRI JAKARTA

18. Langsung saja pilih "I'm done, take me to next step".

19. Tahap dua pilih "OK GO TO MY CATALOG"

20. Kemudian jika ingin mengisi di tahap ini silahkan diisi sesuai ketentuan
yang ada, setelah selesai klik "Im done, take me to next step".

22
STMIK NUSAMANDIRI JAKARTA

21. Tahap tiga pilih "SHOW ME PAYMENT METHODS"

23
STMIK NUSAMANDIRI JAKARTA

22. Pilih salah satu kemudian klik "Im done, take me to next step".

23. Tahap terakhir tahap empat "SET UP YOUR SHIPPING METHODS"

24. Setelah itu klik lagi "Im done, take me to next step".

24
STMIK NUSAMANDIRI JAKARTA

25. Klik "LAUNCE" maka proses selesai.

25
STMIK NUSAMANDIRI JAKARTA

26
 STMIK NUSAMANDIRI JAKARTA

BAB III
PEMBAHASAN

1.1.Tampilan Antarmuka Untuk Customer

27
STMIK NUSAMANDIRI JAKARTA

Home Page (Halaman Awal)

Tampilan Form Pendaftaran Member

28
STMIK NUSAMANDIRI JAKARTA

Tampilan Produk
- Untuk melihat produk secara detail

Tampilan Add to Chart

Tampilan Troli
untuk melihat daftar belanja yang belum di bayar

29
STMIK NUSAMANDIRI JAKARTA

Tampilan Pembayaran
untuk menyelesaikan transaksi pembayaran

Tampilan Alamat Pengiriman

Tampilan untuk melihat alamat toko

30
STMIK NUSAMANDIRI JAKARTA

Tampilan Kurir Pengiriman

Untuk memilih jasa pengiriman

Tampilan Faktur Pembayaran

untuk melihat bukti pembayaran

31
 STMIK NUSAMANDIRI JAKARTA

Tampilan Riwayat Pembelian

Untuk melihat history barang yang pernah di beli
1.2.Tampilan Antarmuka Untuk Seller

Tampilan Status Penjualan

Melihat status penjualan atau notifikasi pesanan masuk

32
STMIK NUSAMANDIRI JAKARTA

Tampilan Pemrosesan Penjualan

Jendela untuk memproses Penjualan seperti penerimaan pesanan dan
memasukan resi pengiriman

33
STMIK NUSAMANDIRI JAKARTA

Tampilan Katalog Barang

Untuk melihat barang apa saja yang di jual

Tampilan Kategori

34
STMIK NUSAMANDIRI JAKARTA

Jendela untuk mengatur kategori atau memasukan produk ke kategori

Jendela stok
untuk melihat dan mengatur jumlah stok barang

Tampilan Statistik Toko

35
STMIK NUSAMANDIRI JAKARTA

BAB IV
PENUTUP

1.1 KESIMPULAN

dengan perkembangan yang sangat pesat di dunia digital khususnya

oldshop, dengan begitu kita membuat toko online (oldshop) yang bertujuan
mengikuti perkembangan teknologi yang semakin pesat, salah satu nya presta
shop software pembuat toko online yang sangat praktis, simple, mudah di
oprasikan.
Selain mudah di oprasikan presta shop juga software yang open source dan
gratis tetapi untuk membuat disen website lebih menarik di perlukan biaya
untuk mendapatkan fasilitas tema lebih menarik, jadi sangat cocok buat user
online shop pemula.

SARAN

Menyadari bahwa kami belum begitu mahir dalam membuat online shop
khususnya menggunakan sofware presta shop belum begitu lengkap dan
detail, semoga ke depan nya bisa lebih detail dalam membuat onlineshop
dengan mengumpulkan dari sumber- sumber yang lebih banyak.

36
 STMIK NUSAMANDIRI JAKARTA

DAFTAR PUSTAKA

Catherine L Mann. (2014). Evaluating policy regimes: new research in

empirical macroeconomics.
M. Suyanto. (2013). Strategi periklanan pada e-commerce perusahaan
top dunia.

37