Senin, 17 Juni 2013

Membuat Toko Online Menggunakan Prestashop



Membuat Toko Online

     Pembuatan toko online ini merupakan pembelajaran sistem informasi yang berkaitan dengan e-commerce.  Dimana dalam menyelesaikan tugas ini saya menggunakan CMS Prestashop untuk pembuatan toko onlinenya.  Yangmana cara installasinya pun sudah saya posting sebelumnya disini.
Setelah installasi berikut adalah hal – hal yang saya lakukan dalam mengolah toko online saya: 
  1. Memposting setiap produk yang akan dijual. 
  2. Merubah header (bagian atas) halaman. 
  3. Merubah mata uang menjadi rupiah.
  4. Merubah gambar toko. 
  5. Memberi gambar bank transaksi. 
     Dan mengenai barang yang saya jual dalam toko online saya adalah kayu untuk membuat bangunan.  Saya beri nama toko online ini “WoodShop”.  Berikut perincian dari hal – hal yang saya lakukan dalam mengolah toko online ini: 
  
  • Mempost produk yang akan dijual
Langkah-langkah untuk mempost sebuah produk sebagai berikut:
  1. Klik tab catalog.

     Gambar 1. Catalog

  2. Klik Add a new product.

    Gambar 2.  Untuk menambahkan produk

  3. Silahkan isi data produk, yang penting diisi adalah nama produk (Name), dan harga produk (Pre-tax retail price). 
  4. Klik Save and stay. 
  5. Klik pilihan nomor 2, Image(0). Untuk memberikan gambar produk. Klik browse.  Untuk mengupload gambar dari komputer. 
  6. Klik save.

  • Merubah header (bagian atas) halaman
         Header adalah bagian atas dari suatu halaman web. Header asli bawaan prestashop adalah logo prestashop sendiri.Adapun langkah-langkahnya sebagai berikut:

    1. Klik menu Modules dibagian atas. 
    2. Klik menu Themes. 
      Gambar 3. Themes

    3. Silahkan ganti gambar headernya sesuai keinginan.
    4. Kita juga bisa merubah Favicon dari web kita, dengan merubah pada bagian favicon di bawah header. Favicon merupakan gambar kecil yang berada disamping tab website.
       Gambar 4. Favicon
    5. Klik Save.

  • Merubah tampilan halaman awal
         Langkah-langkahnya adalah sebagai berikut:

    1. Klik menu Modules dibagian atas.
    2. Klik Front Office Features dibagian bawah sendiri.

    3. Cari Home text editor, klik Configure.
    4. Isi dengan data yang diinginkan.
      Main title                                : Untuk judul tampilan
      Subheading                             : Untuk keterangan dibawah judul tampilan
      Introductory text                     : Untuk catatan yang lebih panjang
      Homepage logo                       : Gambar pada tampilan
      Homepage logo subheading    : Untuk keterangan dibawah gambar 

      Lalu, Klik Update the editor untuk menyimpan perubahan.

  • Merubah gambar toko
      Langkah-langkahnya adalah sebagai berikut:
  1. Klik menu Modules dibagian atas.
  2. Klik Front Office Features dibagian bawah sendiri.
  3. Cari Stores block, klik Configure.

  4. Klik Browse. untuk mengganti gambarnya. 
  5. Klik Save.


  • Memberi gambar bank transaksi
      Caranya yaitu dengan mengganti gambar komkputer yang ada dibawah sebelah kiri dengan gambar logo bank yang digunakan untuk transaksi penjuan produk.
Adapun langkah-langkahnya adalah sebagai berikut:
  1. Bukalah folder instalasi prestashop di Local Disk C biasanya. 
  2. Buka folder modules. 
  3. Buka folder blockadvertising.

  4. Ganti gambar pada folder tersebut yang berformat JPEG, dengan nama advertising, ganti dengan gambar logo bank yang sudah disediakan. Dengan nama yang sama advertising. Gambar yang lama didelete.


  • Merubah mata uang menjadi rupiah
     Karena kita orang Indonesia, tentunya kita memakai mata uang Rupiah. Tapi, pada prestashop mata uangnya menggunakan euro untuk itu kita perlu merubahnya terlebih dahulu atau lebih tepatnya kita buat mata uang baru yaitu rupiah.
Adapun langkah-langkanya adalah sebagai berikut:
  1. Klik menu Payment dibagian atas.
  2. Klik menu Currencies.

  3. Klik Add new untuk membuat mata uang baru.
  4. Isi data-datanya sebagai berikut:
    Currency                                 :  Rupiah
    ISO code                                 : IDR
    Numeric ISO code                  : 306
    Symbol                                    : Rp
    Conversion rate                       : 9300
    Formating                                : X0.000,00 
  5. Klik Save.
  6. Kembali ke menu Currencies. Pada bagian Currency option atur Default currency menjadi Rupiah. Klik Save.

  7. Kembali ke menu Payment. Pada bagian Currencies restrictions centang semua kotak disamping Rupiah. Klik Save restrictions. Pada bagian Countries restrictions juga, cari Indonesia kemudian centang semua kotak disampingnya. Klik Save restrictions.


    Jika sudah ketemu Indonesia lalu centang semua kotak disampingnya.

ScreenShot Toko Online Saya

WoodShop
Sekian Postingan pembuatan toko online saya,  semoga menjadi inspirasi dan bermanfaat.  Amiiin,...!!!

Sabtu, 15 Juni 2013

Proses Penginstallan CMS Prestashop



Cara Menginstall CMS PrestaShop


                Sebelum menginstall CMS Prestashop ini disarankan sudah terinstall Xampp dalam komputer masing-masing.  Kemudian download CMS Prestashop di Wesite resminya, http://www.prestashop.com/en/download .  Berikut ini adalah langkah untuk menginstall CMS Prestashop:  

  1.  Pastikan file Prestashop sudah di exstrak, lalu copy / cut filenya di C:xampp/htdocs (Karena default direktori install biasanya di Local C ). 
  2. Kemudian buat sebuah database, caranya buka browser kamu dan ketik urlnya seperti ini localhost/phpmyadmin (jangan lupa untuk terlebih dahulu menjalankan Xampp).   
     Gambar 1. Xampp Running

  3. Maka akan muncul tampilan pembuatan databasenya.
     Gambar 2. Tempat Pembuatan Database

  4. Setelah selesai membuat database, sekarang saatnya instalasi Prestashop dimulai, dengan mengarahkan urlnya seperti ini www.localhost/Prestashop (nama folder default di htdocs adalah Prestashop, dan nantinya namanya bisa diganti sesuai keinginan dan bisa disesuaikan). Kemudian akan tampil seperti gambar dibawah ini. 
    Gambar 3

  5. Pada bagian ini kita masuk pada direktori database connection, yang intinya kita mengkoneksikan Prestashop dengan database yang telah kita buat tadi, pertama isi Database server name nya "localhost" , databasename " Prestashop " (sesuai yang kita buat tadi).username "root" (root default dari xampp), jika dalam koneksi database phpmyadmin anda beri password maka isi pasword tersebut. jika tidak menggunakan bisa di kosongkan, di installation type pilih yang full mode. Setelah itu masukkan alamat email dan klik next. 
    Gambar 4

  6. Pada langkah ini kita disuruh melengkapi informasi mengenai toko online yang akan kita buat. Meliputi nama toko dll. Untuk password di isi 8 digit. Setelah semua benar bisa klik next.Proses instalasi anda telah berhasil, hmmm.. namun belum benar – benar selesai. Pada step ini kita disuruh menghapus file / folder install di data prestashopnya. Caranya masuk ke folder xampp/htdocs/prestashop lalu cari folder install dan hapus. 
    Gambar 5
     
  7. Pada step ini kita juga disuruh merename folder admin di file prestashop. Caranya buka exploler xampp/htdocs/prestashop nanti rename folder admin menjadi admin123 (123 terserah, ini sebatas contoh).
  8. Lalu kita coba masuk lagi di browser dengan mengetik localhost/prestashop/admin123 maka kita akan menemui form login seperti dibawah ini. 
     Gambar 6. Form Login

  9. Setelah login, Kita akan masuk pada administrator prestashop sebagai tempat pengolahan dari prestashop itu sendiri.
Gambar 7. Administrator

Begitulah cara penginstallan CMS Prestashop.  Semoga bermanfaat dan selamat mencoba.