Minggu, 19 Juni 2016

Tutorial Membuat Toko Online dengan Wordpress #5



Biasa nya kalau sudah selesai membuat toko online gambar produk akan berantakan karena belum di atur maka dari itu kita harus mengaturnya dengan cara sebagai berikut :


Konfigurasi ukuran gambar di Tema Virtue
Jika sudah, ada beberapa setelan yang harus Anda lakukan di Theme Options dari tema Virtue:
  1. Klik menu samping: Appearance > Theme Options > Tab Shop Settings.
  2. Off-kan: enable product image crop on catalog pages dan enable product image crop on poduct page.
Nanti hasilnya adalah seperti berikut:



Membuat kotak gambar produk sejajar
Sebagaiman Anda lihat tulisan ADD TO CART tidak sejajar. Untuk mengatasi hal ini Anda dapat mengaturnya di Appearance > Theme options > Shop Settings > Product Title Min Height.
Hasilnya:
Ada kalanya ketidakrataan diakibatkan oleh posisi angka seperti kasus yang ditunjukkan oleh gambar ini:
Untuk solusinya silahkan tambahkan CSS ini:
.product_item .product_price {
    font-size: 15px;
    min-height: 52px;
    padding: 6px 2px;
}
.product_item .product_price span.amount:nth-child(2) {
    display: block;
}
  • Pada Jetpack custom css (appearance > edit css) atau
  • Pada style.css dari tema anak atau
  • Pada appearance > Theme Options > advanced settings
Ingat pilih salah satu metode saja. 

 Mengatur jumlah produk per laman
Khusus Tema Virtue pengaturan dapat dilakukan di Appearance > Theme options > Shop Settings > Shop Archive Page Settings > Geser slider-nya sesuai dengan jumlah yang diinginkan.

Sampai disini pengaturan gambar produk telah selesai.

Tutorial Membuat Toko Online dengan Wordpress #4

Pada tutorial membuat toko online bagian ke 4 ini atau bagian yang terakhir, saya akan mebahas tentang pengaturan menu theme virtue dan juga tentang sedikit penjelasan menu laporan dari order di toko online wordpress menggunakan Woocommerce. Jika anda belum membaca bagian 3 dari tutorial ini silahkan baca terlebih dahulu : Tutorial Membuat Toko Online dengan WordPress #3.
Untuk mengatur menu pada theme virtue anda silahkan masuk ke menu Appearance -> Menu dan buat nama menu baru dengan nama Menu1, lalu masukkan menu My Account dan Checkout. jangan lupa untuk mencentang Menu1 Topbar Navigations.
menu1 woocommerceLalu buat lagi menu yang kedua dengan nama Menu2, lalu masukkan page Shop kedalam menu tersebut, dan centang primary navigations.
menu2 woocommerceSekarang lihat hasil dari pembuatan menu baru, dan toko online anda dengan theme virtue sudah selesai dan jadi.
Untuk melihat laporan penjualan dan order dari toko online anda, anda bisa melihatnya di dashboard dan juga di menu Woocommerce -> Report. Lihat gambar dibawah ini.
dashboard reposrt
Dasboard Report
laporan order
Berikut adalah tutorial lengkap membuat toko online pada CMS wordpress dengan menggunakan plugins Woocommerce, semoga tutorial ini bisa membantu anda yang ingin mempunyai toko online dengan wordpress.

Baca : Tutorial Membuat Toko Online dengan Wordpress #5

Tutorial Membuat Toko Online dengan Wordpress #3

Melanjutkan tutorial yang kedua sebelumnya yaitu Tutorial Membuat Toko Online dengan WordPress #2 yang membahas tentang cara settings plugins woocommerce, sekarang lanjut ke tutorial bagian ke tiga tentang cara menambah produk pada woocommerce.
Dalam tutorial lanjutan ini saya akan memberikan tutorial tentang pembahasan lengkap menu products dari woocommerce yang berisikan product, add product, categories, tags, shipping classes, dan attributes. seperti gambar berikut :
menu product woocommerce
Products : Berisikan semua produk yang sudah anda tambahkan ke dalam wordpress. anda bisa mengedit produk juga disini.
Add Product : Menu yang berfungsi untuk menambahkan produk baru.
Categories : Menu yang berfungsi untuk menambahkan kategori produk, atau pengelompokan produk.
Attributes : Menu ini digunakan untuk membuat atribut produk

Cara Tambah Produk di Woocommerce

1. Untuk menambahkan produk baru pertama kali buat kategori produk terlebih dahulu, dalam contoh ini saya membuat kategori T-shirt, untuk penambahan kategori sama seperti anda membuat kategori konten artikel, jadi saya anggap anda sudah bisa.
2. Buat Attributes baru untuk untuk memberikan ukuran pada produk seperti Tshirt dengan nama Size, Type Text. pada menu Product -> Attributes.
attribute add 

3. Setelah anda membuat kategori baru klik Add Product, anda akan dibawa kehalaman yang banyak sekali hal yang harus anda lakukan. Hal umum yang anda Isi adalah nama produk, Deskripsi, short deskripsi, pilih kategori dan isi tag.
4. Dibawah area Deskripsi anda akan menemukan settings produk, jika anda menjual produk tanpa adanya ukuran anda bisa memilih Product Data -> Simple Data. Karena dalam tutorial ini saya membuat Produk yang dijual Tshirt dan ada ukuran maka saya menggunakan Product Data -> Variable product. Pada Tab general anda bisa mengisi SKU, atau kode produk disini.
general product woocommerce 
5.Tab Inventory : anda bisa memberikan jumlah stok produk disini, dengan melakukan centang pada Manage Stock dan mengisi berapa jumlah stok produk anda.





inventory settings

 6. Tab Shipping : Pada settings berikut anda bisa menambahkan berat dan dimesi pada produk.

shippings settings 

7. Tab Attributes : Menu ini digunakan untuk memberikan ukuran, karena saya sebelumnya sudah membuat attributes dengan nama Size Maka pilih Size dan klik Add.

attribute settings 

Setelah anda pilih Size dan Add, akan muncul tampilan seperti dibawah ini, tambahkan ukuran Small, Medium dan Large dengan di pisahkan tanda ” | ” dan centang Used For Variations -> Save attributes.

attribute settings woocommerce 
8. Tab Variations : Pada settings ini, anda bisa membuat perbedaan pada setiap ukuran, anda bisa memberikan jumlah stok berbeda, dan harga berbeda di setiap ukuran. Silahkan klik Add Variations dan lakukan settings seperti gambar dibawah ini. pada setting ini saya membuat harga yang sama
 pada setiap ukuran.
variations 

9. Beralih ke setting images, anda bisa menambahkan lebih dari satu gambar pada produk gallery, dan jika hanya punya satu maka cukup masukkan gambar pada product image, product image juga merupakan gambar utama yang ditampilkan.
product images gallery
 Jika semua hal diatas sudah anda lakukan, maka lakukan publish pada produk baru anda, dan sekarang anda mempunyai produk baru yang sudah di tambahkan. anda bisa melihat hasilnya.

Tutorial Membuat Toko Online dengan Wordpress #2



Lanjut ke Tutorial membuat toko online wordpress dengan plugins Woocommerce bagian 2, silahkan baca terlebih dahulu Tutorial membuat toko online dengan wordpress #1, jika sudah langsung kita lanjutkan pembahasanya.
Di pembahasan pertama saya menjelaskan untuk mempersiapkan plugins woocommerce dan theme virtue sebagai bahan untuk praktek pembuatan toko online.

Membuat Toko Online Woocommerce

1. Download plugins Woocommerce Install dan Aktifkan
2. Download Theme Virtue Install dan Aktifkan, Dalam menginstall theme ini anda akan diharuskan untuk menginstall plugins bawaan dari theme yaitu Virtue Toolkit, Silahkan download dan aktifkan saja.
3. Setelah anda install dan aktifkan plugins Woocommerce, anda akan diberi peringatan untuk menginstall woocommerce page maka install saja dengan menekan tombol install.

install page woocommerce 
Setelah anda menginstall page woocommerce, anda akan mendapati 4 page baru di menu pages yaitu : Chart, Checkout, My Account dan Shop.
4. Lanjut ke Settings Woocommerce, Setelah anda mengaktifkan plugins woocommerce secara otomatis akan ada menu baru di dashboard dengan nama Wocommerce, dan beberapa submenu didalamnya seperti gambar dibawah ini.
menu woocommerce
Masuk ke menu Woocommerce -> Settings anda akan mendapati beberapa tab settings dengan tampilan seperti gambar dibawah ini

general settings 

General : pada tab general ini anda bisa melakukan settings Base Location (lokasi anda) dan Spesific Countries (anda bisa memilih indonesia saja jika tujuan pasar cuman indonesia, tapi jika seluruh dunia maka lewati saja), dan pada Currency Options Lakukan settings seperti pada gambar diatas.
product settings 
Product : Pada Product Listing anda arahkan Shop page pada Shop, dan pada product data anda bisa mengatur satuan berat dan ukuran yang anda gunakan, untuk product images sizes biarkan default seperti pada gambar diatas.
checkout settings 
Checkout : Silahkan Centang coupon&checkout pada bagian Checkout process, untuk Checkout pages anda arahkan cart page pada Cart dan Checkout page pada checkout, dan jika anda ingin membuat halaman Terms and conditions maka buat dulu page baru dan isi terms and conditions selanjutnya anda bisa menambahkan page term and conditions tersebut.
payment method woocommerce 
Payment Gateways : Pengaturan ini masih di Tab Checkout, anda bisa melakukan setting pembayaran disini, jika anda menggunakan transfer bank maka aktifkan Direct bank transfer, jika anda menggunakan paypal juga anda bisa mengaktifkan paypal, anda bisa memilih cara pembayaran yang inginkan.  Anda bisa memasukkan informasi bank maupun informasi paypal dengan hanya klik menu settings dibagian kanan.
shipping settings 
Shipping : Shipping options, Shipping calculations disini anda centang enable shipping dan juga enable shipping calculator, Tapi jika anda menggunakan free shipping maka tidak perlu mengaktifkan calculator ini.
shipping method 
Shipping Methods : Pada settings ini saya menggunakan Free Shipping, jika anda ingin menggunakan biaya pada pengiriman anda anda bisa menggunakan plugins berbayar yang bisa anda cari di internet, banyak penjual modul sistem biaya pengiriman jne.
*diatas adalah cara settings standart untuk woocommerce, untuk tutorial bagian ketiga saya akan membahas cara menambahkan produk baru.


Tutorial Membuat Toko Online dengan Wordpress #1

Pada artikel kali ini saya akan membuat artikel yang lengkap buat anda semua yang ingin membangun toko online dengan menggunakan platform CMS WordPress, dan disini saya memilih plugins yang akan saya gunakan yaitu Plugins toko online wordpress Woocommerce.  Artikel tutorial toko online ini akan saya bagi menjadi beberapa bagian, sehingga mudah dipahami dan bisa dengan mudah di praktekan. Dan hasil dari toko online yang akan anda buat jika mengikuti tutorial maka hasilnya akan seperti gambar dibawah ini.

toko online woocommerce wordpress

Kenapa Woocommerce ?

Saya memilih woocommerce karena plugins ini banyak sekali penggunanya, dan juga banyak sekali theme yang support dengan plugins ini baik yang gratis maupun yang berbayar. Dan juga banyak plugins pendukung lainnya yang disediakan untuk Woocommerce baik yang gratis maupun yang berbayar. Woocommerce juga mendukung pembayaran melalui Bank Transfer, Paypal, COD (Cash on Delivery), Pengiriman gratis dan Juga kartu kredit. Selain itu WooCommerce dibangun menggunakan praktik terbaik WordPress di bagian depan dan back end. Woocommerce adalah plugin yang efisien, kuat dan intuitif.  Halaman Dasboard yang keren dan memberikan Laporan yang anda butuhkan.

Memulai Membuat Toko Online

Untuk memulai pembuatan toko online dengan Woocommerce dan agar praktek anda bisa sesuai dengan tutorial ini dan sesuai juga seperti gambar di atas maka yang harus anda siapkan tentunya adalah dengan download theme dan pluginsnya. Di tutorial ini saya menganggap anda sudah menginstall wordpress kesayangan anda.

1. Download Plugins Woocommerce
2. Download theme Virtue

 Baca :
Tutorial Membuat Toko Online dengan Wordpress #2

Tutorial Membuat Toko Online dengan Wordpress #3

Tutorial Membuat Toko Online dengan Wordpress #4

Tutorial Membuat Toko Online dengan Wordpress #5



Sabtu, 18 Juni 2016

Pemrograman Berorientasi Objek Dasar

Menampilkan jenis-jenis Segitiga

1.Segitiga siku-siku
public class Masukan {

    /**
     * @param args the command line arguments
     */
    public static void main(String[] args) {
        // TODO code application logic here
           int baris = 8;
        for(int i=0;i<baris;i++)
            {
            for (int j=0;j<=i;j++)
                System.out.print("*");
                System.out.println();
            }
      
    }
}





run:
*
**
***
****
*****
******
*******
********
BUILD SUCCESSFUL (total time: 1 second)



2.Segitiga sama kaki

public class Masukan {

    /**
     * @param args the command line arguments
     */
    public static void main(String[] args) {
        // TODO code application logic here
        int x=5;
        for(int i=1;i<=9;i++)
        {
           for(int j=8;j>=i;j--){
               System.out.print(" ");
           }
            for(int k=1;k<=i;k++){
                System.out.print("*");
            
            }
            for(int l=1;l<=i-1;l++){
                System.out.print("*");
            }
                System.out.println();
        }
    }
   
}



run:
        *
       ***
      *****
     *******
    *********
   ***********
  *************
 ***************
*****************
BUILD SUCCESSFUL (total time: 1 second)

3.Segitiga siku-siku terbalik
public class Masukan {

    /**
     * @param args the command line arguments
     */
    public static void main(String[] args) {
        // TODO code application logic here
      
        for(int i=0;i<8;i++)
        {
            for (int j=8;j>i;j--){
                System.out.print("*");
            }
                System.out.println();
    }
       
    }
   
}




run:
********
*******
******
*****
****
***
**
*
BUILD SUCCESSFUL (total time: 0 seconds)


Menampilkan bilangan genap
           
            Package bilangan;
            public class genap {
            public static void main(String[] args) {
                        for(int i =1;i<=50;i++){
                                     if(i%2= =0)
                                                System.out.println(i);
                                      }
                        }
}

 Penjelasan :
Untuk menentukan bilangan ganjil atau genap logikanya kita menggunakan algoritma dalam bentuk MOD yang kita pelajari disemester 1 dulu,klau bilangan genap itu bilangan yang habis di bagi 2 berarti tulisannya : i MOD 2 = 0, dalam tulisan Java nya i % 2 = = 0, untuk i =bilangan.
Sedangkan untuk mencari bilangan ganjil itu sebaliknya i MOD 2 = 1 artinya “bilangan yang akan dibagi 2 pasti sisa hasil nya 1”,kalau penulisan dalam Java nya  i % 2 = = 1  (berlaku bilangan ganjil pertamanya 3).
Seandainya disuruh mencari dan menampilkan bil.genap sekaligus bil.ganjil gunakanlah opsi pilihan yaitu dlam bentul “If-Else”.

Cara menampilkan bilangan deret seperti ini:
 1         1          2          3          5          8          13        21
           
            package fibonacci;

import java.util.Scanner;

public class Fibonacci {

            public static void main(String[] args) {
                        Scanner show = new Scanner(System.in);
                        System.out.print("Masukan Jumlah Deret Fibonacci");
                           int n = show.nextInt();
                           long fib[]=new long [n];
        fib[0]=1;
        fib[1]=1;
             for(int i=2;i<n;i++){
                           fib[i]=fib[i-1]+fib[i-2];
                         }
             for(int i=0;i<n;i++){
                          System.out.print(fib[i]+ " ");
        }         
    }
}

Penjelasan :
Pola bilangan diatas menggunakan pola bilangan Fibonacci yaitu pola bilangan yang berawal dari 0 dan 1,kemudian angka yang berikutnya tu merupakan angka yang didapat dng menjumlahkan kedua angka sebelumnya.
Maksud dari fib[0] = 1 itu adalah index ke 0 dari array tersebut adalah nilainya 1 (“ artinya penulisan deret angka dri soal tersebut dimulai dri angka 1 “)
fib[1] = 1 index ke 1 dari array tersebut adalah nilainya 1
utk rumus dri pola bilangan Fibonacci itu sendiri :
fib = fib(i-1) + fib(i-2)

menampilkan seperti ini :
*          *          *         *
*      
*      
*      

public class bintang2 {
    public static void main(String[] args) {
        for(int i=1;i<8;i++)
        {
            for(int j=1;j<8;j++)
          }
   if(i==1||j==1)
                {
                System.out.print("*");
            }       
            {
                    System.out.print(" ");
                            
            }
        }
        System.out.println("");
        }
    }
}
  
Penjelasan :
  i = baris
  j = kolom
utk menampilkan gambar sperti diatas i = 1 maksudnya baris yang akan dicetak itu mulai dri 1,
i < 8 maksudnya akan menampilkan baris kurang dari 8. untuk j(kolom) sama maksudnya(idem).
kalau diatas sruh mencetak/menampilkan bintang sperti itu mka yg perlu diambil adalah baris pertama dan kolom pertama doang maka penulisannya   if(i==1||j==1).
Jika baris terakhir dan kolom terakhir jga ditampilkan akan membentuk sbuah gambar persegi/kotak.



Attribute dari Tabung adalah:

  • Tinggi(t)
  • Luas (Luas dari extends/pengembangan Lingkaran)
  • Keliling (Keliling dari extends/pengembangan Lingkaran)


Method dari Tabung adalah :
  •   Luas Tabung
  •   Volume Tabung


Berikut contoh dari class Tabung extends Lingkaran untuk menjelaskan attribute dan method sebuah Tabung :





public class Lingkaran{

float jari
double PHI = 3,14

public double Luas(){
      return jari*jari*v;
      }
 public double Keliling(){
       return(2*jari*v);
       }
}

 public class Tabung extends Lingkaran{

 double t
 Lingkaran lingkaran = new Lingkaran();

 public void input(){
      System.out.println("Jari-jari Lingkaran :" +jari);
      System.out.println("PHI Lingkaran:" +v);
      }
     
      public void LuasLingkaran(){
      System.out.println("Luas Lingkaran :" +lingkaran.Luas());
      }


      public void KelilingLingkaran(){
      System.out.println("Keliling Lingkaran :" +lingkaran.Keliling());
      }
     
 public double VolumeTabung(){
      return Luas()*t;
   }
 public double LuasTabung(){
      return(2*Luas())+(Keliling()*t);
      }
  }