Membangun website dinamis berbasis PHP-mySQL (7)

Diposting oleh : Arlia veet | Dirilis : 4:48 PM | Series :
Kolaborasi dengan Video-Player
Mengunjungi website yang menampilkan film atau video, menarik juga, Apalagi kalau video
atau film tersebut berupa koleksi music (misalnya) yang kadang dikangeni oleh orang-orang
yang sudah tua, atau mempunyai kenangan indah. Atau malah film-film documenter keluarga
anda, film perkawinan adik, kakak, saudara, rekreasi keluarga dan lainnya.
Kalau tujuannya dilihat keluarga dekat, anda tidak perlu meng-upload web tersebut, jadi cukup
disimpan dalam PC atau Laptop yang praktis bisa dibawa kemana-mana, bahkan dijadikan
theater home, dengan menambah slide-projector dan sound system.



1. Langkah awal.

Buatlah database melalui phpMyAdmin misalnya film.dengan tabel music, karena ini nantinya

akan digunakan untuk dokumentasi filmfavorite keluarga.
Kalau anda ingin

mendokumentasikan dengan kategori lainnya misalnya
perkawinan atau kelahiran

(anak-anaknya) kita buat lagi tabel perkawinan dan kelahiran, begitu seterusnya tabel dibuat
sesuai kebutuhan.
Untuk uji coba ketrampilan kita buat 1 (satu) tabel saja, misalnya music.
Bukan karena hobby saya music, tetapi kelihatannya ini lebih universal dan familiar dengan
kebanyakan orang.


Database
Tabel   :
: film
  music
       Field

:            id
File
Judul
Artis 100
Diskripsi             225    INT
VARCHAR        20
100

VARCHAR
VARCHAR
VARCHAR -

AutoInc dan Primarykey
-
-
-
-


Untuk diskripsi anda bisa menggunakan type=TEXT apabila direncanakan diskripsinya panjang.
Tentunya anda juga sudah mempersiapkan template yang cantik buatan anda sendiri, atau
kalaupun belum default template PatriotCMs juga nggak masalah yang penting aplikasinya
dapat berfungsi. Kalau nanti sudah berfungsi dengan baik, baru dikembangkan.


2. Langkah Persiapan
Sediakan beberapa buah film music, lebih banyak lebih baik, karena nanti akan bekerja di
localhost PC/Laptop dan tidak perlu diupload ke server-hosting, seberapapun tidak masalah.
Usahakan file film music tersebut berekstensi .flv, dan nama filenya di-rename pendek dengan
huruf kecil semua tanpa spasi, untuk memudahkan proses. Misalnya tadinya file bernama Walau
hati menangis – Pance.flv kita ganti pendek saja menjadi pance001.flv (misalnya). Kenapa
harus demikian.? Karena beberapa host/localhost dalam menterjemahkan data dari database


amat sensitif membedakan huruf kecil dan huruf kapital. Sering kita jumpai, pemula
kebingungan menampilkan gambar/image dalam halaman web, padahal menurutnya data sudah
benar dan cocok dengan nama filenya, e..e..e ngak tahunya hanya beda huruf depannya kapital
tersimpan di database, namun filenya huruf kecil, gambar nggak mau muncul.

Sebuah file swf yang merupakan playernya dan file .css (kami sertakan dalam artikel ini dan
dapat didownload) yang nantinya sangat diperlukan, serta harus anda letakkan pada folder web
anda.

3. Prosedur proses generate halaman web.
Bagi anda yang belum pernah men-generate database menjadi halaman-halaman website
tentunya bingung juga, apalagi belum membaca artikel saya yang pertama sampai keempat.
Syukur kalau sudah mahir, tinggal menyesuaikan settingan-nya.
Untuk menyegarkan ingatan, pertama kita jalankan aolikasi PHPMaker, dikoneksikan dengan
database, membuat folder web dan langsung generate. Anda akan menghasilkan 10 file.php, dan

2 file JavaScripts. 1 folder images,.Semua diboyong

ke-localhost, yaitu folder

XAMPP/HTDOCS/ Jangan lupa file yang anda download juga masukkan ke folder ini.

4. Input data
Kita buka website dengan alamat http://localhost/film, data masih kosong, kita input dengan
menekan Add, isikan data-data yang dibutuhkan.

Dalam contoh diatas kita isikan file : pance01.flv ; Judul : Walau Hati Menangis ; Artis : Pance
Pondaag ; Diskripsi : Merupakan ....................
Tekan tombol ADD, data sudah terkirim ke database, namun kalau kita tekan View, video-player
belum muncul.

Untuk itu, marilah kita edit, musicview.php dengan menambahkan syntax sbb:
<div id="container">
<a href="http://www.macromedia.com/go/getflashplayer">Download Flash Player</a></div>
<p>
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
var                s1                =                new
SWFObject("mediaplayer.swf","mediaplayer","250","200","8");
s1.addParam("allowfullscreen","true");
s1.addVariable("width","250");
s1.addVariable("height","200");
s1.addVariable("file","<?php echo $x_file ?>&amp;autostart=true");
s1.write("container");
</script>
</div>
Letakkan pada baris ke 80, yang dimuai dengan tag td tempat nama file. Yaitu
<td bgcolor="#000000"><font color="#FFFFFF"><font size="-1">file</font></font> </td>
<td bgcolor="#F5F5F5"> mulai dari sini sampai </td> ditimpa saja dengan listing tadi.
Jadi sudah web multimedia kita, coba dibuka pada browser, muncul list music, tekan view,
seharusnya muncul tampilan seperti gambar dibawah ini dan musicnya jalan.
Tinggal sekarang membenahi tampilan, menambah data music/lagu/video atau kategori, bisa
juga pada tampilan awal, musiclist, juga muncul foto-fotonya (teknis seperti membuat berita)

Penutup
1. Jangan lupa download file flash dan JavaScvripts, gabungkan di folder website anda.
2. Kalau digunakan untuk localhost, sebeerapa besar kapasita file video anda, tidak
menjadi masalah, asalkan RAM memadai, namun bila akan di-upload ke webhost, perlu
diperhitungkan kecepatan unggah koneksi anda, serta kapasitas disk hostingnya.
3. Sering berlatih, akan membantu anda memahami sifat dan karakter pemrograman web
PHP,
4. Carilah bacaan-bacaan untuk referensi untuk memodifikasi website anda, dan jangan
fanatik dengan hanya 1 atau 2 referensi.(20120626-1300 wib.


Sumber:
http://multigraphica.com 
Agus Subardjo 
multigraphica@yahoo.com   
http://ilmukomputer.com

Last Episode

SLOT IKLAN 300x260

Tag :
Anda Sedang Membaca Membangun website dinamis berbasis PHP-mySQL (7), Anda Sedang Berada di Artikel Membangun website dinamis berbasis PHP-mySQL (7), Artikel terkait dengan Membangun website dinamis berbasis PHP-mySQL (7), Anda bisa Share Artikel Membangun website dinamis berbasis PHP-mySQL (7) Jika menarik.
0 Komentar untuk "Membangun website dinamis berbasis PHP-mySQL (7)"