| Komang Juli Sap...'s profileJuli Sapta Putra's spaceBlogGuestbookNetwork |  Tools  Help |
Juli Sapta Putra's space |
|||||||||||||||||
|
November 19 Which Baby Are You ??
November 16 Inline XAML di silverlightStandardnya kalau kita membuat silverlight with javascript project (kebetulan saya menggunakan Expression Blend September Preview) kita akan dibuatkan yang namanya file scene.xaml (suatu file yang berisi code untuk silverlight content). Nah nantinya file scene.xaml ini yang akan diload untuk merender UI dari silverlight app kita pada saat pemanggilan fungsi Silverlight.CreateObjectEX(...).
Tetapi beberapa waktu lalu saya mengalami masalah dengan file xaml tersebut. Setelah saya upload, web site yang saya "tanamkan" silverlight didalamnya hanya memunculkan sebuah kotak warna hitam (kebetulan saya menggunakan background warna hitam untuk silverlight plugin-nya
 ) yang kalau diklik kanan muncul menu "Silverlight Configuration" tanpa ada isinya. Saya sempat bingung juga, karena kalau saya coba di komputer saya sendiri semuanya berjalan dengan baik. Setelah dicek ternyata hal ini disebabkan si silverlight engine tidak bisa merender UInya yang ada di file scene.xaml. Dan setelah melakukan investigasi menyeluruh  saya menemukan penyebabnya, ternyata IIS pada server yang akan dijadikan hosting tidak mengijinkan si web site untuk meload file yang berekstensi .xaml.Sebenarnya ada cara mudah untuk menyelesaikan hal tersebut yaitu dengan mendaftarkan MIME Types dan File Extensions di IIS di server sebagai berikut
Extension MIME Type
.xaml application/xaml+xml
.dll application/x-msdownload
Nah kalau kita tidak bisa mengutak-atik IIS pada server, kita bisa menggunakan cara kedua, yaitu dengan menggunakan INLINE XAML (xaml yang diletakkan di dalam page yang akan menjadi host dari silverlight plug in kita), dengan demikian kita tidak perlu menggunakan suatu file terpisah yang berekstensi .xaml.
Dibawah ini adalah contoh dari penggunaan Inline XAML
default.html
<html>
<head>
<title>Display Date</title>
<script type="text/javascript" src="Default.html.js"></script>
<script type="text/javascript" src="Silverlight.js"></script>
</head>
<body bgcolor="Orange">
<!-- Deklarasi Inline XAML -->
<script type="text/xaml" id="xamlContent"><?xml version="1.0"?>
<Canvas
xmlns="http://schemas.microsoft.com/client/2007"
Background="White">
<TextBlock
Canvas.Left="20"
FontSize="24"
Text="Test Inline XAML" />
</Canvas>
</script>
<div id="SilverlightControlHost" >
<script type="text/javascript">
createSilverlight();
</script>
</div>
</body>
</html>
default.html.js
function createSilverlight()
{ Silverlight.createObjectEx({ source: "#xamlContent", //ID dari tag yang berisi Inline XAML parentElement: document.getElementById("SilverlightControlHost"), id: "SilverlightControl", properties: { width: "360", height: "60", version: "1.0" }, events: { onLoad: null } }); } Porting dari silverlight 1.0 Beta ke 1.0Beberapa waktu yang lalu saya sempat mengerjakan sebuah web site yang menggunakan silverlight 1.0 versi beta. Nah tepat pada saat akan dilaunch (klo ga salah sekitar bulan agustusan) silverlight 1.0 beta berubah versi menjadi silverlight 1.0 RC1, saya tidak begitu memperhatikan akibat dari perubahan ini karena saya pikir versi baru (RC1 dan berikutnya) akan memiliki backward compatibility yang baik dengan versi sebelumnya. Tapi kenyataannya site yang saya kerjakan dengan silverlight versi beta itu tidak bisa diakses alias tidak muncul alias tidak jalan lagi
 . Ternyata usut punya usut engine silverlight 1.0 beta (klo di java scriptnya versi 0.9) sudah tidak disupport lagi, and mau ga mau saya harus "sedikit" merubah site saya (daripada harus bikin dari awal lagi  ) agar dapat berjalan menggunakan silverlight 1.0 (RC1 dan diatasnya).Ada beberapa bagian yang harus diubah saat melakukan porting dari silverlight 1.0 beta ke versi diatasnya, antara lain
function createSilverlight() if (!window.Sys) Sys.Silverlight.createDelegate = function(instance, method) { Pada script diatas terdapat kata "Sys.", nah ini akan menjadi masalah kalau kita menggunakan versi 1.0 RC1 dan diatasnya. Hal ini disebabkan Sys tidak lagi digunakan untuk merujuk Silverlight instance pada versi RC1 dan diatasnya. Untuk itu kita tinggal menghapus kata "Sys.". dari script diatas (dan di beberapa fungsi di file javascript yang lain). Selain itu kita juga harus mengubah version di propertiesnya dari "0.9" menjadi "1.0" Sehingga sekarang scriptnya akan menjadi function createSilverlight() var scene; if (!window.Silverlight) Silverlight.createDelegate = function(instance, method) {
Mungkin ada hal-hal lain yang masih harus dilakukan, tetapi minimal langkah-langkah diatas sudah dapat membantu saya untuk melakukan porting dari silverlight 1.0 Beta ke silverlight 1.0 RC 1 atau diatasnya. Nah setelah melakukan langkah-langkah diatas kita bisa melakukan testing dengan menjalankan site yang sudah kita porting tadi menggunakan engine silverlight 1.0 RC 1 atau diatasnya. Kalau tidak ada masalah berarti kita sudah sukses melakukan porting, kalau masih terdapat masalah (misalnya muncul error "function not supported" berarti ada beberapa fungsi lain yang harus dihapus atau diganti dengan fungsi lebih baru, untuk itu kita bisa search di silverlight documentation
September 13 Hello World......Klo baca judulnya mungkin ada yang teringat dengan program pertama yang dibuat setiap kita mempelajari suatu bahasa pemrograman
 .Yup, halo dunia....... ini adalah posting pertama yang saya tulis untuk blog yang pertama juga, semoga selanjutnya saya bisa tetap menulis hal2 yang berguna buat orang lain, temen2, komunitas, bangsa dan negara (buset dah......  ). Pokoknya tetap semangat........!!!!!  |
|
||||||||||||||||
|
|
