Rabu, 11 April 2012

This Is Manual Joomla For E-Commerce


Tadi kan aku udah kasih manual wordpress untuk ecommrce,
Pada kesempatan kali ini, saya akan menjelaskan tentang bagaimana membuat website e-commerce menggunakan joomla.
Yang dimaksud dengan website e-commerce adalah website yang mengandung unsur bisnis didalamnya.
Perdagangan elektronik atau e-dagang (bahasa InggrisElectronic commerce, juga e-commerce) adalah penyebaran, pembelian, penjualan, pemasaranbarangdan jasa melalui sistem elektronik seperti internet atau televisiwww, atau jaringan komputer lainnya. E-dagang dapat melibatkan transfer dana elektronik, pertukaran data elektronik, sistem manajemen inventori otomatis, dan sistem pengumpulan data otomatis.
sumber: wikipedia
Modul paket yang saya gunakan untuk mengubah website joomla menjadi website e-commerce adalahVirtueMart.
VirtueMart adalah modul #1 untuk kustomisasi website joomla menjadi website toko online pada saat ini.
Ada beberapa tahap yang harus diperhatikan dalam mengubah website joomla kita menjadi website e-commerce.

Langkah 1:
Downloadlah modul VirtueMart dari sini
Setelah berhasil mendownload arsip virtuemart (contoh: VirtueMart_1.1.4-COMPLETE_PACKAGE.j15.zip)
extractlah dan perhatikan isinya terdapat 2 buah file dan 2 buah folder masing-masing adalah folder plugins dan folder modules.
Langkah 2:
Setelah mengekstrak arsip virtuemart, selanjutnya kita login ke admin panel website joomla kita
sebagai contoh : http://localhost/joomla/administrator
lalu kita pilih extensions - install/uninstall
Setelah masuk ke dalam Extensions Manager, kita pilih Upload Package File lalu arahkan ke file hasil ekstrakan arsip virtuemart yang bernama “com_virtuemart_1.1.4.j15.zip
Setelah itu tekan tombol upload file dan install maka instalasi modul virtuemart akan diproses.
Setelah proses instalasi modul virtuemart selesai, akan tampak tampilan instalasi sukses seperti ini:
Untuk pemula, silahkan pilih “Install Sample Data“. Dengan menekan tombol ini, maka virtuemart akan menambahkan beberapa contoh product, category contoh terlebih dahulu, sehingga kita tidak perlu mulai dari awal (kosong).
Namun apabila anda ingin menginstall virtuemart dari awal (kosong) maka pilihlah “Go directly to the Shop”.
Pada tutorial ini saya akan pilih “Install Sample Data“.
Setelah itu maka proses instalasi telah selesai.
Langkah 3:
Setelah proses instalasi selesai, maka anda dapat melihat admin panel kusus untuk virtuemart.
Untuk mengaksesnya secara manual adalah dengan masuk ke admin panel joomla (http://localhost/joomla/administrator )
lalu menu yang harus dipilih adalah Components VirtueMart.
Tampilan admin panel untuk virtuemart akan tampak seperti ini:
Hal pertama yang harus dilakukan adalah mengubah setting tentang toko online anda.
Untuk melakukan hal ini, pilihlah menu pada navigasi pada sebelah kiri Store Edit Store
Pada halaman Store Information, ubahlah informasi seperti yang diinginkan.
Seperti Logo, currency information, nama toko, dan lain sebagainya.
Setelah semua informasi mengenai toko anda telah diperbaharui, maka tekan “Save” pada pojok kanan atas.
Langkah 4:
Pada langkah ini kita akan mengatur menu pada tampilan website joomla kita, agar toko online kita bisa diakses.
Untuk melakukan ini, anda harus masuk ke admin panel, lalu pilih Menus – Menu Manager - New
Setelah menu My Shop sudah terbentuk, pilihlah menu Menus My Shop – New
Lalu pilih lah VirtueMart pada saat Select Menu Item Type
Lalu pilihlah judul untuk menu anda.
Pada contoh ini akan saya buat judul menu Christian Chandra Mart
Perhatikan gambar berikut agar lebih jelas.
Setelah selesai, menu yang telah dibuat (Christian Chandra Mart) masih belum akan tampil pada website, kita harus mengatur modul menu terlebih dahulu.
Untuk mengatur modul, maka pilihlah menu Extensions Module Manager – New
Lalu setelah itu pilihlah Menu lalu tekan tombol Next.
Perhatikan gambar berikut agar lebih jelas.
Setelah itu akan muncul tampilan informasi tentang modul menu.
Aturlah nama modul sebagai contoh : My Shop
lalu hal yang penting adalah menu name pada parameter pilihlah menu virtuemart kita : shop
Perhatikan gambar berikut.
Setelah itu cek lah website joomla dengan mengakses http://localhost/joomla/
Maka akan muncul menu baru My Shop yang berisikan Christian Chandra Mart didalamnya berisikan kategori produk-produk barang yang kita tawarkan.
Untuk saat ini produk dan kategori produk merupakan produk contoh dari sample data.
Untuk mengubah atau mengedit produk, akan di jelaskan pada langkah berikutnya.
Langkah 5:
Pada langkah ini, saya akan menjelaskan cara mengubah atau mengedit produk dan kategori produk.
Pertama, masuklah ke admin panel joomla http://localhost/joomla/administrator/
Setelah itu pilihlah menu Components VirtueMart lalu pada bagian sebelah kiri, terdapat panel Product
Disana anda dapat mengatur daftar produk yang anda jual, besar discountkategori produk , dan lain-lain.
Setelah pengaturan produk dan kategori produk, maka toko online kita telah siap di akses oleh pengunjung website kita.
Langkah 6:
Lalu bagaimana cara pembayaran yang digunakan?
VirtueMart telah dilengkapi dengan fasilitas beberapa payment gateway, untuk mengaktif/non-aktifkannya bisa melalui menu Store List Payment Method
Anda juga dapat menambahkan payment method anda sendiri.
Selamat! toko online anda telah siap dipublikasikan ke kalayak ramai..
Selamat berkreasi. :o)
kalau kalian mau mendownload file ini dalam bentuk PDF,
silakan download:
thanks for the reference christian chandra and my lecture Mr.Nanang Suryadi, cc : Blog EcommWebsite Pak Nanang 1Website Pak Nanang 2Blog Pak Nanang..

This Is Manual Wordpress for E-Commerce..


Salah satu cara membuat toko online adalah dengan menggunakan mesin blog seperti WordPress (WP). Hal ini disebabkan kelebihan WP yang bisa diinstall dengan beragam plugin dengan beragam fitur dan fungsi. Dalam hal toko online, ada plugin yang memang ditujukan untuk hal tersebut, yaitu plugin WP-eCommerce. Bagaimana caranya membuat toko online dengan WP-eCommerce? Ikuti langkah2nya berikut ini.
Pertama, anda download dulu plugin WP-Commerce dari Instinct Entertainment disini (asumsi anda sudah menginstal WP).
Kalo sudah, install dengan cara:
  1. Ekstrak dulu
  2. Kemudian copy ke direktory wp-content/plugins
  3. Login admin, klik menu Plugins disebelah kiri sehingga muncul halaman plugin
  4. Aktifkan WP Shopping Cart dengan mengklik activate.
aktif-wp-shopping-cart-akhuna
Sejauh ini anda sudah mempunyai plugin eCommerce, tetapi anda masih belum bisa menggunakannya, karena anda butuh template khusus untuk e-Commerce. Anda bisa mendapatkan template khusus eCommerce (Crafty Cart) gratis dari billionstudio dengan mendownloadnya disini.
Setelah download selesai, anda aktifkan template Crafty cart dengan cara.
  1. Ekstrak file template dan copykan ke direktory wp-content/themes
  2. Login admin (jika belum login), klik menu Appearance di sebelah kiri sehingga muncul halaman template.
  3. Klik template Crafty Cart untuk mengaktifkannya. selesai.
Whoala.. toko online anda sudah jadi.
toko-jadi-akhuna
Tapi, tunggu dulu. Toko online anda masih kosong, masih belum ada produknya. Sebelum anda mulai menampilkan produk anda, anda masih harus melakukan beberapa settingan. Anda perhatikan di sebelah kiri anda halaman admin anda, ada tambahan menu Productseperti dibawah ini.
menu-produk-akhuna
Klik pada menu Settings, dan lakukan perubahan pada item Base Country dan Currency Settings. Pilih Indonesia untuk keduanya (itu jika anda mau menjual produk dengan target segmen lokal).
curr-setting-akhuna
OK, selesai. Sebenarnya masih ada beberapa setting yang perlu dilakukan, seperti payment option, tapi nanti bisa terlalu panjang postingannya. Insy di posting selanjutnya.
Nah, sekarang kita akan memasukkan produk perdana kita. Klik menu Manage Products sehingga muncul halaman Products. Dan masukkan deh, produk anda satu-persatu disana lengkap dengan gambar produk anda. Anda bisa bermain-main sendiri dengan plugin ini karena sangat mudah. Coba tambah group dan kategori produk anda secara mandiri, pasti bisa! Nih, screenshot hasil saya.
toko-jadi2-akhuna
kalau kalian mau mendownload file ini dalam bentuk PDF,
silakan download disini..
Manual Wordpress untuk Ecommerce_0910220014..
thanks for the reference yaa akhuna..
And My Lecture Mr.Nanang Suryadi.. cc : Blog Ecomm, Website Pak Nanang 1, Website Pak Nanang 2, Blog Pak Nanang..

Rabu, 04 April 2012

Between Google, Yahoo and Bing webmasters, where do you like?



Google, Yahoo dan Bing adalah search engine yang menyediakan webmaster tool yang memberikan informasi rinci dan statistik tentang bagaimana mereka melihat dan menjelajahi blog anda. Agar Google, Yahoo dan Bing dapat mengakses sebagian besar fitur di blog anda, anda harus memverifikasi blog anda terlebih dulu. Berikut adalah cara memverifikasi di Google, Yahoo dan Bing:bootingskoBlog.
Google Webmaster Tools
Log in ke https://www.google.com/webmasters/tools/ dengan account Google anda.
Masukkan URL blog Anda dan klik [Add Site].
Anda akan disajikan dengan beberapa metode verifikasi.
Pilih Meta Tag.
Copy meta tag, yang akan terlihat seperti contoh dibawah ini.
<meta name=’google-site-verification’content=’dBw5CvburAxi537Rp9qi5uG2174Vb6JwHwIRwPSLIK8′>
Jangan tutup halaman verifikasi Google Webmaster Tools dulu.
Masuk ke dashboard blog Anda, kemudian klik [Tools].
Dan paste-kan meta tag tadi pada kolom [Google Webmaster Tools].
Klik tombol [Save Changes].
Kembali ke halaman verifikasi Google Webmaster Tools dan klik tombol [Verify].

Yahoo Site Explorer
Log in ke https://siteexplorer.search.yahoo.com/ dengan account Yahoo anda.
Masukkan URL blog anda dan klik [Add My Site].
Klik [By adding a META tag to my home page].
Copy meta tag, yang akan terlihat seperti contoh dibawah:
<meta name=’y_key’ content=’3236dee82aabe064′>
Jangan tutup halaman verifikasi Yahoo Site Explorer dulu.
Kemudian masuk ke dashboard blog anda, klik [Tools].
Dan paste-kan meta tag tadi pada kolom [Yahoo Site Explorer].
Klik tombol [Save Changes].
Kembali ke halaman verifikasi Yahoo Site Explorer dan klik tombol [Ready to Authenticate].
Catatan: Ini bisa memakan waktu hingga 24 jam untuk situs anda akan dikonfirmasi.

Bing Webmaster Center
Log in ke http://www.bing.com/webmaster dengan account Live! anda.
Klik [Add a site].
Masukkan URL blog anda dan klik [Submit].
Copy meta tag META pada kolom [Meta tag authentication] seperti contoh dibawah:
<meta name=’msvalidate.01′content=’12C1203B5086AECE94EB3A3D9830B2E’>
Jangan tutup halaman verifikasi Bing Webmaster Center dulu.
Masuk ke dashboard blog anda, klik [Tools].
Dan paste-kan meta tag tadi pada kolom [Bing Webmaster Center]Klik tombol [Save Changes].
Kembali ke halaman verifikasi Bing Webmaster Center dan klik tombol [Return to the Site list].

Senin, 12 Maret 2012

12 Maret 2012 - Yuk belajar E-Commerce..


Belajar E-Commerce..
Tahukah kalian jika E-Commerce itu sangat penting saat ini??
E-Commerce merupakan suatu inovasi dan langkah maju terkini di dunia. E-Commerce juga bisa dibilang sebagai bagian dari Marketing..
Silakan kunjungi blog UB dosenku yaitu Blog Pak Nanang Suryadi , Website Pak Nanang Suryadi 1Website Pak Nanang Suryadi 2 dan Blog E-Commerce tuk lebih memperdalam ilmu kalian..
sekian..

Minggu, 11 Maret 2012

Pengen Tahu Tentang HTML5??Cekidot..


Sebagai seorang mahasiswa tentunya Kita semua harus setuju bahwa pada tahun 2010 sebagian besar orang berbicara banyak tentang HTML5. Kehebohan fitur baru HTML5 dan kemungkinan-kemungkinan yang ditawarkan adalahsubjek yang kuat. Nah, di tahun 2012 ini apabila ada yang masih belom mengetahui tentang HTML 5 sungguh terlalu..
hari ini kita akan menunjukkan 10 contoh baru dari website yang menggunakan beberapa trik baru dari HTML5.
Here we go: (Klik image untuk meluncur ke web yang kamu suka)

Michael Acevedo

html5sites01 10 Contoh Website HTML5 yang Menginspirasi

html5.iaraby.com

html5sites02 10 Contoh Website HTML5 yang Menginspirasi

vtech

html5sites03 10 Contoh Website HTML5 yang Menginspirasi

Ben the Bodyguard

html5sites04 10 Contoh Website HTML5 yang Menginspirasi

Ostragoth Publishing

html5sites05 10 Contoh Website HTML5 yang Menginspirasi

Wantist

html5sites06 10 Contoh Website HTML5 yang Menginspirasi

Petro Salema

html5sites07 10 Contoh Website HTML5 yang Menginspirasi

Juliene Tienne

html5sites08 10 Contoh Website HTML5 yang Menginspirasi

Arno Hoog

html5sites09 10 Contoh Website HTML5 yang Menginspirasi

Zottarella

html5sites10 10 Contoh Website HTML5 yang Menginspirasi
Bagaimana kawan??
keren bukan??
so pasti..
yuk kita bikin yang lebih keren dari mereka..
source: website orang