Integrasi Aplikasi SilverLight 2.0 ke dalam Web Form ASP.NET
Bersama kami pada hari deadline proyek ini, dan Libido tetap
semangat !
Kali ini kami akan berbagi tips untuk melakukan integrasi
aplikasi silverlight 2.0 ke dalam web from ASP.NET.
Ada dua cara, yaitu dengan menggunakan Silverlight control
atau dengan binding-object. Silverlight control hanya tersedia jika integrasi
menggunakan VS 2008 dan telah melakukan installing Silverlight_chainer. Dengan
control ini, maka diperlukan pula suatu script manager untuk penanganan
integrasi.
Cara kedua lebih lempang, dan mirip kalo kita mau menanam
aplikasi flash ke dalam halaman web kita. Project silverlight yang telah kita
bangun di build terlebih dahulu. Proses build akan menghasilkan file dengan
extensi .xap. File ini lah yang akan di tanam ke dalam web nantinya.
Kemudian pada jendela solusi (di VS), add new existing item
dan masukkan file .xap tadi ke dalam project. Buat file web form baru dan
lakukan listing kode berikut :
<script type="text/javascript">
function
onSilverlightError(sender, args) {
var
appSource = "";
if
(sender != null && sender != 0) {
appSource = sender.getHost().Source;
}
var
errorType = args.ErrorType;
var
iErrorCode = args.ErrorCode;
var
errMsg = "Unhandled Error in Silverlight 2 Application " + appSource + "\n" ;
errMsg += "Code: "+ iErrorCode + " \n";
errMsg += "Category: " + errorType + " \n";
errMsg += "Message: " + args.ErrorMessage + " \n";
if
(errorType == "ParserError")
{
errMsg += "File: " + args.xamlFile + " \n";
errMsg += "Line: " + args.lineNumber + " \n";
errMsg += "Position: " + args.charPosition + " \n";
}
else
if (errorType == "RuntimeError")
{
if (args.lineNumber != 0)
{
errMsg += "Line: " + args.lineNumber + " \n";
errMsg += "Position: " +
args.charPosition + "
\n";
}
errMsg += "MethodName: " + args.methodName + " \n";
}
throw new Error(errMsg);
}
</script>
File ini diperlukan untuk konfigurasi dan penanganan error
aplikasi silverlight. Pada bagian dari web tempat kita ingin menanamkan
aplikasi,lakukan listing berikut :
<object data="data:application/x-silverlight,"type="application/x-silverlight-2-b2"style="width: 100%; height: 200px; margin-right: 0px">
<param name="source" value="HeaderOke.xap"/>
<param name="onerror" value="onSilverlightError" />
a href="http://go.microsoft.com/fwlink/?LinkID=115261" style="text-decoration: none;">
<img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style: none"/></a>
</object>
Perhatikan type application diisi dengan varian aplikasi
silverlight kita. Untuk kali ini tim Libido menggunakan versi 2 beta 2. Untuk
melihat hasilnya, browser harus memiliki plug-in yang sesuai dengan versi
aplikasi yang kita buat.
Integrasi selesai. Mudah bukan ? Ya, tentu saja.
-
Libido , a passion to learn -