Video Youtube pada Halaman Produk Website Magento

Perkembangan Toko Online/ E-Commerce menuntut penjual tidak hanya menyediakan gambar produk saja sebagai informasi terhadap produk yang dijual, tetapi sudah merambah ke video. Kenapa? Hal ini dikarenakan calon pembeli ingin mendapatkan informasi secara akurat dan lengkap terhadap produk yang ditawarkan pada Toko Online tersebut. Pada video, calon pembeli produk dapat melihat dari berbagai sisi terhadap produk tersebut. Bagi Penjual atau pemilik Toko Online, Video juga berfungsi sebagai Iklan yang mampu menarik minat calon pembeli. Misalnya pada video dijelaskan bagaimana kegunaan-kegunaan produk tersebut secara detail yang belum terpikirkan oleh Calon Pembeli.

Magento Create, Read dan Delete Session

Berikut adalaha cara bagaimana untuk create/set, read dan delete/remove/hapus session pada website Magento.
Kode berikut bisa diaplikasikan pada controller ataupun file .phtml pada Magento.

Create/Set Session

$string = 'Hello World'
$awbaliSession = Mage::getSingleton('core/session');
$awbaliSession->setTestSession($string);

Pada kode diatas, kita akan menset sebuah session bernama TestSession dengan value ‘Hello World‘. Gunakanlah set dan diikuti nama session untuk menset session pada magento website.

Read Session

$awbaliSession = Mage::getSingleton('core/session');
$awbaliSession->getTestSession();
//untuk menampilkan
echo $awbaliSession->getTestSession(); 

Untuk membaca sebuah session pada magento gunakanlah get kemudian diikuti nama session yang sudah kita set sebelumnya.

Delete/Remove/Unset/Hapus Session

$awbaliSession = Mage::getSingleton('core/session');
$awbaliSession->unsTestSession();

Untuk Delete/Remove/Unset/Hapus Session gunakanlah uns kemudia diikuti nama session.

Semoga bermanfaat 😀

Konfirmasi Pembayaran Magento Module

AW Bali Konfirmasi Pembayaran Magento Module

AW Bali Konfirmasi Pembayaran Magento Module

Di kebanyakan Toko Online yang ada di Indonesia masih menggunakan pembayaran secara manual, seperti Setor Tunai, Internet Banking, SMS Banking dll pada saat pelanggan melakukan transaksi. Lalu, bagaimana cara agar pemilik Toko Online tahu bahwa pelanggan sudah melakukan pembayaran terhadap barang atau jasa yang dibeli? Tentunya dibutuhkan sebuah konfirmasi oleh pembeli yang sudah melakukan pembayaran. Bisa menghubungi pemilik Toko Online lewat SMS, email atau pemilik Toko Online menyediakan sebuah form yang dapat diakses oleh pembeli untuk melakukan konfirmasi terhadap pembayaran yang sudah dilakukan.

Disini saya membuat sebuah Modul Konfirmasi Pembayaran / Payment Confirmation yang dapat digunakan pada Toko Online yang menggunakan Magento sebagai engine nya. Di dalam Module Konfirmasi Pembayaran/ Payment Confirmation ini, pembeli yang sudah melakukan pembayaran dapat mengisikan form-form yang berisi data-data transfer yang sudah dilakukan. Kemudian, data-data tersebut akan tersimpan di Backend Magento. Dan, sebagai notifikasi akan terkirim sebuah email kepada pemilik Toko Online / Store Owner.

Untuk Demo Magento Module Konfirmasi Pembayaran Backend dan Frontend, silakan Klik link dibawah :

Magento Backend Username dan password :
Username : demo
Password : admin1234

Magento Module Frontend

Pada halaman frontend, terdapat form yang berisi inputan dan wajib diisi oleh pembeli yang sudah melakukan pembayaran. Halaman ini terdapat di app\design\frontend\base\default\template\konfirmasipembayaran\index.phtml. Anda bisa mengedit halaman ini untuk menambahkan kalimat penjelasan sesuai keperluan. Setelah data di submit, makaann akan muncul halaman sukses. Halaman ini ada di app\design\frontend\base\default\template\konfirmasipembayaran\sukses.phtml

Magento Module Backend

Pada demo backend, login telebih dahulu menggunakan username dan password diatas. Data-data yang diinput di frontend akan tampil di halaman backend ini. Notifikasi email diterima oleh store owner. Jika ingin mengganti masuk ke magento backend-> System->Configuration->Store Email Address. Email notofikasi akan diterima oleh General Contact. Sedangkan email yang tertera pada halaman sukses adalah support email (Customer Support).

Module ini dapat anda download melalui link dibawah. Semoga membantu teman-teman pemilik Toko Online magento agar bisnis nya lebih berrkembang. 😀
Jika memiliki kesulitan dalam menginstall module silakan masukkan komentar di bawah atau email saya melalui info@adisthana.com

Apa itu Domain dan Hosting??

1. Domain

Apa itu Domain?

Apa itu Domain?

Nama domain (domain name) adalah nama unik yang diberikan untuk mengidentifikasi nama server komputer seperti web server atau email server di jaringan komputer ataupun internet. Nama domain berfungsi untuk mempermudah pengguna di internet pada saat melakukan akses ke server, selain juga dipakai untuk mengingat nama server yang dikunjungi tanpa harus mengenal deretan angka yang rumit yang dikenal sebagai alamat IP. Nama domain ini juga dikenal sebagai sebuah kesatuan dari sebuah situs web seperti contohnya “adisthana.com“. Nama domain kadang-kadang disebut pula dengan istilah URL, atau alamat website.

Pada awalnya nama domain hanya dapat dituliskan dengan ke-26 abjad Latin, namun saat ini telah dimungkinkan untuk menggunakan abjad asing dengan Internasionalisasi nama domain.

Sistem nama domain (DNS) adalah aturan yang dipakai dalam sistem penamaan dari nama domain ini.

Sumber

2. Hosting

Apa itu Web Hosting?

Apa itu Web Hosting?

Hosting atau Layanan hos internet adalah jasa layanan internet yang menyediakan sumber daya server-server untuk disewakan sehingga memungkinkan organisasi atau individu menempatkan informasi di internet berupa HTTP, FTP, EMAIL, atau DNS.
Peladen hos terdiri dari sebuah server atau gabungan server-server yang terhubung dengan jaringan internet berkecepatan tinggi.
Ada beberapa jenis layanan host yaitu hos berbagi, server dedikasi, VPS, dan server kolokasi.

Sumber

Bagaimana Cara Membuat Website

Artikel/ tutorial berikut ini adalah untuk pemula atau orang yang baru belajar tentang website. Artikel ini tidak ditujukkan kepada webmaster/ webdesigner/ webdeveloper yang sudah mempunyai pengalaman dan sudah ahli pada bidang website dan webdesign.

Disini saya akan mencoba berbagi tips dan trik kepada teman-teman untuk pembuatan website. Cara/langkah berikut merupakan cara menurut saya sesuai pengalaman. Cekidot gan!!

Bagaimana Cara Membuat Website

1. Persiapkan Domain Name

Apa itu Domain?

Apa itu Domain?

Apa itu domain name? domain name adalah nama unik atau alamat yang diberikan untuk mengidentifikasi server. domain name juga sering disebut sebagai URL atau alamat website. Contoh domain name adalah ‘adisthana.com‘ .
Saran untuk pemilihan domain name :

  • Sesuaikan nama domain dengan website yang akan anda buat. Contoh yang salah : nama domain misalnnya gwbolabanget.com , isi website membahas pilpres dan politik (ini ga nyambung banget, jadi jangan ditiru)
  • Pilihlah domain yang mudah diingat
  • Pilih nama domain yang menarik
  • dan lain2
  • Ada banyak sekali website penyedia jasa domain name yang tersebar di internet. Anda bisa pilih salah satu. Setelah menentukan domain name, sekarang kita persiapkan hostingnya.

    2. Web Hosting

    Apa itu Web Hosting?

    Apa itu Web Hosting?

    Apa itu Web Hosting? Web hosting dalam bahasa sederhana adalah tempat untuk menyimpan isi/file dari website. File bisa berbentuk script, gambar, audio, video dll. Web Hosting Provider pun juga banyak tersedia di internet. Anda bisa sesuaikan jangka waktu dan besar space hosting sesuai dengan keperluan anda. Jika anda masih dalam tahap belajar dan coba-coba , saya sarankan pake gratis dulu saja. Bisa search di google dengan keyword : “Free web hosting” atau “Web Hosting Free” atau “Web Hosting Gratis

    3. Web Builder

    Contoh Website Builder

    Contoh Website Builder

    Web Builder disini adalah alat/tool yang akan kita gunakan dalam membangun website. Sebagai alternatif kita bisa menggunakan CMS open source yang tersedia seperti wordpress, joomla, magento dll. Penggunaan masing-masing CMS tergantung dari jenis website yang akan dibuat. Selain mudah dimengerti secara UI (User Interface), anda juga tidak perlu memahami tentang bahasa pemrograman (untuk pemula). Ingat, masing-masing CMS mempunyai kelebihan dan kekurangan masing-masing. Gunakanlah sesuai dengan keperluan anda. Pada setiap CMS akan terdapat backend (administrator area) dan frontend (area yang akan dilihat pengunjung website). Pada backend inilah anda bisa edit-edit content website semau anda.

    Alamat sudah ada, hosting sudah siap, web builder sudah oke sekarang waktunya menentukan design untuk frontend website

    4. Web Design

    aw bali webdesign

    aw bali webdesign

    Tahapan ini adalah tahapan yang paling seru karena kita akan menentukan design apa yang akan kita gunakan pada website kita. Design website sangat mempengaruhi traffic pada website.
    Jika anda menggunakan CMS Open Source tentu themes gratis nya juga akan banyak tersedia di internet. Sesuaikan themes dengan calon pengunjung website. Misal jika website bertemakan ‘Remaja’ pilih warna yang ramai pada bagian header, untuk mencirikan sesuatu yang berani dan bersemangat. Gunakalah warna-warna seperti merah kuning hijau dll. Pokoknya biar semangat hehehe!!! Jangan lupa menempatkan slideshow pada halaman depan / homepage website. Jangan lupa juga memberi logo pada website anda. Tempatkan logo pada bagian header agar mudah dilihat dan diingat.

    Dan yang paling penting, pilihlah template website yang responsive.

    Responsive Web Design disini adalah design web yang menyesuaikan besar layar pengunjung. Jika dibuka melalui HP/mobile, tablet, laptop, pc dll themes website anda akan terlihat selalu bagus. Jadi pengunjung tidak perlu memperbesar/ zoom karena tidak akan ada tulisan yang terlalu kecil untuk dibaca.


    Jika saya misalkan pembuatan website sangat mirip dengan pembuatan rumah. Bayangkan rumah adalah website, tanah tempat membangun rumah adalah hosting, alamat rumah adalah domain, dan desain rumah sama dengan web design. Analogi sederhana seperti itu akan lebih memudahkan anda dalam mengerti dan memahami tentang website dan web design.


    And Done!! Selamat kamu baru saja berhasil membuat website. Next, kita akan bahas bagian-bagian penting dan mendasar dari sebuah website yang perlu kamu ketahui.

    Semoga membantu 😀

    Magento : Implementasi jQuery Supersized Plugin Pada Spesifik CMS Page

    Seperti judul, pada post kali ini sy akan menjelaskan bagaimana implementasi jQuery supersized pada halaman CMS. Bagi yg belum tau apa itu jQuery supersized bisa dilihat disini.
    Singkatnya, jQuery supersized adalah plugin jQuery yang memungkinkan kita untuk memasang gambar/slider menjadi background sebuah website.

    Pertama download plugin disini.
    Kemudian extract file dan akan terdapat beberapa file dan folder.
    Disini saya menggunakan jQuery Supersized v 3.2.7.

    Upload supersized.3.2.7.min.js ke magento anda pada folder js->jquery->supersized.3.2.7.min
    Pada skin->frontend->default->theme_anda->css->buat folder dengan nama ‘supersized’ , kemudian Upload kan folder css dan img pada superisized source anda ke folder ‘supersized’ yang sudah dibuat tadi.
    Login ke magento backend -> Clear Cache
    Buat halaman CMS dengan nama ‘Test Supersized’ (atau terserah anda), pada tab ‘Design’ masukkan script berikut pada kolom ‘Layout Update XML’

    <reference name="head">
    	<action method="addJs"><script>jquery/supersized.3.2.7.min.js</script></action>
    	<action method="addCss"><stylesheet>css/supersized/css/supersized.css</stylesheet></action>
    </reference>
    

    Disini saya asumsikan, anda sudah meload jQuery pada Magento anda. Atau jika belum anda bisa download jQuery disini. Kemudian, upload ke magento anda pada folder js->jquery atau untuk lebih jelasnya anda bisa baca pada post berikut : Menggunakan jQuery di Magento

    Jika semua jQuery sudah berhasil di load (Cek menggunakan inspect element pada browser), sekarang buat sebuah file gambar (.jpg/.png) dengan ukuran maksimal 1920px x 1080px.
    Upload pada halaman CMS yg anda buat tadi (Insert Image -> Insert File).
    Kemudian anda akan mendapat link seperti berikut -> {{media url=”wysiwyg/home_bg.jpg”}}
    home_bg.jpg adalah file gambar yg sudah dibuat tadi.

    Kemudian masukkan script berikut :

    <script type="text/javascript">
    	jQuery.noConflict();
    	jQuery(document).ready(function() {
    
    		jQuery.supersized({
    			autoplay : 0,    // set 1 autoplay run
    			slides  :  	[ 
    				{image : "{{media url="wysiwyg/home_bg.jpg"}}", title : 'Image Credit: Test Shop'}
    			]
    		});
    	});	
    </script>
    

    Pada script diatas background hanya 1 gambar, jika anda ingin membuat menjadi sebuah slider anda bisa membuatnya dengan menggunakan script dibawah :

    <script type="text/javascript">
    	jQuery.noConflict();
    	jQuery(document).ready(function() {
    
    		jQuery.supersized({
    			autoplay : 0,    // set 1 autoplay run
    			slides  :  	[ 
    				{image : "{{media url="wysiwyg/home_bg.jpg"}}", title : 'Image Credit: Test Shop'},
    				{image : "{{media url="wysiwyg/home_bg1.jpg"}}", title : 'Image Credit: Test Shop'},
    				{image : "{{media url="wysiwyg/home_bg2.jpg"}}", title : 'Image Credit: Test Shop'},
    				{image : "{{media url="wysiwyg/home_bg3.jpg"}}", title : 'Image Credit: Test Shop'}
    			]
    		});
    	});	
    </script>
    

    Tapi sebelumnya upload dulu semua gambar yang akan digunakan.

    Pada saat test dan jika sukses, gambar akan tampil secara penuh menjadi background website anda. Dan jika anda perhatikan dengan menggunakan inspect element akan muncul sebuah id bernama supersized tepat sebelum tag body berakhir

    That’s it! Selamat Mencoba 😀