Tutorial Menambah Galeri Video di CMS

Balitbang dengan Bantuan Youtube

Dalam tuturial kali ini dibagi menjadi 3 bagian:
1. Menambahkan file-file functions sampai menambahkan databasenya kedalam website
cms balitbang dan jangan kuatir untuk file-filenya serta databasenya sudah saya siapakan
tinggal didownload aja.
2. Menambah Menu & Profil dan Mengatur hak akses admin.
3. Cara menambah/menginput video baru dan menambah modul video untuk dipasang di
halaman depan.
TAHAP PERTAMA
Menambahkan file-file dan database pendukung
Langkah-langkahnya sebagai berikut:
Menambahkan database dbvideo.sql ke database cms352
Import database dbvideo.sql yang sudah saya sertakan di folder galeri video versi 352 ke
database cmsbalitbang352 yaitu database cms yang akan ditambahkan galeri video.Di dalam
database tersebut ada 2 tabel yaitu t_video dan t_videokategori
Bagi yang belum tahu cara importnya bisa ikuti langkah2 berikut ini;

Untuk yang dilocalhost buka di localhost/phpmyadmin, sedangkan untuk yang di hosting

melalui Cpanel (http://www.namasekolah.sch.id/cpanel).

Cari databasenya -> klik import -> cari database dbvideo.sql yang telah anda download
sebelumnya -> klik tombol Go.

Upload/Copy Folder beserta file didalamnya ke folder cms352(untuk yang di localhost) dan
public_html (untuk yang di hosting). Untuk Filenya sudah saya siapkan tinggal didownload
aja(he he he), sedangkan filenya terdiri dari:
1) Folder admin
admin.php
2) Folder html

index.php
3) Folder functions
functions_info.php
fungsi_video.php
functions.php
4) Folder images
video
Oh ya, untuk upload ke hosting bisa melalui cpanel atau lebih mudah menggunakan FileZilla,
jika ada file yang sama tinggal ditimpa/replace kan aja. Warning!!! Bagi yang folder adminnya
sudah diganti, sebelum mengupload untuk merename folder admin yang akan diupload
dengan nama yang sama dengan folder admin website anda.
Catatan: untuk menghindari hal yang tidak diinginkan silahkan rename file-file dibawah
ini

admin.php menjadi admin2.php

functions_info.php menjadi functions_info2.php

functions.php menjadi functions2.php

Maaf ya kalo penjelasannya kurang memuaskan he he he.

Ini akhir dari tahap pertama

Gambar Tampilan Awal Galeri Video

Tampilan Awal Galeri Video terdapat Video Terbaru yang secara default saya atur 9 Video
terbaru dan rekan-rekan bisa mengatur berapa banyak video terbaru yang akan ditampilan di
fungsi_video.php dibagian function video() yaitu: dibagian yang dilingkari dan tercetak tebal
0,9 tinggal diganti dengan angka yang diinginkan misalnya 3, 6, 9, 12 dst.
1 if ($kode==''){
2
3 $col = 3;
4
5 $g = mysql_query("SELECT * FROM t_video ORDER BY id DESC LIMIT <b>0,9</b>");
6
7 $video .="<table width='100%' cellspacing='0' cellpadding='0' border='0'
8 ><tr bgcolor='#420C4F'><td><h3>&nbsp;Video Terbaru</h3></td></tr></table>";
9
$video .="<center>";
1
0 $video .="<table bgcolor='#0D030F'><tr>";
11
Menu Pilih Kategori digunakan untuk mengelompokan video berdasarkan kategori tertentu.

Gambar Tampilan Putar Video

Dibagian Putar Video Terdapat Video yang akan diputar, Video terkait berdasarkan kategori
dan komentar dengan bantuan FB comment, serta share via fb, tweet, google.
TAHAP KEDUA
Menambah Menu & Profil
Agar menu galeri video tampil di bagian sub menu Fitur, kita harus menambahkan menu baru.
Langkah-langkahnya sebagai berikut:
1) Login Admin anda melalui http://www.namasekolah.sch.id/admin
2) Setting Admin -> Menu & Profil -> Tambah Profil kemudian akan muncul form tambah profil
seperti gambar dibawah ini

3) Isikan ke dalam form tambah profil seperti contoh dibawah ini

Judul : Galeri Video
Menu Utama : Fitur
Tampilkan : Tampilkan
Link : index.php?id=video
Target: Self
Urut : 9

untuk data diatas hanya contoh bisa dirubah sesuai dengan keinginan, yang tidak boleh dirubah
bagian link harus seperti itu, sedangkan bagian konten/isi biarkan kosong
Mengatur Hak Akses Admin
Agar program berjalan dengan benar harus ada pengaturan di bagian hak akses admin untuk
mengatur siapa saja yang mempunyai hak akses untuk penambahan Galeri Video tersebut.
Karena keterbatasan pengetahuan saya he he he maklum newbi dan biar lebih aman tapi agak
sedikit ribet menjelaskannya tapi saya coba untuk menjelaskannya mudah-mudahan dapat
dipahami.
Langkah-langkahnya sebagai berikut:
1)

Login Admin anda melalui http://www.namasekolah.sch.id/admin

2)
Klik Setting Admin -> Tambah Admin , akan muncul form tambah admin seperti
gambar dibawah ini

3)
Dalam Form diatas tidak semua hak akses ditampilkan,sedangkan yang akan kita
tambahkan merupakan top admin yang mempunyai hak akses penuh.Oleh karena itu ikuti
langkah demi langkahkanya dengan berurutan jangan sampai ada yang terlewat. Isi semua
prosedurnya dan jangan lupa untuk checklist di bagian checklist semua dan Simpan.
4)

Klik Setting Admin ->Lihat Admin

5)
Pilih user Admin yang akan diEdit hak aksesnya -> klik Edit. akan muncul gambar
seperti dibawah ini

6)
Checklist di bagian Checklist semua agar mempunyai hak akses penuh kemudian
klikm simpan.
9)

Logout dan Login lagi dengan user admin yang telah diedit.

10)
Sekarang secara otomatis kalo klik menu Fitur akan ada satu sub menu baru yaitu Galeri
Video.
Wah ribetkan???!!! Mudah2an dapat dimengerti he he he. Sebetulnya ada cara yang lebih praktis
yaitu dari databasenya,Cuma takut ada kesalahan makanya saya bikin yang manual aja. Mungkin
ada yang mau menambahkan ditunggu sharingnya.
======= Ini akhir dari tahap kedua ==========
Kalo sudah berhasil ayo kita lanjut ke bagian berikutnya, lets go guys!!!
TAHAP KE TIGA

Menambah/menginput video baru dan menambah modul video untuk dipasang di halaman
depan
Secara garis besarnya untuk menambah video baru hampir sama kayak menambah galeri foto,
karena memang sourcenya saya copykan dari galeri foto.Bedanya Cuma saya edit sana sini biar
sesuai dengan yang saya inginkan (he he he) mungkin rekan-rekan semua juga bisa meniru gaya
saya he he he.Maap untuk para pengembang kalo saya lancang mengotak-atik cmsnya dan belum
ijin,tapi tenang saya tidak akan menghilangkan copyrightnya, disamping itu tujuannya jelas
bukan untuk pribadi tapi untuk semua pengguna cms dan demi kemajuan bersama.
Biar tidak bertele-tele diberikut ini akan saya jelaskan secara rinci untuk langkah-langkahnya:
A. Menambah/menginput video baru
1) Login Admin anda melalui http://www.namasekolah.sch.id/admin
2) Klik menu Fitur, lalu pilih Galeri Video.

Gambar Daftar Kategori Video

3) Untuk menambah kelompok katagori video, klik Tambah Kategori, lalu isi Kategori dan
Tanggal lalu Simpan.
4) Dan untuk menambah Video pada Kategori tertentu klik pada kolom Tambah Video. Akan
muncul form isian seperti di bawah, isi data dengan lengkap.

Gambar Tampilan Pengisian Galeri Video

Untuk bagian Kode isikan kode video dari Youtube yang ada di share -> embed dan edit kode
tersebut, hapus semua tanda kutip dua (). Untuk menghilangkan tanda kutip dua () bisa di edit
di notepad , tekan Ctrl+H untuk mereplace tanda tersebut. Seperti contoh dibawah ini:
Kode Asli dari Youtube sebelum diedit.

Setelah dihilangkan tanda kutip dua (") menjadi

Oh ya harus diketahui karena video ini masih menggunakan bantuan mbah Youtube (he he he)
maka sebelum menambahkan video baru, video yang akan di tambahkan diupload dulu ke
Youtube. Untuk proses uploadnya rekan-rekan harus mendaftar dulu di Youtube kemudian
Login baru bisa mengupload videonya.Setelah selesai upload pilih Share/Bagikan dan pilih
embeb untuk mencopy Kodenya yang digunakan untuk pengisian Kode yang telah dijelaskan
diatas. CATATAN! Untuk ukuran videonya bisa diatur melalui widht dan heightnya. untuk
kuran yang disarankan adalah widht=450 height=367.

Untuk File gambar sediakan gambar yang sesuai dengan video yang akan
ditambahkan.Pilih file dengan klik tombol Browse/telesuri, format file jpg.Ukuran file
tidak lebih dari 200 kbyte. Kemudian klik tombol Simpan.

1. Untuk menghapus data, berilah tanda check (R) pada data yang akan dihapus (bisa lebih
dari satu), kemudian klik tombol hapus.
B. Menambah modul video dihalaman depan
Karena Galeri video masih tersembunyi di bagian menu Fitur -> Galeri Video, maka sebaiknya
kita buat satu buah modul untuk menampilkan Galeri Video terbaru di depan halaman
website.Sedangkan untuk modulnya juga sudah saya persiapkan tinggal didownload aja(he he
he), rekan-rekan cukup menambahkan modul tersebut di halaman depan website pada posisi
tengah.
Untuk langkah-langkahnya sebagai berikut.
1) Login Admin anda melalui http://www.namasekolah.sch.id/admin
2) Klik Setting Admin -> Posisi Menu Modul

Gambar Tampilan Tambah Posisi Modul

3) Tambah Posisi Menu, akan muncul form isian seperti di bawah, isi data dengan lengkap.

Gambar Tampilan Form Isian Tambah Posisi Modul

Untuk Judul Menu, Posisi Menu, Kategori dan Urut isi sesuai dengan kebutuhan,
Untuk file Script Fungsi klik Telusuri cari file modul (videodepan.php) di folder galeri
video versi 352.

4) Kemudian klik Simpan