20
http://staff.unila.ac.id/sigit http://staff.unila.ac.id/sigit 1. WEB SERVER LOKAL Berkembangnya teknologi informasi sangat mendukung kemudahan dalam berbagai hal. Seiring dengan kemajuan teknologi internet dan hadirnya berbagai CMS (Content Management System) kini setiap orang dapat mendesain web pribadi ataupun web komersial dengan praktis dan mudah. CMS merupakan aplikasi di mana pengguna dapat mengubah atau membuat sendiri web content seperti yang diinginkannya. Salah satu CMS yang populer dan akan kita bahas dalam buku ini ialah Joomla. Joomla adalah CMS yang bersifat opensource (sumber terbuka) ditulis menggunakan PHP dan basis data MySQL. Selain Joomla kita juga mengenal berbagai CMS yang yang juga bersifat gratis dan terbuka seperti Drupal, Mambo dan PHP Nuke. Joomla pertama kali dirilis dengan versi 1.0.0 pada 17 September 2005 dan hingga kini terus mengalami perkembangan. Asal mula Joomla merupakan versi turunan dari Mambo yang sebenarnya pengembang intinya juga pengembang Mambo yang telah hengkang menyebabkan banyak kemiripan di antaranya. Sifatnya yang opensource memungkinkan para aktivis Joomla turut serta dalam pengembangan Joomla tak terkecuali dari komunitas Joomla di Indonesia sendiri. Mereka dapat membuat berbagai komponen atau modul yang dapat diinstal ke Joomla. Dalam perkembangan selama ini Joomla sudah banyak digunakan berbagai situs di Indonesia seperti: www.xl.co.id www.kpt.co.id www.elexmedia.co.id www.maxikom.co.id www.okezone.com Secara garis besar Joomla terdiri atas PHP sebagai skrip, MySQL sebagai basis data yang saling terhubung melalui web server. Joomla tidak dapat

1. WEB SERVER LOKAL - Staff Official Site Unilastaff.unila.ac.id/sigit/files/2011/09/MODUL-DIKTAT-MATA-KULIAH-E...basis data yang saling terhubung melalui web server. ... mempunyai

Embed Size (px)

Citation preview

Page 1: 1. WEB SERVER LOKAL - Staff Official Site Unilastaff.unila.ac.id/sigit/files/2011/09/MODUL-DIKTAT-MATA-KULIAH-E...basis data yang saling terhubung melalui web server. ... mempunyai

http://staff.unila.ac.id/sigit

http://staff.unila.ac.id/sigit

1. WEB SERVER LOKAL

Berkembangnya teknologi informasi sangat mendukung kemudahan dalam

berbagai hal. Seiring dengan kemajuan teknologi internet dan hadirnya

berbagai CMS (Content Management System) kini setiap orang dapat

mendesain web pribadi ataupun web komersial dengan praktis dan mudah.

CMS merupakan aplikasi di mana pengguna dapat mengubah atau membuat

sendiri web content seperti yang diinginkannya. Salah satu CMS yang populer

dan akan kita bahas dalam buku ini ialah Joomla.

Joomla adalah CMS yang bersifat opensource (sumber terbuka) ditulis

menggunakan PHP dan basis data MySQL. Selain Joomla kita juga mengenal

berbagai CMS yang yang juga bersifat gratis dan terbuka seperti Drupal,

Mambo dan PHP Nuke. Joomla pertama kali dirilis dengan versi 1.0.0 pada 17

September 2005 dan hingga kini terus mengalami perkembangan. Asal mula

Joomla merupakan versi turunan dari Mambo yang sebenarnya pengembang

intinya juga pengembang Mambo yang telah hengkang menyebabkan banyak

kemiripan di antaranya.

Sifatnya yang opensource memungkinkan para aktivis Joomla turut serta

dalam pengembangan Joomla tak terkecuali dari komunitas Joomla di

Indonesia sendiri. Mereka dapat membuat berbagai komponen atau modul

yang dapat diinstal ke Joomla. Dalam perkembangan selama ini Joomla sudah

banyak digunakan berbagai situs di Indonesia seperti:

www.xl.co.id

www.kpt.co.id

www.elexmedia.co.id

www.maxikom.co.id

www.okezone.com

Secara garis besar Joomla terdiri atas PHP sebagai skrip, MySQL sebagai

basis data yang saling terhubung melalui web server. Joomla tidak dapat

Page 2: 1. WEB SERVER LOKAL - Staff Official Site Unilastaff.unila.ac.id/sigit/files/2011/09/MODUL-DIKTAT-MATA-KULIAH-E...basis data yang saling terhubung melalui web server. ... mempunyai

http://staff.unila.ac.id/sigit

http://staff.unila.ac.id/sigit

digunakan tanpa adanya ketiga perangkat lunak tersebut oleh karena itu

untuk pertama kita harus menginstal server lokal terlebih dahulu. Selama ini

kita kenal ada berbagai paket perangkat lunak yang menggabungkan

ketiganya di antaranya PHP Triad, Easy PHP, App-serv dan Xampp. Semua

mempunyai tipikal dan cara mengoperasikan yang serupa. Kali ini kita

menggunakan Xampp sebagai contohnya.

1.2 Instalasi Xampp

Cara menginstal Xampp:

Masukan CD yang telah anda isikan dengan program xampp dan klik ganda

pada "xampp-win32-1.7.3". dan akan muncul tampilan seperti dibawah ini:

Page 3: 1. WEB SERVER LOKAL - Staff Official Site Unilastaff.unila.ac.id/sigit/files/2011/09/MODUL-DIKTAT-MATA-KULIAH-E...basis data yang saling terhubung melalui web server. ... mempunyai

http://staff.unila.ac.id/sigit

http://staff.unila.ac.id/sigit

Klik “install” dan akan muncul tampilan seperti dibawah ini yang menandakan

proses instalasi xampp sedang berjalan:

Page 4: 1. WEB SERVER LOKAL - Staff Official Site Unilastaff.unila.ac.id/sigit/files/2011/09/MODUL-DIKTAT-MATA-KULIAH-E...basis data yang saling terhubung melalui web server. ... mempunyai

http://staff.unila.ac.id/sigit

http://staff.unila.ac.id/sigit

Setelah proses instalasi selesai berjalan akan muncul konfigurasi MS DOS

seperti dibawah ini.

Page 5: 1. WEB SERVER LOKAL - Staff Official Site Unilastaff.unila.ac.id/sigit/files/2011/09/MODUL-DIKTAT-MATA-KULIAH-E...basis data yang saling terhubung melalui web server. ... mempunyai

http://staff.unila.ac.id/sigit

http://staff.unila.ac.id/sigit

Pada pilihan “should i add shortcuts to the start menu” Pilih “yes” dan akan

muncul tampilan seperti dibawah ini:

Page 6: 1. WEB SERVER LOKAL - Staff Official Site Unilastaff.unila.ac.id/sigit/files/2011/09/MODUL-DIKTAT-MATA-KULIAH-E...basis data yang saling terhubung melalui web server. ... mempunyai

http://staff.unila.ac.id/sigit

http://staff.unila.ac.id/sigit

Pada pilihan “should I locate the xampp path correctly. Should I proceed? Pilih

“y” dan akan muncul tampilan seperti dibawah ini:

Pada muncul pesan “your choice” pilih “n” dan akan muncul tampilan seperti

dibawah ini:

Page 7: 1. WEB SERVER LOKAL - Staff Official Site Unilastaff.unila.ac.id/sigit/files/2011/09/MODUL-DIKTAT-MATA-KULIAH-E...basis data yang saling terhubung melalui web server. ... mempunyai

http://staff.unila.ac.id/sigit

http://staff.unila.ac.id/sigit

Setelah muncul gambar diatas, ketik “return” dan akan muncul tampilan

seperti dibawah ini:

Page 8: 1. WEB SERVER LOKAL - Staff Official Site Unilastaff.unila.ac.id/sigit/files/2011/09/MODUL-DIKTAT-MATA-KULIAH-E...basis data yang saling terhubung melalui web server. ... mempunyai

http://staff.unila.ac.id/sigit

http://staff.unila.ac.id/sigit

Setelah muncul gambar diatas, ketik “x” dan proses instalasi benar – benar

selesai dan anda keluar dari perintas DOS. Untuk mensetting xammp agar

bisa berjalan, anda aktifkan xammp dengan memilih “xammp setup” pada

start menu program seperti dibawah ini:

Page 9: 1. WEB SERVER LOKAL - Staff Official Site Unilastaff.unila.ac.id/sigit/files/2011/09/MODUL-DIKTAT-MATA-KULIAH-E...basis data yang saling terhubung melalui web server. ... mempunyai

http://staff.unila.ac.id/sigit

http://staff.unila.ac.id/sigit

Proses setup akan muncul kotak dialog seperti dibawah ini :

Berilah tanda “ceklis” pada semua pillihan dan Klik “start” pada masing –

masing pilihan. Proses instalasi dan setting xammp sudah selesai.

1.3. Konfigurasi Xampp

Page 10: 1. WEB SERVER LOKAL - Staff Official Site Unilastaff.unila.ac.id/sigit/files/2011/09/MODUL-DIKTAT-MATA-KULIAH-E...basis data yang saling terhubung melalui web server. ... mempunyai

http://staff.unila.ac.id/sigit

http://staff.unila.ac.id/sigit

Page 11: 1. WEB SERVER LOKAL - Staff Official Site Unilastaff.unila.ac.id/sigit/files/2011/09/MODUL-DIKTAT-MATA-KULIAH-E...basis data yang saling terhubung melalui web server. ... mempunyai

http://staff.unila.ac.id/sigit

http://staff.unila.ac.id/sigit

Seperti yang telah disebutkan Xampp merupakan gabungan dari server lokal,

php sebagai script dan mysql sebagai basis data. Di dalam Xampp juga

terdapat aplikasi phpmyadmin di mana pengguna atau admin dapat membuat

basis data baru, ekspor dan impor data juga mengatur hak akses dan

sebagainya.

Untuk menjalankan phpmyadmin pertama mulai dahulu program Xampp

seperti yang telah disebutkan di atas. Pada layar menu tools sebelah kiri layar

ambil pilihan phpmyadmin maka akan muncul layar seperti gambar di bawah.

Tampilan layar phpmyadmin

Pada tampilan layar tersebut anda dapat mengubah bahasa ke dalam bahasa

Indonesia, menciptakan database baru (anda tinggal ketik di dalam form

kosong lalu klik ciptakan), ataupun menambah dan mengubah hak akses.

Untuk sekarang anda bisa menambahkan sebuah database baru

mengabaikan dahulu yang lainnya. Ketikkan "myweb" (tanpa tanda kutip)

Page 12: 1. WEB SERVER LOKAL - Staff Official Site Unilastaff.unila.ac.id/sigit/files/2011/09/MODUL-DIKTAT-MATA-KULIAH-E...basis data yang saling terhubung melalui web server. ... mempunyai

http://staff.unila.ac.id/sigit

http://staff.unila.ac.id/sigit

pada form kosong lalu klik ciptakan maka sebuah database baru bernama

myweb sudah anda buat. Database ini berformat mysql, nantinya kita akan

menggunakan database ini untuk menggarap aplikasi e-commerce yang akan

kita buat.

2. PRESTASHOP PrestaShop adalah salah satu solusi jualan online yang cukup populer di

Indonesia. Hal ini karena fitur-fitur PrestaShop yang cukup lengkap, mudah

dipahami, sederhana, gampang, siap pakai, bisa di-instal dengan mudah

dalam web hosting, dan tentu saja gratis. Posting ini akan mengetengahkan

PrestaShop sebagai salah satu solusi jualan online atau web eCommerce

yang murah namun memadai bagi kalangan pedagang kebanyakan. Posting

ini akan memaparkan kemudahan-kemudahan PrestaShop bagi pelanggan,

pemilik toko online, dan juga bagi admin toko online.

PrestaShop menyediakan solusi perangkat lunak bagi sebuah toko online.

Ibarat sebuah mobil, perangkat lunak ini adalah mesin-nya mobil tersebut.

Selain perangkat lunak, sebuah toko online memerlukan komponen lain

berupa nama domain dan web hosting. Solusi gratis yang ditawarkan oleh

PrestaShop hanya dalam hal penggunaan perangkat lunak, tidak termasuk

sewa domain dan web hosting. Namun untuk skala kecil dan menengah, sewa

domain dan hosting saat ini sudah tergolong cukup murah.

Kemudahan PrestaShop bagi Pelanggan

Dalam menilai sebuah situs toko online, yang paling penting pagi pelanggan

adalah kemudahan dalam berbelanja secara online. Kemudahan ini adalah

faktor utama (selain keamanan) yang membuat orang mau berbelanja secara

online. Apalagi bagi masyarakat Indonesia yang belanja online-nya belum

membudaya, faktor kemudahan ini tidak boleh diabaikan. Kemudahan ini

harus disediakan oleh toko online dalam beberapa hal yaitu:

mudahnya sebuah produk ditemukan

mudahnya memperoleh informasi detil sebuah produk

Page 13: 1. WEB SERVER LOKAL - Staff Official Site Unilastaff.unila.ac.id/sigit/files/2011/09/MODUL-DIKTAT-MATA-KULIAH-E...basis data yang saling terhubung melalui web server. ... mempunyai

http://staff.unila.ac.id/sigit

http://staff.unila.ac.id/sigit

mudahnya menyelesaikan belanja

mudahnya melakukan transaksi

PrestaShop memenuhi semua faktor kemudahan tersebut, dari mulai ‘friendly

link’, navigasi situs yang beraneka ragam, halaman detil produk, sampai

kemudahan proses checkout.

PrestaShop memiliki fitur ‘friendly link’. Dengan fitur ini, URL atau alamat

internet dari sebuah produk bisa dibuat secara eksplisit mencantumkan

nama dan kategori produk tersebut, sehingga lebih mudah diingat oleh calon

pelanggan karena tersimpan dengan nama yang jelas dalam history browser.

Fitur ini pun mendukung SEO, istilah yang menunjukkan kemudahan sebuah

produk ditemukan oleh mesin pencari seperti Google dan Bing.

Berikut ini contoh-concoh ‘friendly link’ dalam situs demo PrestaShop:

http://prestashop.local/music-ipods/1-ipod-nano.html

http://prestashop.local/laptops/6-macbook.html

http://prestashop.local/laptops/5-macbook-air.html

PrestaShop menyediakan berbagai macam navigasi untuk menemukan

sebuah produk. Navigasi bisa dilakukan melalui kategori, tagging, merek atau

pemasok, dan pencarian internal. Gambar berikut ini menampilkan layar

Beranda standar toko online demo yang dibuat dengan PrestaShop. Dalam

gambar tersebut kita bisa melihat tipe-tipe navigasi yang terdapat dalam

PrestaShop.

Page 14: 1. WEB SERVER LOKAL - Staff Official Site Unilastaff.unila.ac.id/sigit/files/2011/09/MODUL-DIKTAT-MATA-KULIAH-E...basis data yang saling terhubung melalui web server. ... mempunyai

http://staff.unila.ac.id/sigit

http://staff.unila.ac.id/sigit

PrestaShop juga menyediakan halaman khusus untuk menampilkan detil

produk. Semua informasi vital tentang produk termasuk harga, deskripsi,

ketersediaan dalam stok, dan gambar-gambar tersedia dalam halaman ini.

Gambar berikut ini menunjukkan layar PrestaShop yang sedang menampilkan

detil sebuah produk:

Page 15: 1. WEB SERVER LOKAL - Staff Official Site Unilastaff.unila.ac.id/sigit/files/2011/09/MODUL-DIKTAT-MATA-KULIAH-E...basis data yang saling terhubung melalui web server. ... mempunyai

http://staff.unila.ac.id/sigit

http://staff.unila.ac.id/sigit

Sebagai fitur standar sebuah mesin toko online, PrestaShop juga

menyediakan shopping cart atau kerata belanja sebagai salah satu fitur

utama untuk berbelanja online. Fungsishopping cart ini sama dengan kereta

belanja yang kita pakai kalau berbelanja di sebuah swalayan. Pelanggan bisa

menampung produk-produk yang ia beli dalam shopping cart ini sebelum

menuju ke kasir untuk melakukan pembayaran. Dalam berbelanja online,

proses mulai membayar ini disebut dengan checkout.

Secara garis besar, proses checkout terdiri atas tiga langkah: penentuan

alamat pengiriman, penentuan kurir pengiriman, dan penentuan cara

pembayaran. PrestaShop menyajikan langkah-langkah tersebut secara jelas

sehingga memudahkan pelanggan menyelesaikan belanjanya. Sebelum bisa

melakukan langkah-langkah tersebut seorang pelanggan harus terdaftar

terlebih dahulu dengan cara registrasi ke toko online tersebut yang bisa

dilakukan sendiri.

Gambar-gambar berikut ini menyajikan langkah-demi langkah dalam

proses checkoutbelanja di toko online demo PrestaShop:

Penentuan alamat pengiriman

Page 16: 1. WEB SERVER LOKAL - Staff Official Site Unilastaff.unila.ac.id/sigit/files/2011/09/MODUL-DIKTAT-MATA-KULIAH-E...basis data yang saling terhubung melalui web server. ... mempunyai

http://staff.unila.ac.id/sigit

http://staff.unila.ac.id/sigit

Penentuan kurir pengiriman

Penentuan cara pembayaran

Page 17: 1. WEB SERVER LOKAL - Staff Official Site Unilastaff.unila.ac.id/sigit/files/2011/09/MODUL-DIKTAT-MATA-KULIAH-E...basis data yang saling terhubung melalui web server. ... mempunyai

http://staff.unila.ac.id/sigit

http://staff.unila.ac.id/sigit

Kemudahan PrestaShop bagi Pemilik Toko Online

PrestaShop juga menyediakan kemudahan-kemudahan bagi pemilik toko

online. Tugas utama pemilik toko adalah memasukkan data-data produk ke

dalam katalog yang akan ditampilkan dalam toko online. Tugas ini

dimudahkan oleh PrestaShop melalui layar administrasi katalog yang

gampang digunakan. Gambar berikut ini menunjukkan layar administrasi

katalog dalam PrestaShop:

Produk biasanya dikelompokkan dalam kategori tertentu untuk memudahkan

pelanggan menemukan produk tersebut. Sama seperti halnya sebuah toko

swalayan yang mengelompokkan barang-barang dengan ciri khas atau

hubungan tertentu dalam lokasi yang sama atau berdekatan. PrestaShop

menyediakan mekanisme berupa kategori dan tagginguntuk memfasilitasi

pengelompokan ini.

Modul pengiriman dan pembayaran biasanya berbeda antara satu negara

dengan negara lain. PrestaShop menyediakan fasilitas untuk menambahkan

modul pengiriman dan pembayaran yang sesuai dengan negara tertentu.

Fasilitas ini tersedia melalui penambahan modul yang khusus dibuat untuk

Page 18: 1. WEB SERVER LOKAL - Staff Official Site Unilastaff.unila.ac.id/sigit/files/2011/09/MODUL-DIKTAT-MATA-KULIAH-E...basis data yang saling terhubung melalui web server. ... mempunyai

http://staff.unila.ac.id/sigit

http://staff.unila.ac.id/sigit

keperluan tersebut. Misalnya di Indonesia TIKI cukup banyak dipakai sebagai

kurir pengiriman, maka modul pengiriman TIKI bisa dibuat dan ditambahkan

ke dalam PrestaShop.

Layar administrasi juga menyediakan informasi yang sangat berharga bagi

pemilik toko tentang pelanggan, karyawan, dan statistik toko. Statistik toko ini

sangat bermanfaat karena menyediakan informasi seperti jumlah pengunjung

toko, jumlah pelanggan yang telah terdaftar, produk yang paling laku,

pemasok yang produknya paling laris, dan lain sebagainya. Pendeknya,

statistik dalam PrestaShop bisa membantu pemilik toko merencanakan

strategi dagangannya ke depan agar lebih untung.

Kemudahan PrestaShop bagi Admin Toko Online

Bagi toko online kecil sampai menengah, admin toko online biasanya adalah

orang sama dengan pemilik toko online. Namun tugas-tugas admin toko

biasanya lebih bersifat teknis dibandingkan rutin dan strategis. Tugas-tugas

admin toko online ini misalnya memasang fitur keamanan tambahan (SSL),

menentukan tema atau tampilan toko online, memonitor lebar pita jaringan

yang dipakai toko online, dan hal-hal lain yang berhubungan dengan

infrastruktur toko online, bukan jualan-nya.

Dalam PrestaShop, fungsi-fungsi admin ini disatukan dengan fungsi-fungsi

pemilik toko melalui menu administrasi yang sama. Dengan demikian pemilik

toko online bisa berperan sekaligus sebagai admin toko online. Walaupun

demikian, pemilik toko online bisa mendelegasikan tugas-tugas rutin seperti

update katalog kepada karyawan, sehingga karyawan bisa menggunakan fitur

administrasi PrestaShop untuk melakukan tugas-tugas tersebut dengan login-

nya sendiri.

Faktor Keamanan

Dalam berbelanja online, yang paling ditakutkan oleh pelanggan adalah faktor

keamanan. Terutama menyangkut penggunaan kartu kredit. Hal ini karena

sudah cukup banyak kasus penyalahgunaan kartu kredit yang dipakai untuk

Page 19: 1. WEB SERVER LOKAL - Staff Official Site Unilastaff.unila.ac.id/sigit/files/2011/09/MODUL-DIKTAT-MATA-KULIAH-E...basis data yang saling terhubung melalui web server. ... mempunyai

http://staff.unila.ac.id/sigit

http://staff.unila.ac.id/sigit

berbelanja secara online. Pencurian nomor kartu kredit oleh orang yang tidak

bertanggung jawab adalah hal yang sering terjadi dalam dunia belanja online.

Sebagai panduan bagi pelanggan, jangan lah sekali-kali memasukkan

informasi kartu kredit pada proses checkout pada sebuah toko online yang

tidak dilengkapi dengan keamanan tambahan berupa SSL. Ciri-ciri

penggunaan SSL akan tampak pada alamat web yang diawali

dengan https://, bukan http:// (perbedaan ada di huruf s). Walaupun

dilengkapi SSL tetapi kredibilitas pemilik toko online diragukan, sebaiknya

hindari juga pemberian informasi kartu kredit.

Bagi pemilik toko online, menyediakan fitur keamanan SSL memerlukan biaya

tambahan. Selain itu diperlukan juga langkah dan prosedur verifikasi kartu

kredit yang tidak mudah. Sebagai jalan keluar, kita bisa menggunakan

layanan checkout yang disediakan oleh pemain-pemain besar dunia yang

memang terpercaya dalam bidangnya. Misalnya Paypaldan Google Checkout.

Dengan menggunakan layanan mereka, hal-hal yang berhubungan dengan

verifikasi maupun penyalahgunaan kartu akan ditangani mereka. Sediakan

juga alternatif pembayaran non kartu kredit berupa transfer bank atau

pembayaran di tempat.

Biaya Menjalankan Toko Online PrestaShop

PrestaShop bisa digunakan dengan tanpa mengeluarkan biaya sepeser pun.

Namun, kita tetap memerlukan biaya operasional berupa sewa domain dan

web hosting. Domain adalah nama atau merek kita di internet. Sedangkan

web hosting ibarat kita menyewa sebuah kavling untuk jualan di internet.

PrestaShop tidak memerlukan konfigurasi hosting yang kompleks sehingga

dengan biaya yang relatif murah kita sudah bisa menggelar jualan online di

internet.

Page 20: 1. WEB SERVER LOKAL - Staff Official Site Unilastaff.unila.ac.id/sigit/files/2011/09/MODUL-DIKTAT-MATA-KULIAH-E...basis data yang saling terhubung melalui web server. ... mempunyai

http://staff.unila.ac.id/sigit

http://staff.unila.ac.id/sigit

Tabel berikut menyajikan perkiraan biaya minimal yang diperlukan untuk

menjalankan sebuah toko online dengan PrestaShop:

Komponen Biaya per bulan Biaya per tahun

Sewa hosting Rp 5.000 Rp 60.000

Sewa domain - Rp 100.000

Total - Rp 160.000

Kesimpulan

Dengan PrestaShop kita bisa ber-jualan online dengan biaya yang cukup

murah, dan administrasi yang mudah. PrestaShop menyediakan fitur-fitur

yang memudahkan pelanggan dalam berbelanja, memudahkan pemilik toko

online dalam menjalankan operasional toko, dan memudahkan admin dalam

mengkonfigurasi toko online. Untuk meningkatkan keamanan bagi para

pelanggan online, kita bisa melengkapi toko online dengan fitur keamanan

SSL, atau menggunakan layanan checkout yang disediakan oleh penyedia

jasacheckout dunia yang sudah terpercaya.