Tutorial Menambah Galeri Video Di CMS Balitbang Dengan Bantuan

Tutorial Menambah Galeri Video di CMS Balitbang dengan Bantuan YoutubeDalam 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.

1234567891011

if ($kode==''){ $col = 3; $g = mysql_query("SELECT * FROM t_video ORDER BY id DESC LIMIT <b>0,9</b>"); $video .="<table width='100%' cellspacing='0' cellpadding='0' border='0' ><tr bgcolor='#420C4F'><td><h3>&nbsp;Video Terbaru</h3></td></tr></table>";

 $video .="<center>"; $video .="<table bgcolor='#0D030F'><tr>";

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, let’s 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