Cara membuat widget video

Sebenarnya tutorial pembuatan komponen dan widget ini sudah tersedia di dokumentasi Popoji.org ... Namun karena beda orang beda pemahaman, maka saya buatkan tutorial ini bagi anda yang perlu pemahaman detail langkah demi langkah. Sebelum membuat widget video ini, sebaiknya anda juga tahu Cara Membuat Komponen Video.

1] Bukalah folder/directory utama website anda → po-content → widget ⇒ 

Lalu buat folder baru didalam folder widget ini dengan nama "video".

2] Buka folder tersebut dan buat dua buah file di dalamnya:

 ⇒ ⇒ a] index.html(304 yang ada di setiap folder).

 ⇒ ⇒ b] video.php (klik kanan di dalam area folder video → new → file → beri nama video.php).

 

  3] Buka file video.php yang baru saja di buat dan masih kosong → copy dan tempel file awal widget pada file video.php tersebut.

<?php
/*
 *
 * - PopojiCMS Widget File
 *
 * - File : video.php
 * - Version : 1.0
 * - Author : Jenuar Dalapang
 * - License : MIT License
 *
 *
 * Ini adalah file php yang di gunakan untuk menangani proses di bagian depan untuk widget video.
 * This is a php file for handling front end process for video widget.
 *
*/

/**
 * Memanggil class utama PoTemplate (diharuskan).
 *
 * Call main class PoTemplate (require).
 *
*/
use PoTemplateEngine;
use PoTemplateExtensionExtensionInterface;

/**
 * Mendeklarasikan class widget diharuskan dengan mengimplementasikan class ExtensionInterface (diharuskan).
 *
 * Declaration widget class must with implements ExtensionInterface class (require).
 *
*/
class Video implements ExtensionInterface
{

	/**
	 * Fungsi ini digunakan untuk menginisialisasi class utama (diharuskan).
	 *
	 * This function use to initialize the main class (require).
	 *
	*/
	public function __construct()
	{
		$this->core = new PoCore();
	}

	/**
	 * Fungsi ini digunakan untuk mendaftarkan semua fungsi widget (diharuskan).
	 *
	 * This function use to register all widget function (require).
	 *
	*/
  public function register(Engine $templates)
  {
    $templates->registerFunction('video', [$this, 'getObject']);
  }

	/**
	 * Fungsi ini digunakan untuk menangkap semua fungsi widget (diharuskan).
	 *
	 * This function use to catch all widget function (require).
	 *
	*/
  public function getObject()
  {
    return $this;
  }

}

 4] Copy dan tempel script yang akan memberikan fungsi pada widget video, dimana telah ditentukan dalam widget video ini di berikan 3 fungsi widget video.

/**
 * Fungsi ini digunakan untuk mengambil daftar video.
 *
 * This function use to get list of video.
 *
 * $limit = integer
 * $order = string
 * $page = integer from get active page
*/
public function getVideo($limit, $order = 'id_video DESC', $page)
{
	$offset = $this->core->popaging->searchPosition($limit, $page);
	$video = $this->core->podb->from('video')
		->orderBy($order)
		->limit($offset.','.$limit)
		->fetchAll();
	return $video;
}

/**
 * Fungsi ini digunakan untuk membuat nomor halaman pada halaman album
 *
 * This function use to create pagination in album page.
 *
 * $limit = integer
 * $page = integer from get active page
 * $type = 0 or 1
 * $prev = string previous text
 * $next = string next text
*/
public function getVideoPaging($limit, $page, $type, $prev, $next)
{			
	$totaldata = $this->core->podb->from('video')->count();
	$totalpage = $this->core->popaging->totalPage($totaldata, $limit);
	$pagination = $this->core->popaging->navPage($page, $totalpage, BASE_URL, 'video', 'page', $type, $prev, $next);
	return $pagination;
}

/**
 * Fungsi ini digunakan untuk mengambil daftar headline video.
 *
 * This function use to get list of headline video.
 *
 * $limit = integer
 * $order = string
*/
public function getHeadlineVideo($limit, $order = 'id_video DESC')
{
	$video = $this->core->podb->from('video')
		->where('headline', 'Y')
		->orderBy($order)
		->limit($limit)
		->fetchAll();
	return $video;
}

 Perhatikan cara penempatan file yang kedua(point ke-4), silahkan lihat gambar berikut:

  5] Silahkan scrol ke atas pada area kerja anda/editor yang sedang anda kerjakan, lihat pada baris ke 23 dan 24, disitu terdapat script seperti berikut:

use PoTemplateEngine;
use PoTemplateExtensionExtensionInterface;

Tambahkan "backslash" pada kedua baris script tersebut, sehingga menjadi seperti terlihat pada gambar(jika gambar kurang jelas silahkan klik kanan-view image):

Sampai di sini sebenarnya sudah selesai, tapi akan saya tambahkan lagi supaya kumplit.

6] Buka folder tema yang sedang aktive, disana juga terdapat file video.php → silahkan buka lalu hapus isinya dan ganti dengan script baru dari hasil pembuatan widget berikut:

script file video.php

7] Bukalah file sidebar.php pada tema yang sedang aktive, contoh: po-content/themes/chingsy/sidebar.php lalu tambahkan script berikut untuk menampilkan widget video pada sidebar website anda:

Script widget video

Lihat gambar cara penempatanya:

Cara membuat dan pemasangan widget video sudah selesai, jika kurang jelas atau ada yang ingin anda tanyakan silahkan melalui komentar. Jangan lupa untuk berbagi dengan teman anda dan like melalui tombol yang tersedia.  Semoga bermanfaat