TUGAS BULAN KE -2

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

TUTORIAL MEMBUAT WEB E-COMMERCE MENGGUNAKAN PRESTASHOP

A)

DASAR TEORI 1. E-COMMERCE Perdagangan elektronik atau e-dagang atau lebih dikenal dengan nama Elekronik adalah Commerce/E-Commerce 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 ebusiness, 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 masyarakat, dengan seperti kebutuhan pakaian, hidup 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 Nama web/blog. 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, namun dalam 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-incalifornia.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 domaian dldkjdkjgf.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.1ndo53h4t.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.

B)

ALAT DAN BAHAN 1. 2. 3. 4. 5. PC/LAPTOP Operation Sistem Windows Filzilla Client Koneksi Internet 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 dikosongkan Apabila 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

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.

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

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