Menampilkan file PDF kedalam file SWF menggunakan FlexPaper


Artikel ini adalah kelanjutan dari artikel sebelumnya. setelahkita berhasil mengkonversi file-file pdf menjadi file berformat SWF, sekarang kita akan menampilkan file dalam bentuk SWF tadi kedalam sebuah web menggunakan PHP. sebelumnya yang harus kita siapkan adalah :

  1. Konversi file pdf ke swf
  2. Download flugins Flexpaper

Setelah flugins di download dan di extract, sekarang kita akan menampilkan file swf kedalam flugins tersebut. tidak sulit konfigurasi yang kita lakukan untuk menampilkan file swf kedalam flugins tersebut. karena kita cukup memberi nama file *.swf yang akan kita tampilkan. Silahkan buka file FlexPaperViewer.html pada folder hasil extract flexpaper yang sudah anda download tadi.

var flashvars = {
SwfFile : escape(“Paper.swf“),
Scale : 0.6,
ZoomTransition : “easeOut”,
ZoomTime : 0.5,
ZoomInterval : 0.1,
FitPageOnLoad : false,
FitWidthOnLoad : true,
PrintEnabled : true,
FullScreenAsMaxWindow : false,
ProgressiveLoading : true,

pada script diatas, berarti flexpaper akan membuka file dengan nama Paper.swf. untuk konfigurasi parameter lebih lanjut bisa anda baca pada panduan manualnya

Berhubung aplikasi yang akan kita buat adalah sebuah web dinamis menggunakan PHP, maka file yang ditampilkannya juga tidak hanya satu file swf. oleh karena itu saya memodifikasi coding dari flexpaper tersebut. sehingga menjadi beberapa bagian coding.

Coding untuk combobox

<select name=”modul” id=”modul” onChange=”pilih(this.value)”>
<option value=”0″ selected=”selected”>Pilih Modul</option>
<option value=”1″ <?php if(isset($_GET[‘modul’]) and $_GET[‘modul’]==1){ echo “selected=’selected'”;}?>>Modul 1</option>
<option value=”2″ <?php if(isset($_GET[‘modul’]) and $_GET[‘modul’]==2){ echo “selected=’selected'”;}?>>Modul 2</option>
<option value=”3″ <?php if(isset($_GET[‘modul’]) and $_GET[‘modul’]==3){ echo “selected=’selected'”;}?>>Modul 3</option>
</select>

Coding untuk memilih combobox

<script languange=”Javascript1.2″>
function pilih(modul){

location.replace(“index.php?page=tutorial&modul=”+modul);
}
</script>

Coding untuk memproses pilihan combobox

<?php
if(isset($_GET[‘modul’])){
$pilihan=$_GET[‘modul’];
}else{
$modul=’Paper.swf’;
}

if(isset($pilihan)){
switch($pilihan)
{
case “1”;
$modul=’./modul/modul_1.swf’;
break;

case “2”;
$modul=’./modul/modul_2.swf’;
break;

case “3”;
$modul=’./modul/modul_3.swf’;
break;

default;
$modul=’Paper.swf’;
break;
}
}
?>

Coding untuk menampilkan file SWF

var flashvars = {
SwfFile : escape(“<?php echo $modul;?>“),
Scale : 0.6,
ZoomTransition : “easeOut”,
ZoomTime : 0.5,
ZoomInterval : 0.1,
FitPageOnLoad : false,
FitWidthOnLoad : true,
PrintEnabled : true,
FullScreenAsMaxWindow : false,
ProgressiveLoading : true,

Download

http://www.4shared.com/file/obAZcAdz/tutorial-swf.html

Sekian artikel dari saya, semoga dapat bermanfaat untuk teman-teman dan anda semua…aamin

Depok, 17-02-2011

noname

5 Responses

  1. jadi kita bisa buat jadi kek scrib.com gitu, trus kita bisa gak buat dia bisa di download juga, tapi dia harus jadi anggota dulu buat downloadnya.

    Like

  2. ada contoh untuk FlexPaper yang menggunakan database mysql nggak mas

    Like

  3. iya mas, ada gak toturial FlaxPaper yang menggunakan database MySQL. lo ada mohon di posting,,,,maksi

    Like

    • saya ada contoh flexpaper yang menggunakan database, mgkn nanti kita bisa share, kalo berkenan melihat ini link contohnya :
      cv dosen
      http://mikm.undip.ac.id/curriculum-vitae/sistem-informasi-manajemen-12345.html
      tesis digital
      mikm.undip.ac.id/tesis-digital/sistem-informasi-manajemen-12345.html
      cuma yang tesis digital harus mempunyai akun, untuk mencoba yang pakai akun bisa kirim email kesaya.

      yang jadi permasalahan saya, selain laptop tidak bisa membuka flexpaper2 tersebut, dikarenakan byk gadget yang belum support adobe flashplayer.
      terimakasih.

      Like

  4. Ko di komuterku ga jalan ya…pilih modul 1 da muncul…? knp y mas..

    Like

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: