Reyza

Kenalan dengan WPF/E...yuuuk mari

WPF/E katanya sub dari WPF yang sudah ada terlebih dahulu (kalo belum ada mana mungkin bisa menjadi induk), yang pasti bila WPF adalah Window Presentation Foundation, WPF/E adalah Windows Presentation Foundation Everwhere.  Kenapa Everywhere?, masih menjadi sedikit misteri. Yang pasti dengan menginstall "plugin"-nya maka "sesuatu" WPFE tersebut bisa dinikmati pada browser IE atau pun Mozilla.

Apa yang diperlukan untuk menikmati WPF/E thing? cukup install plugin-nya yang mirip perannya seperti Flash Player. "Player" ini bisa di download pada http://download.microsoft.com/download/5/e/e/5eeb4dcb-eba5-4e67-8705-48d954df3270/install.msi (ukuran 1,5MB).  Bila anda tidak sabar untuk menikmati WPF/E thing itu bisa download examplenya pada http://download.microsoft.com/download/6/5/e/65e50c97-b99e-4075-8d97-d56d3dd46dc7/FebCTPSamples.zip (ukuran 7MB) maka segera dapat memainkan musik pada piano yang ada para browser (contoh Grand Piano yang ada pada contoh)

Setelah puas bermain "Grand Piano", mungkin ada yang tertarik ingin membuat sendiri. Apa saja yang diperlukan? Langkah-langkah apa saja yang perlu diambil?

Untuk membuat aplikasi WPF/E minimal ada tida file yang diperlukan, yaitu :

1. file HTML, bisa dikatakan file ini sebagai rumah dari aplikasi.  File HTML ini akan memanggil file javascript yang akan digunakan dan juga sebagai tempat untuk menampilkan user interface (file XAML).
2. file JavaScript, yang sangat diperlukan adalah aghost.js, file ini hmm...masih kurang ngerti juga detail dari fungsi file ini. yang jelas mesti menggunaan file ini dalam "menampilkan" XAML.
3. file XAML, kalo dlihat-lihat file ini merupakan merupakan user interface

Sekarang tinggal melangkah :

• pada file HTML, jangan lupa panggil file aghos.js, <script src="aghost.js" type="text/javascript"></script>
• Masih pada halaman HTML buat layer dengan menggunakan tag <div></div> dengan ID misalnya wpfeControlHost
• Di dalam tag tersebut buat script berikut :

           <script type='text/javascript'>             
            new agHost("wpfeControlHost",            // sesuai dengan ID div
                       "wpfeControl",                          // ID of the WPF/E ActiveX control we create
                       "1024",                                    // lebar yang akan ditampikan untuk user interface
                       "530",                                      // tinggi yang akan ditampikan untuk user interface
                       "white",                                    // warna background user interface
                       null,                                         // SourceElement (name of script tag containing xaml)
                       "xaml/latihan01.xaml",              // nama dan lokasi file XAML
                       "false",                                     // IsWindowless,
                       "24",                                        // MaxFrameRate
                       null,                                         // OnError handler (method name -- no quotes)
                       0,                                            // Minimum major version required
                       8,                                            // Minimum minor version required
                       5);                                           // Minimum build required
           </script>

• setelah itu tinggal membuat file XAML sederhana seperti berikut di bawah

          <Canvas xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
              <Ellipse Height="200" Width="200" Stroke="Black" StrokeThickness="10" Fill="SlateBlue" />
          </Canvas>

Dan hasilnya adalah :

Share this post: | | | |