Kata Pengantar Dewasa ini keberadaan situs-situs komersial semakin marak demi menunjang berbagai kebutuhan dari perusahaan besar maupun perusahaan perorangan. Mungkin yang ada di pikiran seseorang pembuatan situs web komersial membutuhkan waktu dan biaya yang tidak sedikit namun sekarang dengan hadirnya Joomla segala kebutuhan itu terjawab. Joomla ialah CMS (Content Management System) yang bersifat opensource dan gratis. Penggunaannya sangat mudah bahkan untuk seseorang yang sama sekali tidak mengerti HTML sekalipun. Joomla mempunyai berbagai modul yang dapat diintegrasikan salah salah komponen dan modul yang sangat populer untuk membuat aplikasi e-commerce ialah Virtuemart. Dalam buku anda akan dituntun membuat sebuah virtual market (toko online) yang nantinya dapat anda sesuaikan dengan kebutuhan masing-masing. Semua pembahasan dilakukan dengan penjabaran tahap demi tahap disertai gambar-gambar yang mudah dimengerti sampai pada situs yang anda buat dapat anda akses. Buku ini juga telah dilengkapi CD yang berisikan materi pendukung yang digunakan dalam buku ini. Anda dapat langsung mencoba mempraktekkannya sendiri tanpa bantuan orang lain. Sebelum anda membaca buku mungkin anda tidak akan percaya dapat membuat sebuah web store hanya dalam 1 atau 2 jam saja namun kini anda dapat membuktikannya sendiri. Terakhir saya ingin mengucapkan terima kasih kepada kedua orang tua saya yang turut memberikan dukungan, para komunitas dan pengembang Joomla dan penerbit yang memublikasi buku ini. Untuk kritik dan saran mengenai buku ini dapat anda sampaikan melalui alamat email penulis, masandi07@gmail.com. Surabaya, Desember 2008 ANDI PRASETYO Daftar Isi Kata pengantar ....................................................................... 2 Daftar Isi ................................................................................. 4 Bab 1 Web Server Lokal 1.1 Pendahuluan .................................................... 6 1.2 Instalasi Xampp ............................................... 7 1.3 Konfigurasi Xampp ........................................ 12 Bab 2 Instalasi Joomla 2.1 Cara Upload/Instal Joomla ............................. 14 2.2 Konfigurasi dan Administrasi ........................ 19 Bab 3 Desain Tampilan 3.1 Instalasi Template .......................................... 24 3.2 Pengaturan Template ..................................... 28 Bab 4 Komponen dan Modul 4.1 Instalasi Modul .............................................. 31 4.2 Instalasi Komponen ........................................ 34 Bab 5 Pengaturan Menu 5.1 Konsep Situs ................................................. 36 5.2 Top Menu ...................................................... 38 5.3 Menu Utama ................................................. 45 5.4 Mengedit Menu ............................................ 50 Bab 6 Pengelolaan Top Menu 6.1 Halaman Utama .............................................60 6.2 Hubungi Kami .............................................. 62 6.3 Tentang Kami ............................................... 64 6.4 Faq ................................................................ 66 Bab 7 Pengelolaan Menu Tambahan 7.1 Login ............................................................. 68 7.2 Polling ........................................................... 69 7.3 Letterman ...................................................... 72 Bab 8 Pengelolaan Menu Belanja 8.1 Konfigurasi Toko ............................................ 75 8.2 Mengedit Produk & Kategori ........................ 80 8.3 Pengaturan Pajak dan Diskon ........................ 86 8.4 Menambah Produk & Kategori ....................... 89 8.5 Pengiriman & Pembayaran .............................94 8.6 Keamanan Situs .............................................. 98 8.7 Pengujian ....................................................... 99 Bab 9 Upload ke Web Hosting 9.1 Membuat Back up ....................................... 108 9.2 Pendaftaran Domain Gratis .......................... 110 9.3 Proses Upload .............................................. 112 9.4 Hosting Berbayar ......................................... 117 9.5 Konfigurasi Ulang ...................................... 122 Daftar Pustaka ................................................................... 124 Tentang Penulis .................................................................. 125 Bab 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: Secara garis besar Joomla terdiri atas PHP sebagai skrip, MySQL sebagai basis data yang saling terhubung melalui web server. Joomla tidak dapat 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: 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) 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. Bab 2 Instalasi Joomla 2.1 Cara Upload/Instal Joomla Pada dasarnya ada 2 cara penginstalan Joomla yakni dengan memindahkan file ke server dan dengan cara menginstal program seperti biasa. Kedua cara tersebut sebenarnya sama saja. Pada bahasan kali ini kita akan menginstal Joomla dengan cara memindahkan atau meng-upload file ke server. Ketik localhost pada kolom hostname, Ketik root pada kolom mysql user name, Kosongkan kolom mysql password, Ketik myweb pada kolom mysql database name. Terakhir anda biarkan saja mysql table prefiks dan tanda centang pada instal sampel data. Setelah itu klik next. Tampilan situs Joomla 2.2 Konfigurasi dan Administrasi Setelah anda menginstal situs Joomla tentunya tahap selanjutnya kita harus bisa mengetahui tata cara konfigurasi umum dan halaman administrasi. Halaman administrasi (admin) ialah tempat di mana pengguna dapat mengatur isi situs Joomla yang diinginkan pengguna atau admin. Sebenarnya penggunaan situs Joomla tidak terbatas hanya untuk e-commerce tetapi juga situs web pribadi maupun web komunitas. Masing-masing pun tentunya mempunyai tata konfigurasi yang berbeda. Dalam halaman admin merupakan tempat di mana administrator menginstal modul, template maupun komponen yang digunakan pada situsnya. Bahasan lebih lanjut mengenai menginstal modul, komponen dan sebagai dapat anda temukan pada bab selanjutnya. Pertama untuk dapat masuk ke halaman admin anda harus aktifkan dahulu program xampp lalu anda ketik alamat localhost/myweb/administrator pada web browser anda maka anda akan diminta memasukkan password dan username. Ketik admin pada kolom username dan 1234 sebagai password-nya lalu klik login maka anda akan diarahkan ke halaman admin Joomla. Halaman Login admin Tampilan halaman admin Setelah Login berhasil anda akan ke halaman administrator Joomla. Pertama kita dapat mengganti dahulu tampilan bahasa situs yang akan kita buat ke dalam bahasa Indonesia. Hal ini akan otomatis mengubah beberapa tampilan modul Joomla ke dalam bahasa Indonesia. Cara mengubah bahasa: Tampilan sementara myweb Bab 3 Desain Tampilan Penampilan sebuah situs web amatlah penting untuk menarik perhatian pengunjung. Sebuah situs web harus dapat mencerminkan kegunaan dari situs web itu sendiri. Di samping sisi penampilan tentunya sebuah situs web juga harus user friendly artinya mudah dimengerti atau digunakan. Setiap pengunjung dapat mudah menggunakan fasilitas temu balik informasi tanpa harus melakukan langkah-langkah yang terlalu panjang. Dalam Joomla, template atau tema dapat instal, edit atau buat sendiri sesuai dengan keinginan penggunaan. Ada banyak situs yang menyediakan template-template gratis yang dapat diunduh namun mungkin tidak semua template yang disediakan pada situs tersebut gratis. Situs tersebut di antara: Pada bab kita akan mempelajari cara mengganti template dan mengeditnya. Hal ini merupakan hal yang seharusnya mengawali sebuah pembuatan situs Joomla karena nantinya template yang dipakai akan berpengaruh pada penempatan menu dan modul. Cara menginstal template: Tampilan template bluestuff Setelah menginstal template untuk situs yang akan kita harus mengedit ulang template tersebut sesuai dengan kegunaan dari situs yang akan kita buat. Dalam Joomla kita dapat mengedit background, gambar, isi dari template terlebih lagi jika kita paham tentang HTML kita dapat menguat template sendiri. Untuk mengedit tampilan gambar yang muncul di halaman situs kita dapat dengan mudah mengganti dengan file tipe dan nama yang sama. Cara mengedit template: Gambar sebelum diedit Gambar yang telah diedit Tampilan myweb sementara Bab 4 Komponen dan Modul Modul merupakan suatu isi/konten situs yang memiliki kegunaan tertentu. Beberapa contoh modul dalam Joomla antara lain modul polling, whosonline, newsflash dan sebagainya. Masing-masing modul tersebut menjalankan fungsinya sendiri-sendiri. Di sini yang kita butuhkan ialah modul untuk sebuah webstore yang dapat melayani transaksi jual beli online melalui internet. Salah satu modul e-commerce yang populer untuk Joomla ialah Virtuemart. Dengan modul tersebut anda dapat memiliki web store sendiri dengan mudah hanya perlu menginstalnya. Kegunaan pun sangat praktis dan dapat memenuhi kebutuhan untuk transaksi jual beli secara lengkap. Cara menginstal modul: Nama Modul Kegunaan Stop Press Untuk memasang iklan atau pengumuman Y!Messenger Online Untuk menggunakan fasilitas yahoo chating Product scroller Untuk menampilkan daftar produk berjalan Virtuemart allinone Gabungan dari modul featured, topten dan random product Virtuemart cart Memunculkan cart/kereta belanja berserta isinya untuk konsumer Virtuemart featureprod Memunculkan feature/keistimewaan dari produk tertentu Virtuemart latestprod Memunculkan daftar produk yang baru masuk/ditambahkan Virtuemart manufacturers Memunculkan daftar produsen barang yang anda miliki Virtuemart randomprod Memunculkan produk secara acak Virtuemart search Memunculkan fasilitas pencarian produk Virtuemart topten Memunculkan daftar 10 produk yang paling laris Digit counter Menghitung pengunjung yang berkunjung ke situs anda Letterman Mengirimkan berita/kabar Selain modul ada juga komponen yang dapat anda instal sesuai dengan fungsi situs yang anda kelola. Komponen merupakan isi atau konten dari situs yang akan kita kelola. Perbedaan dengan modul, komponen ini biasanya dapat hubungkan langsung ke menu atau modul. Cara menginstal Komponen: Bab 5 Pengaturan Menu 5.1 Konsep Situs Setelah pada bab sebelumnya anda hanya berikan cara-cara penginstalan sekarang mulai serius. Hal yang pertama yang kita perlukan sebelum membuat sebuah web store kita membuat terlebih dahulu konsep dari web store yang akan kita buat. Kita harus mengetahui produk apa yang akan kita tawarkan ke konsumen apakah peralatan elektronik, telepon seluler, perlengkapan komputer atau berupa produk dan jasa lainnya. Selain itu kita juga mengetahui sasaran konsumer atau pasaran yang kita tuju. Baiklah selama memikirkan hal tersebut saya akan langsung memberikan contohnya. Seperti yang mungkin sudah anda tebak sebagai contoh kita akan membuat hardware store atau toko perkakas. Baik perkakas elektronik maupun perkakas manual namun tidak untuk perkakas komputer. Bagaimanapun ini hanya sekadar contoh nanti anda dapat membuat sendiri sesuai dengan kebutuhan anda baik itu toko buku, komputer atau VCD/DVD. Beberapa modul yang akan kita pakai selain komponen Virtuemart di antaranya; VirtualMart (modul gabungan), Virtuemart topten (menampilkan sepuluh produk terlaris), Virtuemart latestprod (menampilkan produk terbaru), VirtueMart Cart (kereta belanja), Virtuemart search (untuk mencari produk), Product scroller (untuk menampilkan produk berjalan) juga polling, digit counter dan who's online (pilihan opsional untuk manajemen data), letterman untuk mengirimkan berita/kabar secara massal. Tentunya anda dapat menambahkan atau mengurangi sendiri sesuai selera yang anda inginkan namun. Pertama kita akan memulai dengan pengaturan menu terlebih dahulu. Konsep myweb Pada bagian top menu kita akan membuatkan menu Halaman Utama, Hubungi Kami, Tentang Kami dan Faq. Untuk menu utama kita akan menjadikannya sebagai menu belanja dengan modul Virtuemart/kategori. Untuk bagian informasi produk kita akan menempatkan produk scroller, fasilitas pencarian dan kereta belanja. Terakhir pada menu tambahan kita akan memasukan modul login form, letterman, polling, who's online dan digit counter. 5.2 Hampir semua situs apapun yang pernah anda kunjungi tidak akan melewatkan untuk menempatkan top menu. Dalam top menu biasanya berisikan menu navigator ke halaman utama (home), hubungi kami (contact us), tentang kami (about us) dan sebagainya. Intinya top menu ialah tempat di mana pengunjung dapat mendapatkan info tentang situs yang dikunjunginya. Baiklah kita memulai untuk membuatkan fasilitas top menu di dalam myweb. Di sini kita hanya akan mengedit menu Home dan contact us menjadi menu Halaman Utama dan Hubungi Kami sedangkan untuk menu Tentang kami dan Faq kita akan membuatkan menu yang baru. Cara membuat Menu Halaman Utama dan Hubungi Kami: Cara membuat Menu Tentang Kami & Faq: Tampilan sementara myweb 5.3 Menu Utama Pada bagian ini kita akan membuat Menu Utama. Menu Utama di sini berupa menu belanja di mana kebutuhan untuk bertransaksi berlangsung. Kita akan mencoba sebuah Menu Belanja secara sederhana dan memfokuskan agar pengunjung dapat dengan mudah mengakses menu ini. Pada menu kita akan menghapus semua menu yang ada sudah ada sebelumnya (menu default) dan menggantinya dengan beberapa modul yang akan kita gunakan. Pembuatan Menu Utama akan dibagi ke dalam 2 tahap yakni Penghapusan Menu Default dan Pembuatan Menu Utama. Cara menghapus Menu Default: Cara membuat Menu utama: Tampilan site module Tampilan sementara myweb 5.4 Mengedit Menu Setelah proses pembuatan menu seperti di atas anda pun dapat mengatur tata letaknya sesuai yang anda inginkan. Berdasarkan contoh di atas maka didapatkan posisi Main Menu, Login Form, VirtueMart Module sampai Digital Visitors Counter berada di sisi kiri sedangkan untuk Polling dan Who's Online berada di sisi kanan (anda mungkin mendapati posisi yang berbeda). Sekarang kita akan pindahkan Login Form dan Digital Visitors Counter ke sisi kanan bawah dan Product Scroll ke bagian kiri atas. Selain perihal tempat anda tentunya juga dapat mengganti nama (titel) dari menu tersebut menjadi bahasa Indonesia. Terakhir anda pun dapat mengatur akses dari tiap-tiap tersebut yang dapat dilihat pengunjung. Ikutlah cara-caranya di bawah ini. Cara pengaturan tempat: Tampilan sementara myweb Cara mengedit nama modul: Nama Lama Nama Baru Main Menu Menu Utama VirtueMart Module Kategori VirtueMart TopTen Products 10 Produk Terlaris Latest products Produk Terbaru Polls Polling Who's Online Pengunjung Digital Visitors Counter Anda adalah pengunjung yang ke- Product Scroller Info Produk Login Form Login Setelah mengedit nama dan tempat menu anda dapat meninjau kembali (preview) situs anda dan lihat beberapa kekurangan yang ada. Di sini kita perlu mengatur beberapa hal untuk mempercantik situs Kita inginkan supaya modul login, polling, who's online dan digit counter hanya dapat dilihat pada halaman utama. Selain itu kita akan mengedit menu Virtuemart (kategori) karena sebenarnya menu ini merupakan gabungan dari beberapa modul produk kategori, pencarian dan kereta belanja dan satu hal lagi kita akan mengganti menu Home supaya mempunyai link langsung pada Halaman Utama. Cara Mengedit menu Home: Cara mengedit akses modul: Cara mengedit modul kategori: Tampilan Sementara Myweb Bab 6 Pengelolaan Top Menu 6.1 Halaman Utama Pada bab ini kita akan mengisi konten dari tiap-tiap top menu. Seperti yang anda sudah ketahui top menu yang kita buat terdiri dari 4 menu, Halaman Utama, Hubungi Kami, Tentang Kami dan FAQ (pertanyaan yang sering diajukan). Anda mungkin sudah dapat memperkirakan konten/isi dari menu-menu tersebut. Pertama kita buatkan konten Halaman Utama. Di sini merupakan konten yang dapat dilihat langsung saat pengunjung mengunjungi situs anda oleh sebab itu untuk halaman ini harus anda buat dengan user friendly singkat dan menarik. Di bawah anda akan dicontohkan membuat konten halaman utama dengan sederhana. Cara membuat isi Halaman Utama: Tampilan Halaman Utama 6.2 Hubungi Kami Menu Hubungi Kami berisi informasi kontak yang dapat di hubungi oleh setiap pengunjung. Menu ini berperan penting dalam situs anda jadi anda harus hati-hati mengisinya agar alamat kontak benar-benar valid dan dapat dihubungi. Cara membuat konten Hubungi Kami: Tampilan menu Hubungi Kami 6.3 Tentang Kami Pada menu Tentang Kami anda dapat mendeskripsikan sejarah, misi, visi dan berbagai informasi lainnya dari toko/perusahaan yang anda kelola. Cara membuat konten Tentang Kami: 6.4 FAQ Menu FAQ berisikan pertanyaan-pertanyaan yang sering di ajukan pengunjung terhadap situs anda beserta jawabannya. Menu ini dimaksudkan agar para pengunjung terutama yang masih baru dapat mengenal lebih dekat mengenai situs anda. Cara membuat konten FAQ: Tampilan halaman FAQ Bab 7 Pengelolaan Menu Tambahan Sekarang akan membahas pengelolaan menu untuk menu tambahan yakni menu Login, Polling dan Letterman. Untuk menu/modul Pengunjung dan total pengunjung tak akan dibahas lagi karena kedua modul sudah bekerja otomatis jika situs sudah diunggah (upload) dan dapat diakses. Di katakan menu tambahan karena menu ini hanyalah bersifat opsional boleh dipakai tidak pun tak masalah. Bagaimana pun beberapa menu di sini akan membantu kita untuk mengelola data yang kita perlukan. Anda tentunya sudah sering melihat situs-situs yang menggunakan Login form. Menu ini sudah sangat umum dipakai di berbagai situs kegunaannya ialah untuk mendaftarkan pengunjung sebagai anggota situs dan nantinya akan mendapat berbagai keuntungan dari anggotanya tersebut. Hal yang pertama yang perlu ialah mendaftarkan sebagai anggota anda dapat dengan mudah mengklik tulisan Daftar. Pada halaman selanjutnya akan ditunjukkan formulir pendaftaran. Di sini anda wajib mengisikan semua kolom tanpa terkecuali dengan data yang valid terutama untuk email karena email ini akan diverifikasi lebih lanjut untuk dapat mengaktifkan pendaftaran. Pada kolom anda harus mengisinya dengan 6 karakter (tanpa ada spasi) dan harus di ulang pada kolom di bawahnya. Setelah semua terisi anda klik kirim pendaftaran. Selanjutnya anda akan di minta membuka alamat email anda dan mengaktifkan pendaftar dari email yang anda dapat jika anda belum melakukan aktivasi maka login akan diblokir. Bagaimanapun hal ini hanya dapat dilakukan jika situs ini sudah diunggah ke web server atau sudah terkoneksi dengan internet. 7.2 Polling Menu Polling berguna untuk mengetahui keinginan atau pendapat dari pengunjung mengenai situs anda. Untuk lebih lanjut anda dapat mengelola data yang anda dapatkan untuk berbagai kepentingan. Mengelola menu dalam Joomla cara sangat sederhana, ikuti langkahnya sebagai berikut. Cara mengelola polling: Tampilan Polling 7.3 Letterman Menu Letterman berguna untuk mengirimkan kabar kepada para pelanggan secara berkala. Hal ini dimaksud untuk menjaga hubungan baik dengan para pengunjung/konsumen. Adapun isi kabar tersebut dapat berupa daftar produk terbaru atau berbagai momen lainnya mengenai situs yang anda kelola. Cara mengelola menu Letterman: Bab 8 Pengelolaan Menu Belanja 8.1 Konfigurasi Toko Setelah membahas menu tambahan dan top menu kita akan membahas menu utama atau untuk mudahnya saya akan menyebutnya menu belanja. Hal pertama yang harus yang perlu kita lakukan ialah membuat konfigurasi toko. Di sini akan memberikan detail informasi untuk toko yang akan kita buat, mengubah mata uang dan sebagainya. Mengatur konfigurasi toko: Cara konfigurasi lebih lanjut: 8.2 Mengedit Produk & Kategori Saat anda menginstal komponen Virtuemart anda juga telah menginstal sampel data berupa produk-produk yang tampil di situs anda. Produk-produk tersebut dapat anda edit sesuai yang anda inginkan. Di sini hanya akan berikan contohnya untuk lebih lanjut anda dapat menyesuaikannya tergantung dari toko masing-masing. Cara mengedit Produk: Cara mengedit kategori: Tampilan menu kategori 8.3 Pengaturan Pajak dan Diskon Saat mengedit produk tadi mungkin anda memperhatikan bahwa produk yang ada sudah dikenakan pajak 8,25%. Di sini kita tidak mengenal pajak sebesar 8,25% yang ada mungkin pajak PPn sebesar 10%. Tenang kita dapat menggantinya dengan mudah. Selain mengatur jumlah pajak anda juga dapat mengatur jumlah diskon yang ingin anda diberikan untuk momen spesial atau sekedar menarik konsumen. Selain diskon masih ada lagi yang namanya kupon, kupon berisikan kode yang dibagikan pada konsumen tertentu, kode tersebut nantinya dapat digunakan konsumen untuk mengklaim diskon yang diberikan. Ikutilah caranya di bawah ini. Cara mengatur pajak: Cara mengatur diskon: Cara mengatur kupon: 8.4 Menambah Produk & Kategori Setiap anda mendapatkan stok produk baru anda dapat dengan mudah menambahkannya pada situs anda dan mengategorikannya. Pada dasarnya cara menambah produk dan kategori tidak jauh berbeda dengan cara mengeditnya seperti yang telah diuraikan di atas. Ikuti caranya di bawah ini. Cara menambah produk: Cara menambah kategori: 8.5 Pengiriman & Pembayaran Prosedur pengiriman barang termasuk salah satu yang tidak kalah pentingnya pada sebuah toko online, sehingga suatu hal yang wajar bagi para pemilik toko online harus menyediakan jasa pengiriman barang yang dapat menjangkau semua lokasi pelanggannya. Dalam Virtuemart anda ditawarkan banyak variasi yang dapat digunakan banyak di antaranya yang masih terlihat asing namun kita dapat menyesuaikannya dengan kondisi jasa pengiriman yang ada di Indonesia. Demikian pula dengan metode pembayaran yang merupakan salah satu bagian penting dalam toko namun sepertinya metode pembayaran dalam yang sudah ada di Virtuemart belum terlalu cocok untuk toko-toko online dengan target pasar masyarakat Indonesia. Umumnya masyarakat kita, dalam melakukan pembayaran dengan cara transfer ke rekening bank baik melalui ATM atau melalui bank. Cara mengatur metode pengiriman: Cara mengatur metode pembayaran: 8.6 Keamanan Situs Keamanan Situs terutama untuk situs komersial seperti yang kita buat amatlah penting. Belakangan ini banyak sekali kejahatan internet/dunia maya (cyber crime) yang terus bermunculan dengan berbagai cara seperti phishing, keylogger, hacking, penyebaran virus, trojan, spyware dan sebagainya. Perlu diingat pula bahwa saat ini kita belum memiliki undang-undang khusus mengenai kejahatan dunia maya jadi kita berlindung di balik benteng sendiri untuk memerang kejahatan ini. Perlu diketahui karena di sini kita hanya menggunakan metode pembayaran melalui ATM yang tentunya lebih aman ketimbang menggunakan kartu kredit seperti paypal atau sejenisnya. Prinsip pembayaran melalui ATM lebih aman karena tiap transaksi dibatasi dengan penggunaan nomor rekening, mesin ATM dan nomor PIN tertentu sedang untuk penggunaan kartu kredit sebaik kita perlu menambahkan SSL (secure socket layer) sebagai pengaman nomor kartu kredit. Ada berbagai situs yang menawarkan produk ini namun bagaimanapun SSL merupakan produk komersial yang tidak murah. Beberapa web hosting ternama juga telah menyedia berbagai fasilitas keamanan termasuk SSL ini jadi berhati-hati dalam memilih web host jangan asla murah namun keamanannya tidak terjamin. Ada beberapa hal lagi yang dapat anda lakukan untuk mengamankan situs anda dari berbagai hal yang tidak diinginkan di antaranya: Membuat back-up secara rutin, Menggunakan jasa web hosting yang sudah terjamin keamanannya tidak asal harga murah, Menggunakan antivirus (sebaiknya internet suite security) yang selalu di-update sekarangan ini beberapa antivirus komersial telah menyediakan program anti hacker (firewall), antiphishing, anti keylogger bahkan ada pula yang telah menyediakan kapasitas tertentu untuk hosting situs yang kita punya yang selalu dimonitori oleh antivirus tersebut. Perhatikan juga untuk mengaktifkan auto update windows anda sehingga komputer selalu mendapatkan uptade terbaru dari windows. 8.7 Pengujian Hal paling terakhir dan yang paling ditunggu adalah bagian pengujian. Di sini kita akan menguji seperti apa kerjanya situs yang tadi kita buat. Sebenarnya anda sudah dapat mengakses sebagian besar dari kinerja situs yang anda buat namun tidak secara keseluruhan karena ada beberapa hal yang mengharuskan anda untuk meng-upload web ke web hosting agar dapat diakses khalayak umum. Pertama bagi pengunjung untuk dapat membeli produk dari situs anda dapat melalui fasilitas pencarian (search), dengan browsing kategori, mengklik info produk, mengklik produk terlaris atau produk terbaru. Ini sudah sangat mencukup salah satu aspek terpenting dalam situs e-commerce karena dengan berbagai fasilitas tersebut akan memudahkan dalam sistem pencarian produk. Pertama anda dapat login terlebih dahulu pada login form. Setelah anda login maka menu kereta belanja dan pencarian barang akan muncul. Anda dapat memasukan kata gunting pada fasilitas pencarian produk maka anda langsung ditujukan pada pilihan gunting rumput dan gunting. Anda pilih gunting maka halaman berikutnya akan tampil seperti gambar di bawah. Dari sini anda dapat melihat harga produk yang sudah termasuk pajak dan diskon (jika diberikan), di sini juga terdapat pilihan warna dan bahan sesuai persediaan jadi konsumer dapat memilihnya sendiri. Pada bagian bawah juga terdapat review (penilaian) dari konsumen lainnya, untuk dapat memanfaatkan fasilitas ini maka anda login terlebih dahulu. Di bawahnya lagi juga terdapat pilihan produk yang masih berhubung dengan produk yang anda pilih jadi anda dapat dengan mudah memilih-milih. Untuk membeli produk anda dapat dengan mudah menentukan jumlah kuantitas (quantity) lalu klik add to cart. Di sini konsumen anda diberikan pilihan untuk melanjutkan berbelanja yang lain (continue shopping) atau langsung memesan (checkout). Di sini konsumen juga diberi kesempatan untuk mengisi kupon kode (jika dibagikan) untuk mendapatkan harga diskon khusus. Klik checkout maka tahap selanjutnya anda akan mendapatkan konfirmasi barang yang dibeli dan jika anda belum terdaftar sebagai konsumen anda akan diminta mengisi data diri dan alamat. Di sini konsumen harus mengisi data diri anda alamat (semua yang ditandai tanda *) juga harus menyetujui perjanjian transaksi jual-beli (term of service). Di sini juga terdapat login jika ada konsumen yang telah terdaftar (sudah memiliki username) dan sudah mengisi data diri dan alamat (sudah pernah membeli barang) maka hanya cukup login maka alamat sudah otomatis terisi dengan alamat yang sebelumnya. Jika proses registrasi telah selesai anda akan mendapat konfirmasi alamat yang tadi diberikan. Alamat tersebut akan menjadi alamat pengiriman default jika anda sudah yakin alamat tersebut sudah benar maka klik next. Pada tampilan halaman berikut konsumen akan diberikan pilihan jasa pengiriman yang tersebut. Daftar jasa pengirim yang muncul di sini sudah disortir berdasarkan batas antar kode pos yang dibuat. Jadi jika ada tarif pengiriman dengan kode pos yang tak sesuai dengan kode pos konsumen maka tak akan muncul di sini sebaliknya kode pos yang range-nya termasuk dalam kode pos yang diberikan konsumen maka akan muncul di sini. Klik next untuk melanjutkan ke sesi metode pembayaran. Pada halaman selanjutnya konsumen dapat memilih pembayaran sesuai yang diinginkannya. Di sini juga harga total termasuk dengan ongkos kirim. Pada halaman berikut anda tinggal mengonfirmasi pembelian, sebelumnya anda juga dapat meninggalkan catatan tertentu jika diperlukan. Setelah menyelesaikan tahap pembelian maka konsumen akan mendapat email konfirmasi sesuai dengan alamat email yang diberikannya bagaimanapun hal ini hanya akan bekerja jika anda terkoneksi dengan internet. Setelah proses pembelian setiap produk akan otomatis masuk ke daftar produk terlaris. Untuk mengecek pemesanan (order) yang telah masuk anda dapat melihat melalui control panel Virtuemart lalu masuk ke bagian order, list order. Di sini anda juga dapat mengganti status pembayaran apakah baru diterima, sudah dikonfirmasi atau sudah dikirim. Untuk melihat laporan mingguan atau bulanan anda dapat masuk ke bagian reports. Di sini anda dapat melihat total order, item yang terjual dan total penerimaan dalam periode tertentu. Tampilan halaman Report Bab 9 Upload ke Web Hosting Setelah melakukan tahap pengujian offline dan berhasil maka anda dapat melanjutkan untuk melakukan upload ke web hosting namun sebelum ke sana kita perlu melakukan back up file dan database yang telah kita buat. Hal ini diperlukan agar kita memiliki data cadangan sewaktu-waktu file dan database yang kita buat hilang tanpa disengaja atau rusak karena virus dan sebagainya. Berikut langkah-langkah membuat back up. Membuat back up file: Membuat back up dengan file zip Membuat back up Database: Saat ini ada banyak situs-situs yang menyediakan pendaftaran domain dan hosting gratis. Meskipun anda harus menggunakan alamat domain menumpang (seperti namaanda.namawebhosting.com) dan fasilitas serta kapasitas yang terbatas. Hal yang di sini ialah web hosting untuk situs Joomla harus mendukung php dan mysql (sesuai dengan versi pada xampp) jadi anda dapat hosting situs Joomla dalam googlepages atau geocities. Untuk mencari webhosting anda dapat menggunakan fasilitas search engine seperti Google, Yahoo dan MSN. Di sini kita akan mengambil contoh untuk melakukan hosting pada my-place.us. Pertama pastikan anda telah terhubung ke internet lalu buka web browser ke alamat my-place.us. Pada halaman depan anda pilih Sign up ikuti langkah selanjutnya anda akan diminta Username, password, email dan kode lihat gambar di bawah. Setelah itu anda klik register maka email konfirmasi anda dikirimkan ke alamat email anda harap anda simpan email tersebut ke harddisk agar lebih mudah. Di sini nama username yang anda masukan tadi akan otomatis menjadi domain milik anda seperti namaanda.my-place.us. Halaman depan my-place.us Tampilan Register Setelah proses registrasi selesai kita dapat upload file dan database yang telah kita buat ke web hosting. Ada beberapa cara untuk dapat meng-upload file selain dengan cara normal. Untuk web hosting yang menyediakan ftp (files transfer protocol) maka proses upload file dapat juga melalui my network places dengan membuat file ftp. Untuk web hosting yang menyediakan fasilitas installer script anda juga dapat langsung menginstal aplikasi (seperti Joomla, php nuke, drupal dsb) cara ini dapat menghemat waktu upload namun bagaimanapun cara ini harus mengatur ulang situs dari awal mula. Cara meng-upload database: Cara menginstal Joomla: Cara mengupload file: Di Indonesia saat ini sudah tersedia cukup banyak jasa web hosting. Anda dapat menggunakan fasilitas mesin pencari seperti google untuk dapat menemukannya. Ada beberapa hal yang harus anda perhatikan untuk memilih web hosting berbayar antara lain fasilitas dan dukungan yang diberikan, harga, paket yang diberikan dan keamanan. Saya sarankan untuk memilih web hosting yang sudah memiliki fasilitas standar e-commerce seperti ssl, secure server, open enkription. Hal yang pertama yang perlu kita lakukan ialah mendaftarkan atau mengecek alamat domain ke web hosting. Setelah kita mendaftarkan nama domain kita dapat memilih paket hosting seperti yang kita inginkan. Di sini banyak web hosting yang memberikan tawaran menarik dan anda dapat membandingkannya sendiri. Untuk situs ini anda butuh setidaknya space 15 Mb ke atas. Setelah anda melakukan registrasi domain dan hosting maka anda akan mendapatkan email berisi username dan password untuk dapat masuk ke Cpanel. Pada email tersebut biasanya juga akan terdapat kontak bantuan/support yang anda dapat gunakan jika anda mengalami suatu masalah atau sekedar mengajukan pertanyaan. Selanjutnya anda langsung masuk ke alamat Panel tersebut. Untuk hosting di RumahWeb misalnya maka anda klik alamat http://cpanel.rumahweb.org/. Setelah itu anda masukkan username dan password sesuai yang dapatkan melalui email. Setelah masuk ke halaman Panel pilihan menu fantastico de luxe (ini fasilitas yang memungkinkan anda untuk menginstal CMS ke dalam situs anda hanya dengan beberapa kali klik). Cara menginstal Joomla melalui Fantastico: Setelah meng-upload file Joomla anda harus terlebih dahulu melakukan konfigurasi ulang agar situs anda dapat diakses. Di sini anda akan mengganti keterangan mengenai database, username, password dan lainnya sebagainya dikarenakan pada saat awal anda melakukan proses instal dalam localhost dan sekarang anda berada di webhosting. Cara ini tak perlu dilakukan jika anda menginstal Joomla melalui automatic installer seperti yang dicontohkan di atas. Berikut contoh data yang anda harus perhatikan: MySQL Server: sql3.my-place.us Cpanel Username: mp_1141509 Cpanel Password: 123456 MySQL Database Name: mp_1141509_myweb Path: home/vol1/my-place.us/tokoperkakas Your URL: http://tokoperkakas.my-place.us Sekarang anda masuk ke menu ftp bagian file manager anda buka file configuration.php-dist pada folder myweb. Perhatikan pada bagian database section. Di sini anda harus mengatur konfigurasi sesuai dengan data yang anda dapat.
Top Menu
$mosConfig_host = Mysql server
$mosConfig_user = Cpanel Username
$mosConfig_password = Cpanel Password
$mosConfig_db= Mysql database
Untuk bagian site specific anda juga harus mengonfigurasi ulang beberapa path.
$mosConfig_absolute_path='home/vol1/my-place.us/tokoperkakas'
$mosConfig_live_site = 'http://tokoperkakas.my-place.us'
$mosConfig_cachepath= 'home/vol1/my-place.us/tokoperkakas'
Selamat sekarang anda sudah dapat mengakses situs yang anda buat sendiri melalui web hosting. Apabila anda menginstal melalui Fantastico maka anda mendapatkan situs anda masih dalam bentuk semula seperti anda menginstal Joomla, untuk itu dapat mengedit dan mensetting ulang sendiri seperti yang anda inginkan.
Tampilan akhir situs
Daftar Pustaka
Situs resmi Joomla
Situs resmi Virtuemart
www.id-joomla.com, www.joomla-id.com
Situs komunitas Joomla Indonesia
Situs ensiklopedia online
2009
1 comments: