Sistem Informasi_ Satrio Agung Wicaksono

menggunakan Woodpress sebagai CMS (Content Management Sysytem).

Kali ini kita semua akan belajar bersama-sama untuk membuat web toko online menggunakan CMS, dan juga sekaligus untuk memenuhi tugas mata kuliah Sistem Informasi. Mengapa Wordpress? Karena Wordpress adalah cara yang terbaik dalam belajar mendesain dan memahami sebuah web site. Selain itu bagi teman-teman yang sudah terbiasa “nge-blog” pasti bakalan familiar dengan tampilan dan fitur pada Wordpress. Mungkin teman-teman kira bahwa wordpress itu yang biasanya dipakai untuk membuat blog, dan ternyata tidak, ini berbeda, ternyata dari pihak wordpress mempunyai 2 versi :

1. Wordpress Free ( yang biasanya dibuat untuk Blog dengan alamat www.wordpress.com)

2. Wordpress yang versi CMS : jadi Wordpress yang versi ini biasanya banyak juga digunakan oleh developer web untuk membangun web secara instan. Dengan dukungan plugin serta template yang sangatlah powerfull, banyak sekali web didunia yang memakai wordpress, dan kabar baiknya wordpress mempunyai SEO yang lebih baik daripada CMS yang lainnya.

Langsung saja, Beberapa hal yang harus anda lakukan sebelum membuat web dengan wordpress adalah :

1. Langkah pertama pastikan anda memiliki software web server, database server , anda bisa menggunakan Xampp ataupun menggunakan Appserv 2.5. Tapi kita kali ini kebetulan menggunakan Xampp.

2. Lalu silahkan install di komputer anda, mudah sekali menginstall Xampp seperti menginstal aplikasi lain di computer.

3. Download juga CMS Wordpress Di situs resmi dari http://wordperss.org

4. Lalu install Wordpressnya,

Untuk menginstall Wordpress dapat seperti menginstall CMS lainya, yaitu dengan mengekstrak file zip Wordpress ke root www. Pada XAMPP root www ada di htdocs, tempat anda menginstall XAMPP,

Pastikan isi zip ada dalam folder htdocs.

5. Kemudian anda aktifkan XAMPP, tombol Start pada Module Apache, MySQL, FileZilla. seperti gambar

6. Kemudian anda bisa membuka browser dan ketikan localhost pada alamat browser anda. Maka akan tampil halaman Xampp. Seperti gambar

7. Lalu Membuat database untuk Wordpress di myphpadmin.

8. Isi nama database kita dan pada bagian collation pilih utf_unicode_ci. Untuk lebih jelas kunjungi http://diqd.blogspot.com/2012/10/membuat-database.html

Kemudian klik create.

9. Pada langkah menginstall CMW Wordpress anda diminta untuk membuat wp-config.php yaitu segala informasi administrasi dalam menggunakan Wordpress, seperti username admin dan password serta username dan password database MySQL. Anda dapat membuat manual wp-config.php melalui tempat dimana anda menaruh file Wordpress, htdocks-> woodpress->wp-config-sample.php (bisa dibuka dengan notepad)

Setelah anda isi, jangan lupa di save.

10. Kemudian anda bisa membuka browser dan ketikan localhost/woodpress pada alamat browser anda. Maka akan tampil halaman untuk menginstall CMW Wordpress dan mengklik “Create a Configure File”.

11. Setelah itu akan muncul gambar kemudian anda klik “Let’s go!”

12. Lalu muncul gambar

Isikan kolom sesuai dengan data database yang telah anda buat sebelumnya dan apa yang telah anda isi di wp-config-sample.php

13. Maka setelah proses pengisian data tentang database tadi, maka akan muncul tampilan seperti berikut.

14. Setelah anda menjalankan proses instalasi maka akan muncul tampilan seperti gambar dimana anda dipersilahkan mengisi informasi administrator. Harap ingat baik – baik username admin dan passwordnya karena dari hak akses admin anda dapat melakukan kustomisasi pada seluruh web yang akan dibuat. Jadi inilah inti dari CMS yaitu kita bisa mengedit sebuah web site dari jendela admin menggunakan web browser secara remote maupun local. Sehingga kita tidak perlu mengerti pemrograman web, bahkan orang awam pun dapat melakukannya.

Pada bagian privacy harap dibiarkan dicentang, karena kita bertujuan untuk membuat sebuah web e – commerce. Jadi dengan membiarkan search engine mengindekskan web kita, maka web kita akan lebih dikenal oleh mesin pencari sehingga orang mencari web kita akan lebih mudah. Dan kita akan semakin diuntungkan dengan banyaknya pengunjung

15. Setelah selesai maka akan tampil seperti gambar anda dipersilahkan untuk mengisi username admin dan password yang sebelumnya telah anda buat.

16. Setelah anda memasukan username dan password admin maka akan muncul tampilan halaman management dari Wordpress seperti gambar. Inilah yang dimaksud dengan Content Management System (CMS) karena dari halaman ini anda dapat mengatur tampilan dan sistem dari web yang anda akan buat.

17. Setelah sebelumnya kita telah melakukan dan mensetting instalasi dari Wordpress maka selanjutnya jika kita akan membuat web online dengan menggunakan Wordpress kita harus menggunakan plugins yang bernama Woocommerce. Woocommerce adalah plugins yang akan kita gunakan dalam membuat toko online ini. Woocommerce juga memiliki banyak tema baik yang gratis maupun berbayar. Yang jelas dengan banyaknya tema maka akan membuat semakin menarik dan banyak pilihan dalam mendisain web e – commerce.

Untuk mendapatkan Woocommerce anda dapat langsung mendownload dari http://wordpress.org/extend/plugins/woocommerce/

Setelah itu anda akan mendapatkan hasil download berupa file dalam ekstensi atau format zip. Untuk menginstall ke dalam Wordpress adalah sebagai berikut, pilih plugins dan add new seperti pada gambar

Kemudian dari halaman untuk menambah plugins pilih upload

18. Setelah anda memilih upload kemudian anda diminta memilih file Woocommerce yang tadi sudah didownload, namun jika muncul tampilan seperti gambar dibawah ini.

setelah anda memilih file untuk di upload, maka hal yang anda harus lakukan adalah menonaktifkan terlebih dahulu XAMPP dengan men-stop Apache dan MySQL.

Hal ini dapat terjadi karena dalam setting XAMPP secara default upload dibatasi sekitar 3 MB saja sementara file plugins Woocommerce mencapai ukuran lebih dari 3 MB. Silahkan anda buka php.ini dari XAMPP seperti pada gambar

Setelah men-stop apache dan MySQL kemudian klik config lalu php.ini. kemudian akan muncul notepad. Cari upload_max_filesize = ganti 3 MB menjadi 5 MB atau terserah anda yang penting di atas 3 MB sehingga plugins bisa di install. Jangan lupa setelah itu simpan, agar setting di simpan.

Setelah itu ulangi upload dan install plugins. Kemudian setelah itu anda dapat mencari tema dan install juga , bisa di download di www.woothemes.com, cari yang support dengan woocommers.

Berikut caranya untuk membangun toko online dari woodpress dengan CMS.

Setelah kita bangun Toko Online, Kemudian Tutorial untuk selanjutnya yaitu untuk mengganti Tema yang telah kita download tadi, sehingga Toko kita benar-benar sempurna seperti took online yang lain.

1. Mengganti Tema

Kita buka Dashboard kita, lalu pilih menu Appearance dan pilih Themes. Setelah masuk Themes pilih pada bagian Install Themes, setelah itu klik tab Upload, lihat seperti gambar:

Setelah masuk tab upload, cari file tema kita tadi yang sudah didownload ( format .zip), setelah itu klik tombol Install Now. Kebetulan saya menggunakan tema Wootique.

Nah,, Selesai sudah install temanya. Dan Selanjutnya

2. Cara untuk menambah produk pada toko kita

Setelah tema terinstall, cara selanjutnya yaitu bagaimana memasukkan produk dalam toko kita. Langsung saja kita menuju Dashboard, pilih menu Products, dan pilih Add Products. Setelah masuk Add Products kita tinggal ngisi Nama Produk, Gambar Produk, Harga Produk, Deskripsi Produk dll. Lihat Gambar: