ASP.NET Future bukan barang baru, karena sejak July 2007 sudah bisa kita temui versi CTP-nya. Pada ASP.NET Future dipastikan sudah banyak yang tahu kalau di dalamnya terdapat control Xaml dan Media, yang keduanya sangat berhubungan dengan Silverlight (versi 1.0). ASP.NET Future dapat dibilang sebagai add-on dari ASP.NET AJAX Extension. Oleh karena itu untuk menggunakan control ini harus dipastikan bawah project web yang digunakan adalah project yang AJAX-enabled. Dan setiap kita akan menggunakan control ini dipastikan pula pada halaman tersebut (master page yang digunakan oleh halaman tersebut) sudah terdapat control ScriptManager (
Bagi yang sudah sering bermain dengan Silverlight pasti sudah mengetahui untuk ‘menampilkan’ file XAML ini diperlukan beberapa file yang terkain seperti Silverlight.js serta serta mesti melakukan beberapa langkah yang harus dilakukan, seperti membuat area dengan tag
Control Xaml
Dengan control Xaml [
Setelah ASP.NET Future diinstall, maka dapat dilihat terdapat control tambahan pada Toolbox.
Drap dan drop pada bagian yang diinginkan kemudian tinggal tunjuk letak file XAML yang ingin ditampilkan.
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Pagetitle>
head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
asp:ScriptManager>
<asp:Xaml ID="Xaml1" runat="server"
Height="100px"
Width="300px"
XamlUrl="Page.xaml">
asp:Xaml>
div>
form>
body>
html>
Bila pada file Page.xaml terdapat event untuk meng-handle ketika tombol sebelah kiri mouse diklik seperti berikut :
<Canvas xmlns="http://schemas.microsoft.com/client/2007"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Width="640"
Height="480"
Background="White"
>
<TextBlock Text="Hello Silverlight" MouseLeftButtonDown="Mouse_Click" />
Canvas>
Dan fungsi Mouse_Click disimpan didalam file Page.xaml.js dengan isi sebagai berikut :
function Mouse_Click(sender, eventArgs)
{
alert('Hello Silverlight');
}
Dengan kasus di atas dengan mengklik elemen TextBlock maka dipastikan akan ditampilkan dialog box.
Control Media
Dapat dikatakan dengan menggunakan control ini kita akan mempunyai Silverlight Media Player cukup dengan menulis beberapa baris kode seperti berikut :
<asp:ScriptManager ID="ScriptManager1" runat="server">
asp:ScriptManager>
<asp:Media ID="Media1" runat="server"
Height="240px"
Width="320px"
MediaSkin="Professional"
MediaUrl="video.wmv">
asp:Media>
Ada beberapa MediaSkin yang dapat menjadi pilihan, berikut contoh skin untuk control ini.
Pada control ini juga dapat dibuat Chapter yang nanti dapat ditampilkan seperti pada contoh gambar berikut:
Dapat dilihat pada bagian bawah gambar di atas ini, terdapat gambar yang merupakan Chapter pada film yang ditampilkan. Untuk membuat seperti itu maka dapat dilakukan dengan menulis kode seperti berikut ini.
<asp:Media ID="Media1" runat="server"
Height="240px"
Width="320px"
MediaSkin="Classic"
MediaUrl="video.wmv">
<Chapters>
<asp:MediaChapter TimeIndex="23"
Title="Fantastic 4"
ImageUrl="f4.jpg" />
<asp:MediaChapter TimeIndex="64"
Title="Jumper"
ImageUrl="jumper.jpg" />
<asp:MediaChapter TimeIndex="87"
Title="Cloverfield"
ImageUrl="cloverfield.jpg" />
Chapters>
asp:Media>
Done, lumayan untuk mengisi waktu istirahat karena sekarang tidak bisa lagi mendapatkan DVD (bajakan – baik film ataupun software) di Bandung, karena razia besar-besaran yang membuat seluruh penjual baik besar dan kecil menghilang…hmm
