Tugas 2 Teknologi Aplikasi Web - Tutorial Membuat Web E-Commerce Menggunakan Prestashop - Agung Priyo Sembodo - 7411030854

7/22/2019 Tugas 2 Teknologi Aplikasi Web - Tutorial Membuat Web E-Commerce Menggunakan Prestashop - Agung Priyo Sembodo - 7411030854

http://slidepdf.com/reader/full/tugas-2-teknologi-aplikasi-web-tutorial-membuat-web-e-commerce-menggunakan 1/25

TUTORIAL MEMBUAT WEB E-COMMERCE

MENGGUNAKAN PRESTASHOP

Disusun untuk memenuhi tugas matakuliah Teknologi Aplikasi Web

Oleh:

AGUNG PRIYO SEMBODO

NRP. 7411030854

Dosen Pembimbing :

AKHMAD ALIMUDIN, S. ST

NIP : -

JURUSAN TEKNOLOGI INFORMASI

D3 PENDIDIKAN JARAK JAUH

POLITEKNIK ELEKTRONIKA NEGERI SURABAYA

SURABAYA

2012

TUGAS BULAN KE -2



TUTORIAL MEMBUAT WEB E-COMMERCE

MENGGUNAKAN PRESTASHOP

A) DASAR TEORI

1. E-COMMERCE

Perdagangan elektronik atau e-dagang

atau lebih dikenal dengan nama

Elekronik Commerce/E-Commerce

adalah penyebaran, pembelian,

penjualan, pemasaran barang dan jasa

melalui sistem elektronik seperti

internet atau televisi, www, atau jaringan komputer lainnya. E-commerce

dapat melibatkan transfer dana elektronik, pertukaran data elektronik, sistem

manajemen inventori otomatis, dan sistem pengumpulan data otomatis.

Industri teknologi informasi melihat kegiatan e-commerce ini

sebagai aplikasi dan penerapan dari e-bisnis (e-business) yang berkaitan

dengan transaksi komersial, seperti: transfer dana secara elektronik, SCM

(supply chain management), e-pemasaran (e-marketing), atau pemasaran

online (online marketing), pemrosesan transaksi online (online transaction

processing), pertukaran data elektronik (electronic data interchange /EDI), dll.

E-dagang atau e-commerce merupakan bagian dari e-

business, di mana cakupan e-business lebih luas, tidak hanya sekedar

perniagaan tetapi mencakup juga pengkolaborasian mitra bisnis, pelayanan

nasabah, lowongan pekerjaan dan lain - lain. Selain teknologi jaringan www,

e-dagang juga memerlukan teknologi basisdata atau pangkalan data

(databases), e-surat atau surat elektronik (e-mail), dan bentuk teknologi non

komputer yang lain seperti halnya sistem pengiriman barang, dan alat

pembayaran untuk e-dagang ini.

E-dagang pertama kali diperkenalkan pada tahun 1994 pada

saat pertama kali banner-elektronik dipakai untuk tujuan promosi dan

periklanan di suatu halaman-web (website). Menurut Riset Forrester,

perdagangan elektronik menghasilkan penjualan seharga AS$12,2 milyar

pada 2003. Menurut laporan yang lain pada bulan oktober 2006 yang lalu, pendapatan ritel online yang bersifat non-travel di Amerika Serikat

diramalkan akan mencapai seperempat trilyun dolar US pada tahun 2011.



2. PRESTASHOP

Sekarang, toko online seolah menjadi

sebuah lapangan pekerjaan terbaik di

kalangan masyarakat. Di internet, terdapat

lebih dari ratusan ribu took online yang

menawarkan berbagai jenis produk yang

berkaitan dengan kebutuhan hidup

masyarakat, seperti pakaian, peralatan

rumah tangga, hingga produk perawatan

kecantikan impor.

Toko online memang menawarkan banyak kemudahan dalam

berbisnis karena kita bisa menjangkau pasar yang jauh lebih besar dari pada

took fisik/konvensional. Selain itu, membuat sebuah took online pun sangat

mudah dan relative murah.

Di Indonesia, anda sudah bisa membuat took online dengan

prestashop. Cara ini telah dipakai oleh jutaan pebisnis online di Indonesia

untuk membangun sebuah took online terbaik yang mampu menjangkau

pelanggan di dalam dan luar negeri.

Jika anda tertarik untuk membuat took online dengan prestashop, anda bisa mendapatkan banyak informasi di internet. Bahkan para

pebisnis took online yang menggunakan prestashop mempunyai sebuah

forum khusu agar mereka bisa berdiskusi dalam bahasa Indonesia. Prestashop

adalah sebuah software untuk membangun sebuah took online yang

professional.

Software ini juga dilengkapi oleh banyak fitur – fitur terkini

yang bisa di maipulasi sehingga bisa didesain sesuai dengan kebutuhan took online anda. Inovasi ini telah menjadi pilihan terpopuler dikalangan para

pebisnis took online di Indonesia.

Membuat toko online dengan prestashop, memungkinkan kita

untuk mendapatkan keuntungan yang lebih memuaskan. Anda bisa

mendownload prestashop di internet. Banyak situs yang menyediakan

software ini dengan gratis.

Jadi, membuat toko online dengan prestashop tidak

membutuhkan modal yang banyak. Anda hanya perlu memfokuskan diri

untuk memikirkan produk atau jasa apa yang akan anda tawarkan di toko

online anda nanti. Usahakan tawarkan sesuatu yang unik. Kualitas bagus, dan

harga terjangkau.



3. DOMAIN

Domain bisa

disebut juga dengan

URL atau alamat

situs web/blog.

Nama domain

adalah nama unik

yang diberikan untuk mengidentifikasi nama server komputer seperti web

server atau email server di internet. Nama domain berfungsi untuk

mempermudah pengguna internet dalam melakukan akses ke server. Selain

itu, juga dipakai untuk mengingat nama server yang sedang dikunjungi tanpa

harus mengenal deretan angka yang rumit yang dikenal sebagai alamat IP,

seperti contohnya alamat IP 218.719.51.617 digantikan dengan nama domain

www.nama-anda .com.

Sebagai pemilik situs web, pemilihan nama domain tentunya

haruslah diperhatikan. Nama domain sedikit banyak akan mempengaruhi web

anda, baik itu dari segi pengunjung, SEO, dll. Domain sebenarnya hanya

dapat kita sewa, karena setiap tahun kita wajib membayar sejumlah uang

yang disepakati untuk memperpanjang kepemilikan domain tersebut, namundalam tulisan saya ini agar lebih mudah saya anggap kita membeli domain

sebagai pengganti kata sewa dan berikut ini tips membeli dan memilih nama

domain.

a) Tempat Pembelian domain

Hal pertama yang harus diperhatikan adalah tempat

pembelian domain. Disarankan untuk membeli domain dari tempat

yang sudah terbukti dan terpecaya dalam pengelolaan domain,misalnya membeli domain dari Namecheap.com untuk pembelian

domain internasional atau membeli domain dari Pandi untuk domain

lokal (Indonesia).

Selain itu pilihlah tempat pembelian (penyewaan) domain

yang memberikan kita akses sepenuhnya untuk mengkostumisasi

domain kita, contohnya kita bisa leluasa merubah nama server

domain, redirect domain, merubah email server, dll. Jadi sebaiknya

tanyakan dulu ke support (costumer service) mereka, apakah anda bisa

dengan leluasa mengkostumisasi domain atau tidak.

b) SEO

Search engine optimization untuk domain. Sebenarnya

dalam algoritma google terbaru nama domain tidak terlalu



berpengaruh terhadap seo google, selama kita tidak menggunakan

domain gratisan seperti, .tk, .co.cc, .co.tv, dan domain gratisan lainnya

sangat sulit untuk bersaing dengan ekstensi domain seperti .com, .net,

.org, dll.

Jika dulu google masih menggunakan algoritma google

panda, match domain sangat diperlukan untuk membidik suatu

keyword, kini hal tersebut tidak terlalu berpengaruh lagi. Misalnya

jika ingin membidik keyword “lawyer club in California” kita harus

membeli domain dengan menggunakan kata dari keyword tersebut,

misalnya www.lawyerclubincalifornia.com atau www.lawyer-club-in-

california.net, dan sebagainya. Nama domaiannya apapun selama

niche (tema) blog atau artikel memuat keyword yang relevan, google

pasti akan memunculkan situs tersebut dalam pencarian mereka, selain

itu tentu saja harus dibarengi dengan teknik seo lainnya jika ingin

muncul di halaman pertama pencarian.

Domain ccTLD atau country code top level domain, tidak

akan mempengaruhi seo, walaupun banyak rumor menyatakan ini

sangat berpengaruh. Banyak orang beranggapan domain untuk negara

tertentu tidak akan muncul dalam search engine Negara lainnya,contoh : domain .me (domain untuk negara Montenegro) tidak akan

muncul di search engine google Indonesia (google.co.id), namun itu

hanya rumor saja, terbukti situs lintas .me atau BBC.co.uk sering

muncul di goolge Indonesia.

c) User Friendly

Hal berikutnya yang perlu diperhatikan adalah user

friendly atau bersahabat dengan pengunjung, contohnya domaiandldkjdkjgf.com tentu akan sangat sulit untuk diingat dari pada domain

detik.com. Jadi sangat disarankan untuk memilih domain yang mudah

diingat, tidak perlu banyak memuat kata, tidak terlalu banyak

mengkombinasikan angaka dan huruf (misalnya : www.1ndo-

53h4t.com).

Pilihlan domain yang mewakili nama perusahaan, nam

produk atau tema website anda. Pilihlah domain dengan ekstensi

.com, alasannya hanya satu, orang – orang cenderung lebih familiar

dengan domain .com daripada domain lainnya, jika domain .com tidak

tersedia disarankan untuk memilih TLD (tops level domain) lainnya

seperti .net, atau .org.

http://www.lawyerclubincalifornia.com/



http://www.lawyer-club-in-california.net/




http://www.1ndo-53h4t.com/










B) ALAT DAN BAHAN

1. PC/LAPTOP

2. Operation Sistem Windows

3. Filzilla Client

4. Koneksi Internet

5. Paket Prestashop 1.5.1.0.

C) LANGKAH KERJA

1. Upload dan Instalasi Sistem E-Commerce

Pertama kali kita harus terhubung dengan FTP dari Web Server/Web

Hosting, yaitu dengan menggunakan FileZilla Client

Setelah FileZilla client kita buka, selanjutnya kita akan melakukan login

ke dalam FTP dengan cara mengisikan nama Host, Username, dan

Password pada kolom yang telah disediakan, untuk kolom port bisa

dikosongkanApabila di dalam FTP Client bertuliskan Directory listing successful, ini

menandakan bahwa kita berhasil terhubung dengan FTP dari Web

Server/Web Hosting kita.



Selanjutnya kita akan menentukan di mana letak file kita akan

diupload. Kita akan meletakkan file kita pada directory www/ yang

terdapat pada web server/web hosting kita dan kemudian kita

melakukan upload

Pilihlah file prestashop_1.5.1.0 di komputer anda, selanjutnya klik

kanan dan klik upload.



Tunggu hingga proses upload selesai, jika berhasil maka pada tab

Successful transfer akan terdapat akan 1 (satu)

Proses upload telah selesai, perhatikan tab Successful transfer di

bawah maka akan terdapat angka 1 (satu) dan file yang telah kita

upload terlihat pada direktori www/ di server web/server hosting kita



Selanjutnya kita masuk ke sistem management website yang biasa

disebut dengan cPanel dengan cara membuka browser dan

mengetikan alamat tujuan pada url yaitu www.etalasepjj.com/cpanel

Selanjutnya kita akan melakukan login dengan username dan

password yang sama pada saat kita melakukan login ke FTP

sebelumnya

Tampilan muka dari cPanel ketika anda berhasil login

Selanjutnya kita menuju pada direktori /www untuk menindaklanjuti

file yang telah kita upload sebelumnya

http://www.etalasepjj.com/cpanel






Sekarang kita sudah berada di dalam direktori /www dimana kita

telah mengupload file dari system e-commerce prestashop 1.5.1.0.

Selanjutnya kita akan melakukan extract file dengan cara select file

prestashop 1.5.1.0.zip kita kemudian klik extract pada tool bar yang

ada.



Klik Extract file(s)

Maka kita telah selesai melakukan extract file, kemudian kita close

untuk menutup extraction results windows

Maka akan terlihat direktori prestashop, kita akan melakukan rename

direktori menjadi online dengan cara pilih direktori prestashop

kemudian klik rename pada tool bar.



Maka sekarang direktori prestashop telah menjadi direktori online.

Selanjutnya kita coba akses dengan membuka tab baru browser

kemudian ketikan www.etalasepjj.com pada kolom url yang tersedia.

Maka akan terjadi tampilan di bawah ini. Untuk hal ini, kita hanya

perlu mematikan hak akses dari tampilan under construction dan

melakukan redirect DNS ke dalam direktori online kita. Ini bertujuan

agar kita dapat mengakses situs/system online shop kita.

Selanjutnya kita mematikan hak akses tampilan ini dan melakukan

redirect DNS dengan cara kembali masuk ke dalam cPanel.

Kemudian kita akan merubah permission dari file index.html, ini

berfungsi untuk mematikan akses pada file tersebut dengan cara klik

file index.html kemudian klik change permission, hilangkan akses

semua yang terdapat pada file tersebut.

http://www.etalasepjj.com/






Selanjutnya kita akan melakukan redirect DNS ke dalam direktori

online namun sebelumnya kita kembali ke tampilan awal cPanel.

Redirects to kita isi dengan alamat tujuan, sehingga saat kita

mengakses etalasepjj.com kita akan langsung dibawa/diredirect ke

alamat etalasepjj.com/online



Maka akan terlihat bahwa etalasepjj.com berhasil di redirect to ->

http://etalasepjj.com/online

Kita buktikan dengan cara kita coba lakukan akses ke etalasepjj.com

dengan cara buka tab baru kemudian isikan address dengan

etalasepjj.com

Kita akan langsung didirect ke dalam directori online dan

dihadapkan dengan tampilan instalasi prestashop.






2. Instalasi Dan Konfigurasi Prestashop

Kita langsung saja, pada langkah sebelumnya kita telah dihadapkan

dengan halaman installasi dari prestashop. Selanjutnya mari kita lakukan

installasi.

Centang I agree to the above terms and conditions dan I agree to

participate in improving the solution by sending anonymous information

about my configuration. Kemudian klik Next.

Klik Next untuk melanjutkan

Selanjutnya kita diminta memasukan database name. Karena di sini kita

belum memiliki database, sehingga kita harus membuat database kosong

terlebih dahulu.



Cara membuat database baru adalah dengan kita masuk ke cPanel

terlebih dahulu dan masuk pada feature database

Ketik nama database tersebut dengan nama prestashop pada kolom new

database, selanjutnya klik create database.

Database telah ditambahkan



Selanjutnya kita akan melakukan pengecekan terhadap database yang

telah kita buat dengan cara kembali ke tampilan utama cPanel kemudian

masuk pada phpmyadmin

Database prestashop di dalam phpmyadmin. Perhatikan pada format

penamaan database, penamaan seperti itu adalah standart dari hosting.

Selanjutnya masukkan database name sesuaikan dengan nama yang telah

dibuat kemudian untuk database login dan database password

menggunakan username dan password login dari cPanel, kemudian klik

Verify Now.



Maka akan muncul Database Server is not found. Please verify the login.

Password and server fields (DbPDO), ini dikarenakan password dari

database tidak dimasukkan dan Database Engine yang dipilih tidak

sesuai.. Maka masukan password dari database anda dan pada Database

Engine pilihlah MylSAM. Kemudian klik Verify now.

Maka akan terdapat informasi Database is connected, maka system dan

database berhasil terhubung .



Klik Next untuk melanjutkan

Selanjutnya kita isi Shop settings and merchant account information.

Setelah kita isi kemudian klik Next.

Tunggu hingga proses installasi selesai.

Proses installasi selesai.



Selanjutnya kita akan menghapus folder install dengan cara kita kembali

ke tampilan cPanel/masuk kembali ke dalam cPanel, kemudian masuk

pada file manager.

Maka inilah tampilan dari file manager



Selanjutnya masuklah pada direktori /www atau public_html. Klik pada

direktori online dan carilah folder “install”. Klik folder “install” dan klik delete pada toolbar.

Ini adalah peringatan apakah anda benar – benar ingin menghapus folder

install atau tidak. Jika setuju maka klik Delete file(s).

Folder install telah berhasil dihapus.



Selanjutnya kita akan melihat tampilan dari Back office dan Front office.

Back office adalah tempat di mana kita akan melakukan manajemen

toko, mulai dari penentuan produk, harga, katalog, currencies, dan lain –

lain.

Front office adalah tampilan toko online kita.

Tampilan di bawah ini merupakan tampilan dari Front office.

Setelah kita klik Manage your site maka akan muncul tampilan seperti di

bawah ini.



Untuk alasan keamanan maka kita tidak dapat terhubung dengan back

office hingga kita :

Menghapus folder install

Memberi nama ulang pada folder admin

Kita sudah menghapus folder “install” maka selanjutnya kita akan

memberi nama ulang dari folder “admin”

Cara memberi nama ulang folder “admin” adalah dengan cara kita

kembali ke file manager pada cPanel, kemudian masuk direktori

/www/online/ dan selanjutnya kita cari folder “admin” dan melakukan

penamaan ulang.

Selanjutnya kita ubah nama admin menjadi adminetalasepjj kemudian

klik Rename file



Maka folder admin telah berubah menjadi adminetalasepjj

Selanjutnya kita kembali pada akses menuju Back office.

Hal di atas terjadi dikarenakan folder admin telah kita ubah, untuk

mengaksesnya kita ketikkan alamat seperti berikut :

www.etalasepjj.com/online/adminetalasepjj

http://www.etalasepjj.com/online/adminetalasepjj





Untuk masuk ke Back office kita diharuskan memasukkan E-mail

address dan password yang telah terregistrasi.

Maka beginilah tampilan dari Back office dari etalasepjj.com dan di

sinilah dilakukan manajemen semua kegiatan transaksi.

Maka selesai sudah installasi dan konfigurasi prestashop

Tugas 2 Teknologi Aplikasi Web - Tutorial Membuat Web E-Commerce Menggunakan Prestashop - Agung Priyo Sembodo - 7411030854

Documents