Modul Pengenalan CMS Wordpress for Online Shop

Belajar dan Praktek!!

Kali ini saya akan berbagi modul pengenalan CMS Wordpress untuk membuat sebuah toko online sederhana yang mana metode dalam modul ini adalah learning by doing sehingga diharapkan kawan-kawan juga bisa belajar dan melakukan seperti apa yang ada di modul

Didalam modul yang saya bagikan nanti didalamnya juga sudah saya sediakan template, plugin, dan pastinya modul yang kita manfaatkan untuk pengenalan CMS Wordpres untuk Toko Online ini, berikut tampilan dari isi modul yang akan saya bagikan:

 

Isi dari modul

 tampilan modul, ada 19 halaman

Sebelum download materinya, kita kenalan dulu dengan CMS wordpress, berikut sedikit penjelasan yang saya kutip dari mbah wiki.

"WordPress adalah sebuah aplikasi sumber terbuka (open source) yang sangat populer digunakan sebagai mesin blog (blog engine). WordPress dibangun dengan bahasa pemrograman PHP dan basis data (database) MySQL. PHP dan MySQL, keduanya merupakan perangkat lunak sumber terbuka (open source software).

Selain sebagai blog, WordPress juga mulai digunakan sebagai sebuah CMS (Content Management System) karena kemampuannya untuk dimodifikasi dan disesuaikan dengan kebutuhan penggunanya. 

WordPress adalah penerus resmi dari b2/cafelog yang dikembangkan oleh Michel Valdrighi. Nama WordPress diusulkan oleh Christine Selleck, teman Matt Mullenweg. WordPress saat ini menjadi platform content management system (CMS) bagi beberapa situs web ternama seperti CNN, Reuters, The New York Times, TechCrunch, dan lainnya ."

Semoga dengan sedikit apa yang bisa saya bagikan ini, kawan-kawan bisa melakukan pengembangan lebih lanjut, sehingga tidak hanya terpaku hanya dengan modul ini saja...semangat!!!

Silakan download DISINI modul dan bahan-bahan untuk mengikuti tutorial CMS Wordpress for Online Shop

Jangan lupa juga kunjungi juga Artikel-artikel Pemrograman lain yang DISINI

Kenalan Lebih Jauh dengan Framework

Apa itu Framework?

Framework atau dalam bahasa indonesia diartikan kerangka kerja merupakan sebuah kumpulan fungsi (libraries) yang mana fungsinya adalah untuk memudahkan kita untuk melakukan pengkodean.

Jadi begini, seorang programmer dalam membuat sebuah aplikasi pastilah mempunyai gayanya sendiri-sendiri, repotnya jika kita akan mengembangkan sebuah project yang dibuat oleh orang lain. ini akan sangat sulit dibandingkan kita membuat project dari awal.

Alasannya karena banyak dari programmer tidak memberikan dokumentasi, komentar/ keterangan dalam programnya. Dan yang lebih parah lagi jika ada programmer yang memang tidak memproteksi, mengenkripsi ataupun menyebunyikan kodenya agar tidak mudah di modifikasi.

Oleh karena itu, lahirlah framework sehingga dapat mempermudah dalam pengerjaan project ataupun mengembangkan project, karena didalam sebuah framework sudah ada aturan-aturan untuk memakainya, sehingga programmer satu dan lainnya pastinya gaya coding tetap sama.

Macam-macam Framework

1. Laravel

Laravel merupakan salah satu framework berbasis php yang memang sangat mantap. Laravel memang dibuat untuk membantu developer dalam membangun sebuah sistem yang besar dan kuat, dengan didukung unit integrasi.

Yang mau download frameworknya langsung saja download DISINI

2. CodeIgniter

Setau saya, framework ini adalah framework yang sangat popular, mungkin memang karena toolkit nya sederhana namun tetap menghasil yang cmiwiwiw..hehe. CodeIgniter sendiri tidak membatasi coding yang dibuat dan framework ini juga memiliki solusi sederhana meskipun untuk membangun sistem / aplikasi yang rumit sekaligus.

Yang mau download frameworknya langsung saja download DISINI

3. CakePHP

Dari namanya saja sudah unik, tapi dari nama tersebut memang mewakilkan jenis framework ini, karena CakePHP memang sangat mudah digunakan. Dengan mengatur database yang akan anda gunakan, anda sudah langsung siap untuk memanfaatkan framework ini. CakePHP juga dilengkapi dengan alat untuk memvalidasi dan memprotecy terhadap injeksi SQL

Yang mau download frameworknya langsung saja download DISINI

4. Yii

Framework ini memiliki kelebihan yaitu mampu bekerja secara efisien dengan AJAX. Yii sendiri memang sangat mementingkan keamanan dalam pengkodean. Oleh karena itu, Yii sangat protective dalam validasi inputan, SQL injection maupun Cross site scripting.

Yang mau download frameworknya langsung saja download DISINI

5. Dan masih banyak yang lain...

Namun yang patut kita perhatikan saat kita sudah diberikan kemudahan-kemudahan untuk membuat sebuah sistem, kita juga tetap harus belajar asal usul dari pembuatan sistem yang memudahkan kita dalam melakukan semua kegiatan ini seperti apa.

Karena dikhawatirkan apabila kita hanya terlena dan hanya memanfaatkan sesuatu tanpa mengetahui asal usulnya, bisa jadi programer berkualitas akan semakin berkurang jumlahnya karena sudah terbiasa dengan hal-hal yang mungkin bisa dibilang memanjakan diri sendiri..

Jangan Lupa Juga Baca Modul Pemrograman Lainnya DISINI

referensi:

-http://mediabisnisonline.com/10-framework-php-untuk-para-developer-website/

-http://agiptek.com/index.php/php/98-sedikit-pemahaman-tentang-apa-itu-framework.html

Pengertian CMS dan Macam-macamnya

Content Management System (CMS)

CMS merupakan sebuah perangkat yang bisa kita manfaatkan untuk membuat ataupun memanipulasi / mengubah isi dari sebuah website. 

Untuk CMS sendiri kita tidak perlu membutuhkan pengetahuan yang bersifat teknis seperti pemahaman tentang pemrograman web. karena mulai dari template ataupun susunan plugin-nya bisa mudah kita manipulasi sesuai kebutuhan.

CMS sendiri bersifat open source, jadi perkembangannya sangat pesat didunia, dan banyak juga penyedia layanan internet yang juga membuat CMS instant yang didistribusikan secara free. 

Bahkan saat ini banyak pengembang aplikasi CMS sudah menggunakan konsep framework, sehingga kita akan lebih dimudahkan lagi dengan CMS ini.

CMS bisa kita manfaatkan untuk membuat berbagai jenis website, seperti:

• Toko Online
• Website Personal
• Website untuk Galeri Foto
• Website Perusahaan, Bisnis, Organisasi, dll

Macam-macam CMS

• CMS Wordpress

Untuk CMS wordpress bisa dikategorikan sebagai jenis blog, namun lebih dari itu terkadang developer menggunakan CMS ini untuk membuat website profil perusahaan, toko online dll. Karena CMS wordpress sendiri memang sangat user friendly. 



Yang mau coba, bisa download DISINI (win & linux).

• CMS Joomla

Untuk CMS joomla hampir sama seperti dengan CMS wordpress, bisa untuk membangun website profile perusahaan, personal, toko online, dll. Namun yang membedakan dari Wordpress adalah Joomla lebih kompleks dalam manajement nya dan lebih powerfull dibanding dengan Wordpress.



Yang mau coba, bisa download DISINI

• CMS Drupal

Untuk CMS Drupal dalam penggunaannya untuk membangun berbagai jenis halaman web memang sangat mudah. Akan tetapi memang untuk desain drupal tidak sebaik dengan CMS Joomla. Namun nilai plus nya adalah drupal memiliki modul tambahan seperti search engine friendly dan search tool





Yang mau coba, bisa download DISINI

• Aura CMS

Berbanggalah kita karena kawan-kawan kita yang setanah air, tanah air indonesia ini telah mampu membuat CMS, akan tetapi, memang untuk secara kualitas masih kalah dengan CMS yang sudah saya uraikan diatas, Namun semoga para pengembang dalam negeri mampu mengembangkan sehingga CMS buatan Indonesia mampu bersaing dengan CMS diatas.



Yang mau coba, bisa download DISINI

• CMS Prestashop

CMS ini memang dikhususkan untuk membuat sebuah toko online dengan sangat simple, jadi kalau mungkin kawan-kawan ingin membangun sebuah website toko online, saya merekomendasikan menggunakan CMS prestashop, atau ada juga CMS Openchart yang mana fungsinya juga hampir sama.

Yang mau coba, bisa download DISINI

• CMS Moodle

Untuk CMS Moodle mungkin kawan-kawan sering menjumpainya di Instansi-instansi pendidikan seperti sekolah atau pun perguruan tinggi. CMS Moodle biasa digunakan untuk membuat e-learning (media belajar elektronik), fitur dari CMS moodle juga sangat lengkap, mulai dari online test sampai dengan forum diskusi antar member juga ada.

Yang mau coba, bisa download DISINI

Intinya disini semua tergantung kebutuhan dalam pemanfaatan penggunaannya, ada yang memang dikhususkan untuk pembelajaran, online shop maupun untuk umum pun juga bisa, tinggal kita memanfaatkannya secara maksimal untuk hasil yang maksimal juga

#happycoding

Referensi:

1. http://www.it-jurnal.com/2014/10/pengertian-cms-content-management-system.html

2. http://kentos.web.id/pengertian-content-management-system-cms/

3. http://www.virmansyah.info/2012/11/pengertian-cms-dan-macam-macamnya.html

Seputar PDO (PHP Data Object)

PHP Data Object (PDO)

PDO merupakan sebuah ekstensi dari PHP yang digunakan untuk mengatur sebuah koneksi yang mampu menangani beberapa DBMS

Bagi yang mungkin belum tau DBMS, DBMS (Database Management System) merupakan suatu kumpulan program yang bisa mengolah suatu database, adapun database sendiri merupakan suatu struktur yang dibuat untuk keperluan penyimpanan data.

Ada banyak DBMS yang sudah mendukung PDO, diantaranya: PDO_DBLIB (FreeTDS / Microsoft SQL Server / Sybase), PDO_MYSQL (MySQL 3.x/4.x/5.x), PDO_PGSQL (PostgreSQL), PDO_SQLITE (SQLite 3 and SQLite 2), PDO_FIREBIRD (Firebird/Interbase 6), PDO_IBM (IBM DB2), PDO_INFORMIX (IBM Informix Dynamic Server), PDO_OCI (Oracle Call Interface), dll.

Cara Cek Ketersediaan DBMS dengan PDO

Cara berikut bisa kita gunakan untuk memastikan apakah sudah terdapat DBMS yang sudah mendukung PDO pada PC yang kita pakai atau tidak, berikut source code-nya:

Buat folder bernama "coba" didalam htdoct, kemudian buat file index.php didalam folder "coba" menggunakan editor text  favorite anda, lalu copy kan script berikut:

<?php foreach(PDO::getAvailableDrivers() as $driver) { echo $driver; }?>

kalau anda melakukan trik tersebut dengan benar maka saat kita mengaksesnya di localhost akan muncul sebagai berikut

seperti yang muncul pesan di atas menunjukkan "mysqlsqlite", ini menunjukkan bahwasannya saya menggunakan DBMS MYSQL.

Cek Koneksi DBMS MYSQL dengan PDO

Berikut cara untuk melihat koneksi kita ke DBMS MYSQL apakah sudah berjalan dengan baik atau tidak, berikut script nya.

Buat folder bernama "coba" didalam htdoct, kemudian buat file index.php didalam folder "coba" menggunakan editor text  favorite anda, dan JANGAN LUPA untuk membuat database bernama "kasir" lalu copy kan script kedalam file index.php tadi berikut:

<?php $engine = "mysql";$host = "localhost";$user = "root";$pass = "";$db = "kasir"; // Digunakan untuk memilih koneksi database yang digunakan try {  $db = new PDO("$engine:host=$host;dbname=$db", $user, $pass);  echo "Koneksi Database Sukses..!!!"; // Bisa diganti sesuka anda  $db=null; // Digunakan untuk menutup koneksi}catch(PDOException $e){  echo $e->getMessage();}?>

kalau anda menggunakan trik tersebut dengan benar di localhost maka akan muncul seperti berikut

Namun jika database tujuan anda tidak ada maka akan muncul pesan error seperti berikut

Terdapat pesan "SQLSTATE[HY000] [1049] Unknown database 'database' ", Ini disebabkan karena database dengan nama "database" tidak ada dalam DBMS MYSQL yang saya gunakan.

Untuk mengatasi masalah "SQLSTATE[HY000] [1049] Unknown database 'database' " dengan cara membuat database baru pada database Mysql yang anda gunakan, agar koneksi yang kita panggil bisa berjalan dengan baik saat dijalankan

Sekian pembahasan dasar mengenai PDO (PHP Data Object), semoga bisa sedikit membantu sobat yang juga mau belajar seputar PDO

#happycoding 

Source Code Dasar Membuat Sebuah Form dan Tabel Sederhana

Cara Membuat Form dan Tabel Sederhana

Kali ini saya akan berbagi sedikit source code yang bisa kita manfaatkan untuk menambah referensi membuat sebuah halaman, form dan juga tabel.

1. Source Code Membuat Form Sederhana

Berikut scriptnya, tinggal copy-paste dan simpan dengan extensi .html :

<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>Membuat Form</title>
</head>
<body>
<h2>Form Registrasi</h2>
<form action="" method="POST">
<table>
 <tr>
  <td>Nama: *</td><td><input type="text" name="nama" required autofocus></td>
 </tr>
 <tr>
  <td>Tanggal lahirL</td>
  <td><input type="date" name="date" min="1900-01-01" required></td>
 </tr>
 <tr>
  <td>Email:</td>
  <td><input type="email" name="email" placeholder="domain@domain.com"></td>
 </tr>
 <tr>
  <td>Jarak rumah ke kampus:</td>
  <td><input type="range" name="jarak" id="slider" value="" min="0" max="100" step="10"></td>
 </tr>
 <tr>
  <td>Warna Favorit</td>
  <td><input type="color" name="warna" value=""></td>
 </tr>
 <tr>
  <td>Hobby (Boleh pilih lebih dari satu)</td>
  <td><input type="text" name="hobi" placeholder="hobi" list="hobii"></td>
 <datalist id="hobii">
  <option>Makan</option>
  <option>Tidur</option>
  <option>Belajar</option>
  <option>Gak Punya Hobi</option>
  <option>Semua benar</option>
 </datalist>
 </tr>
 <tr>
  <td>Foto:</td>
  <td><input type="file" name="upload" accept=".jpg,.png,.jpeg"></td>
 </tr>
 <tr>
  <td><input type="submit" name="simpan" value="simpan"></td>
 </tr>
 </table>
 </form>
</body>
</html>

2. Source Code Membuat Tabel Sederhana

Berikut scriptnya, tinggal copy-paste dan simpan dengan extensi .html :

<html>
<head>
<title>Membuat Tabel</title>
</head>
<body>
<h2>Tabel Untuk Semester</h2>
<table style="width:600px;" border="1">
<tr style="background-color:#cfcfcf">
 <th>SEMESTER</th>
 <th>IPS</th>
</tr>
<tr>
 <td style="text-align:center;">SEMESTER 1</td><td style="text-align:right">3.4</td>
</tr>
<tr>
 <td style="text-align:center;">SEMESTER 2</td><td style="text-align:right">3.5</td>
</tr>
<tr>
 <td style="text-align:center;">SEMESTER 3</td><td style="text-align:right">3.6</td>
</tr>
<tr> 
 <td style="text-align:center;">SEMESTER 4</td><td style="text-align:right">3.9</td>
</tr>
<tr style="text-align:right;background-color=#FFCBCB;font-weight:bold">
 <td style="text-align:center;">NILAI IPK &gt;&gt;&gt;</td>
 <td style="text-align:center;">3.7</td>
</tr>
</table>
</body>
</html>

Saya juga sediakan source codenya langsung DISINI, silakan bisa anda download secara free. semoga bermanfaat, salam..belajar gretongan meskipun sedikit. hehe

Jangan lupa juga baca juga selengkapnya modul-modul pemrograman lainnya DISINI

Tahap Awal Pembuatan Desain Web (Wireframe)

Penggunaan Wireframe Untuk Desain Awal Web

Wireframe dapat kita gunakan untuk media berkomunikasi dengan client / user yang akan memanfaatkan web kita. Dengan media wireframe kita bisa menampilkan sebuah rencana tampilan dan komponen apa saja yang memang sekiranya akan dijadikan fitur-fitur dalam website tersebut

Apa itu Wireframe?

Mungkin ada beberapa orang yang mempresepsikan bahwa wireframe dan prototype itu sama, namun sebenarnya keduanya itu beda. 

Kalau wireframe adalah langkah awal dalam membuat desain web untuk menentukan komponen / struktur yang ada didalam web (ex: bisa dilihat gambar disamping). 

Sedangkan prototype merupakan sebuah halaman website yang bisa dibilang semi-fungsional, untuk prototype sendiri biasanya sudah menampilkan tampilan GUI dan bisa kita jalankan meskipun belum maksimal. Biasanya dibuat dengan html css terkadang juga dengan javascript.

Kenapa Harus di Awali dengan Wireframe?

Dalam pembuatan sebuah web, akan lebih efektif jika saat pembuatan desain awal web kita terlebih dahulu membuat sebuah wireframe dari pada kita langsung mendesain dengan bentuk html / css, Karena, jika kita presentasikan desain awal ke client menggunakan bentuk html / css namun client meminta untuk merubah tampilan sesuai keinginannya. Ini malah akan merepotkan kita nantinya dalam merevisi tampilan. 

Namun, jika kita membuat desain awal dengan wireframe, apabila client / user kurang begitu suka dengan tampilan awal yang kita buat dan ingin merubahkan, kita tidak perlu capek-capek coding karena kita bisa meng-customize tampilan wireframe dengan mudah.

Jadi, dengan wireframe kita akan lebih mudah untuk merevisi desain awal website yang kita buat sehingga memang cocok dengan apa yang diinginkan client / user yang nantinya akan menggunakan web tersebut. Ini akan lebih efisien dalam pengguaan waktu dan tenaga kita.

Aplikasi Yang digunakan Membuat Wireframe

Untuk aplikasi pembuat Wireframe sangat banyak juga pilihannya, anda bisa memanfaatkan secara gratis namun biasanya hanya untuk beberapa saat / saat kuota fitur untuk trialnya habis anda akan diharuskan untuk beralih menjadi PRO untuk tetap bisa memanfaatkan penggunaan aplikasi tersebut. berikut beberapa aplikasi pembuat wireframe.

Cacco

untuk cara daftar cacco bisa anda baca DISINI

Mockingbird

Lumzy

MockFlow

Apa Saja yang Harus Ada di Wireframe?

Untuk pembuatan wireframe intinya adalah komponen / fitur yang nantinya akan kita masukkan harus dimuat dalam wireframe, entah itu ada di header, footer, sidebar, ataupun di content nya sendiri.

Kita juga bisa menambahkan elemen-elemen untuk pemanis tampilan nantinya dengan menampilkan menu navigasi, widget, pencarian dan elemen-elemen dasar lainnya. Mengenai detail yang kita buat sendiri itu tergantung seberapa kompleks sebuah aplikasi website yang akan kita buat nantinya. 

Kalau kita ingin mempresentasikan kepada client yang akan memanfaatkan website kita, maka kita harus menampilkan tampilan detail secara formal dan tertata sedemikian rupa agar client lebih mudah faham. akan tetapi jika wireframe hanya menjadi bahan acuan kita untuk membuat sebuah website ya... ndak usah terlalu dipusingkan dengan proses wireframe hehe.

Jadi intinya untuk pembuatan wireframe ini cukup kita sesuaikan dengan kebutuhan kita, tidak ada standarisasinya wireframe harus begini-begini, itu semua tergantung dari tujuan kita dalam pembuatan wireframe tersebut.

Saya juga punya beberapa contoh wireframe prototype, yang sebenarnya ini tugas kuliah..hehe, berikut selengkapnya:

1. Wireframe Prototype SI KRS
2. Wireframe Prototype SI Raport Online 

Disitu sudah saya beri penjelasan dan juga link lengkap untuk akses di Cacco-nya, semoga bermanfaat bagi kawan-kawan sekalian. Mohon dikoreksi jika ada yang salah

Jangan lupa baca juga selengkapnya info tentang Seputar Multimedia DISINI