Futorial

Settingan awal untuk memulai proyek dengan TFS (Security settings for TFS, WSS, and SQL Server Reporting Services)

Fuady Rosma Hidayat — Thu, 31 Jul 2008 15:04:40 GMT

Yak, post ini kembali merupakan kisah lanjutan dari sebuah software house bernama Milanello yang baru saja akan memulai sebuah software development, yaitu proyek yang diberi nama LegaCalcio0809. Bagi yang bingung tentang post ini, silahkan tengok-tengok di post saya sebelumnya:

Nah, pada episode sebelumnya (halahh...), admin TFS telah membuatkan sebuah Team Project baru untuk tim Milanello. Nah, setelah Team Project dibuat, janganlah dulu langsung memulai proyek, karena tentunya ada beberapa pengaturan yang terkait dengan masalah keamanan (security). Artinya, kita harus menentukan siapa-siapa saja, user dan group mana saja yang bisa berkontribusi di Team Project ini. Dan bukan hanya TFS lho yang harus kita "amankan", melainkan juga portal di Windows SharePoint Services dan SQL Server Reporting Services.

Oke, tanpa banyak teori, kita lanjut ke praktek aja yah!

Langkah 1: Mengamankan TFS.

Pada Windows Server 2003 yang ada di VPC, bukalah Visual Studio 2008. Cek apakah proyek LegaCalcio0809 sudah muncul di Team Explorer. Jika belum muncul, klik lambang atau bisa juga klik kanan nama server (GANDALF), kemudian pilih Add Existing Team Project. Pada window Connect to Team Foundation Server, beri tanda pada check box LegaCalcio0809, kemudian klik tombol OK. Setelah itu, tentunya proyek LegaCalcio0809 akan muncul di Team Explorer. Nah, klik kanan proyek LegaCalcio0809, kemudian pilih Team Project Settings > Group Membership...

Kik ganda group yang bernama [LegaCalcio0809]\Contributors. Akan muncul window Properties untuk group tersebut. Kita akan menambahkan lima group yang telah dibuat sebelumnya ke dalam group Contributors ini. Caranya yaitu dengan memilih radio button Windows User or Group, kemudian klik tombol Add...

Setelah itu akan muncul window Select Users or Groups. Ketikkan group-group berikut:

LegaCalcio0809ProjectManager; LegaCalcio0809Architect; LegaCalio0809DatabaseAdministrator; LegaCalcio0809Developer; LegaCalcio0809Tester;

Untuk lebih meyakinkan, klik tombol Check Names. Setelah itu, klik tombol OK.

Pastikan bahwa lima group tersebut termasuk dalam member dari group Contributors. Setelah itu, klik tombol OK.

Klik tombol Close. Dengan ini, Team Project LegaCalcio0809 bisa diakses oleh account-account yang berada dalam group LegaCalcio0809ProjectManager, LegaCalcio0809Architect, LegaCalio0809DatabaseAdministrator, LegaCalcio0809Developer, dan LegaCalcio0809Tester yang tentunya berisi 10 anggota tim Milanello.

Langkah 2: Mengamankan WSS.

Masih di Team Explorer, klik kanan proyek LegaCalcio0809, kemudian pilih Show Project Portal...

Secara otomatis, Visual Studio akan membuka Internet Explorer (atau mungkin browser lainnya, tergantung settingan kita di Visual Studio), yang membuka situs portal dari proyek LegaCalcio0809. Pada halaman utama portal ini, klik Site Actions yang berada di kanan atas, kemudian pilih Site Settings.

Setelah itu, Anda akan dibawa ke halaman Site Settings. Perhatikan bahwa terdapat kolom Users and Permissions. Klik link bertuliskan People and groups.

Pada halaman People and Groups, klik New, kemudian pilih Add Users

Isi textbox Users/Groups dengan group-group sebagai berikut:

LegaCalcio0809ProjectManager; LegaCalcio0809Architect; LegaCalcio0809DatabaseAdministrator; LegaCalcio0809Developer; LegaCalcio0809Tester;

Pada pilihan Give user permission directly, beri tanda pada check box Contribute. Setelah itu, klik tombol OK.

Setelah menunggu sesaat, WSS kembali ke halaman Permissions dan sekarang telah berisi group-group yang baru saja kita tambahkan. Yups! WSS sudah aman dan bisa digunakan oleh group LegaCalcio0809ProjectManager, LegaCalcio0809Architect, LegaCalio0809DatabaseAdministrator, LegaCalcio0809Developer, dan LegaCalcio0809Tester yang tentunya berisi 10 anggota tim Milanello.

Langkah 3: Mengamankan SQL Server Reporting Services

Begitu terintegrasinya TFS dengan WSS dan SQL Server, sehingga setiap Team Project telah dibuatkan report-reportnya dengan memanfaatkan teknologi Reporting Services milik SQL Server (dalam kasus ini SQL Server 2005). Nah, untuk masalah report, kita juga perlu membuat akses dan pengamanan sehingga tidak sembarang orang bisa melihat report, tidak sembarang orang bisa membuat report dan mengedit report. Langsung daaah...

Pada Team Explorer, di proyek LegaCalcio0809, terdapat folder Reports. Nah, klik kanan folder Reports, kemudian pilih Show Report Site...

Secara otomatis, Visual Studio akan membuka Internet Explorer yang sedang membuka halaman report untuk proyek LegaCalcio0809. Pada halaman tersebut, klik menu Properties (terletak di kiri atas, di sebelah menu Contents).

Nah, Anda akan dibawa ke halaman Properties. Pada halaman ini, klik link Security yang berada di panel kiri.

Setelah itu, pilih menu bertuliskan Edit Item Security

Klik New Role Assignment

Perhatikan dengan seksama pilihan-pilihan yang ada, karena ini akan menentukan group apa bisa melakukan apa. Dalam kasus ini, saya memberikan tanda pada check box Publisher untuk lima group, yaitu LegaCalcio0809ProjectManager, LegaCalcio0809Architect, LegaCalio0809DatabaseAdministrator, LegaCalcio0809Developer, dan LegaCalcio0809Tester. Sayangnya, kita harus melakukannya satu persatu.

Setelah lima group tersebut ditambahkan, maka tentunya halaman Security pada Reporting Services untuk LegaCalcio0809 akan tampil seperti berikut

Nahh... dengan ini, kita telah menyiapkan sistem akses dan keamanan untuk SQL Server Reporting Services dan melengkapi persiapan untuk akhirnya memulai proyek LegaCalcio0809. Pada post selanjutnya, kita akan memulai proyek dengan menjadi Project Manager. See you!

Share this post: | | | |

Membuat proyek pertama di TFS

Fuady Rosma Hidayat — Wed, 30 Jul 2008 13:17:30 GMT

Post ini merupakan lanjutan dari post sebelumnya yang menjelaskan tentang persiapan administrasi di Windows Server sebelum menggunakan TFS sebagai tools dalam melaksanakan software development. Pada post ini, kita akan membuat sebuah Team Project. Team Project berbeda dengan Solution dan Project yang biasa kita buat dengan Visual Studio. Team Project adalah sebuah software development project, bukan application project atau web project. Pada Team Project tidak terdapat file-file C#, VB, ASP.NET, melainkan terdapat Work Items, Documents, Reports, Builds, dan Source Control. Untuk lebih jelasnya, maka kita coba saja langsung membuat sebuah Team Project.

Untuk membuat Team Project, Anda bisa melakukannya di client, bukan di server. Contohnya, saya melakukannya di Vista saya. Asalkan di Vista saya terinstall Visual Studio Team Explorer, maka saya bisa membuat sebuah Team Project. Team Explorer bisa dibilang merupakan add-in untuk Visual Studio, di mana ia mengkonsumsi web service-web service yang dibuat oleh TFS, sehingga bisa berkomunikasi dengan TFS. Visual Studio Team Explorer bisa di-download di sini. Setelah saya install Team Explorer, saya bisa membuka window Team Explorer pada Visual Studio saya. Buka Visual Studio, kemudian pada menu View, pilih Team Explorer. Saya biasanya menempatkannya di tempat yang sama dengan Solution Explorer dan Server Explorer.

Selain window Team Explorer, ada menu baru yang ditambahkan, yaitu New Team Project yang ditujukan untuk membuat Team Project. Pada menu File, pilih New Team Project... Akan muncul window Connect to Team Foundation Server. Pilih server yang diinstall TFS, kemudian klik OK.

Ketikkan username dan password admin TFS, kemudian klik OK.

Akan muncul wizard untuk membuat Team Project. Ketikkan LegaCalcio0809 sebagai nama proyek, kemudian klik Next.

Pilih MSF for Agile Software Development - v4.2 sebagai process template. MSF for Agile cocok untuk tim development yang jumlah anggotanya relatif sedikit, misalnya 5 - 10. Atau bahkan bisa saja hingga 3 orang. MSF for CMMI cocok untuk tim yang jumlah anggotanya banyak. Pilih MSF for Agile, kemudian klik Next.

Tulsikan deskripsi proyek, kemudian klik Next.

Jika ini adalah proyek baru, pilih Create an empty source control folder. Jika proyek yang akan dibuat merupakan percabangan dari proyek yang ada, pilih Create a new source control branch. Jika belum ingin menggunakan source control, pilih Do not create a source control folder at this time. Untuk kasus ini, pilih Create an empty source control folder, kemudian klik Next.

Pada window selanjutnya, klik Finish.

Tunggu sampai pembuatan Team Project selesai.

Setelah selesai, beri tanda pada check box Launch the process guidance for more information about running team project, kemudian klik Close.

Process guidance yang dimaksud di-host di server dan merupakan web yang dibangun di atas WSS, sehingga perlu koneksi ke server lagi untuk memperoleh hak masuk di WSS.

Setelah login, Visual Studio akan membuka internal Web Browser yang sedang memperlihatkan halaman home dari website process guidance.

Kemudian, pada Team Explorer akan muncul Team Project yang baru saja dibuat, yakni LegaCalcio0809.

Selamat! Anda telah membuat Team Project pertama Anda! Tunggu post saya selanjutnya yah...

Share this post: | | | |

Darren, Ugghhhh... lucunyaaa!!!

Fuady Rosma Hidayat — Wed, 30 Jul 2008 12:36:38 GMT

Kalo ke rumah Z pada saat-saat begini, pasti asyik banget! Coz ada Darren, yang imutnya minta ampun! Hehee... dia itu seneng banget sama orang lain, jadi gak nangis kalo digendong, atau diajak bercanda. Malah doyan. Apalagi pas gua deketin sama laptop, langsung deh pegang-pegang keyboard sama mouse. Udah gitu, ada bakat juga jadi foto model.

Beda banget antara yang terawat dengan yang sangat terawat.. (hihiii.. ngeles)

Pipinya minta dicubiiiittt

Lagi diledekin juga masih cute...!

Hmmmffhhh... jadi pengeeenn....!

Sooonyaaaaa..... (lho???)

Darren, nanti kalo dah bisa berdiri dan lari, pokoknya gua jadiin pemain sepakbola yang jago abis yah! No one can run as fast as you! No one can pass as accurate as you!

Share this post: | | | |

Persiapan menggunakan TFS

Fuady Rosma Hidayat — Wed, 30 Jul 2008 10:33:14 GMT

Langkah 1: Membuat user-user untuk anggota tim software development

Post ini merupakan lanjutan dari post sebelumnya, sehingga environment yang saya gunakan pada post ini adalah hasil dari proses instalasi TFS pada post sebelumnya. Nah, setelah TFS berhasil diinstal, cerita selanjutnya adalah kita akan melakukan suatu software development dengan memanfaatkan TFS. Hal itu masih beberapa langkah di depan, karena sebelumnya kita harus menyiapkan terlebih dahulu. Supaya terlihat sebagai sebuah kisah (walaupun khayalan), ada baiknya saya menghadirkan sebuah software house fiktif yang berisi orang-orang yang juga fiktif. Jika ada kesamaan nama, tempat, dan hal lainnya, ya sebagian memang disengaja karena saya merupakan penggemar. Hehe...

Alkisah ada sebuah software house bernama Milanello, yang berisi anggota sebagai berikut:

Carlo Ancelotti
Mauro Tassotti
Paolo Maldini
Allessandro Nesta
Andrea Pirlo
Ricardo Kaka
Clarence Seedorf
Filippo Inzaghi
Ronaldinho Gaucho
Alexandre Pato

Nah, untuk itu, kita buat dulu account untuk mereka. Sebaiknya kita buat account di Active Directory. Namun karena saya menggunakan Single Server Deployment ketika menginstal TFS, dan TFS tidak bisa diinstal di server yang memiliki role sebagai domain controller, sehingga di sini saya hanya menggunakan account biasa, bukan Active Directory. Untuk membuat account di Windows Server 2003, klik Start > Administrative tools > Computer Management.

Nanti akan muncul window Computer Management. Pada window ini, expand folder Local Users and Groups, kemudian klik folder Users sehingga tampil user-user yang ada din Windows Server 2003 ini. Kita akan buatkan account untuk setiap anggota Milanello. Caranya adalah dengan klik kanan di folder Users, kemudian pilih New User...

Nah, buatkan account untuk setiap user. Agar nantinya tidak merepotkan, pilih check box Password never expires. Dalam kasus ini, saya membuat account berikut

Carlo Ancelotti : ancelotti
Mauro Tassotti : tassotti
Paolo Maldini : maldini
Allessandro Nesta : nesta
Andrea Pirlo : pirlo
Ricardo Kaka : kaka
Clarence Seedorf : seedorf
Filippo Inzaghi : inzaghi
Ronaldinho Gaucho : ronaldinho
Alexandre Pato : pato

Langkah 2: Membuat group-group untuk sebuah proyek

Setelah semua account dibuat, kita akan membuat beberapa buah group sesuai dengan peran yang ada pada suatu project. Ya, group dibuat berdasarkan proyek yang hendak dikerjakan. Misalnya, Milanello akan mengerjakan sebuah proyek besar yang diberi nama LegaCalcio0809. Untuk itu, admin TFS sebaiknya menyediakan group-group yang khusus ditujukan untuk proyek ini. Jika di kemudian hari ada proyek yang berbeda, admin TFS juga sebaiknya menyediakan group yang berbeda. Kenapa? Karena mungkin saja di suatu proyek, seseorang berperan sebagai developer, tapi di proyek lain ia berperan sebagai tester. Dengan demikian, pembuatan group memang ditujukan untuk setiap proyek. Oke, kita mulai dengan proyek pertama, yaitu LegaCalsio0809. Untuk proyek ini, kita akan membuat lima buah group, yaitu untuk peran Project Manager, Architect, Developer, Database Administrator, dan Tester. Cara membuat group mirip dengan membuat user. Klik kanan folder Groups, kemudian pilih New Group...

Dalam kasus ini, saya membuat group-group sebagai berikut:

LegaCalcio0809ProjectManager, anggota: ancelotti, tassotti
LegaCalcio0809Architect, anggota: pirlo, kaka
LegaCalcio0809Developer, anggota: seedorf, ronaldinho
LegaCalcio0809DatabaseAdministrator, anggota: maldini, nesta
LegaCalcio0809Tester, anggota: inzaghi, pato

Untuk menambah anggota, pada saat membuat group, klik tombol Add...

Pada window Select Users, tulis username yang menjadi anggota dari group tersebut. Pisahkan username satu dengan lainnya dengan titik koma.

Jika ingin memastikan apakah username yang dimasukkan sudah benar, klik Check Names. Jika sudah, klik tombol OK.

Kembali ke window New Group yang kali ini sudah tertera dua username yang menjadi anggota dari group tersebut. Klik tombol Create untuk membuat group ini.

Lakukan berulang kali hingga lengkap menjadi lima buah group. Dengan demikian, untuk urusan administrasi, persiapan untuk nantinya menggunakan TFS dan VSTS bisa dibilang sudah selesai. Selamat mencoba!

Share this post: | | | |

TFS Installation Guide - Single Server Deployment - lengkap dengan gambar

Fuady Rosma Hidayat — Mon, 28 Jul 2008 13:25:00 GMT

Untuk yang ingin coba menginstall Team Foundation Server 2008, berikut ada e-book buatan saya, lengkap dengan gambar, langkah demi langkah. Bahkan, saya juga melakukannya dari nol, yaitu dari menginstall Windows Server 2003 di VPC. Sehingga, bagi Anda para pemula (saya juga termasuk lho), bahkan bagi yang belum pernah menyentuh VPC, e-book ini akan sangat berguna. Langkah demi langkah dibahas mulai dari menginstall Windows Server 2003 di VPC, konfigurasi VPC agar bisa ngobrol dengan OS yang jadi host, install SQL Server 2005 hingga akhirnya install TFS 2008.

Silahkan download di sini

Download software yang dibutuhkan:

By the way, apa itu TFS 2008? Hmm, singkatnya, TFS 2008 adalah tulang punggung bagi tim development untuk melakukan development yang terintegrasi, petunjuk yang lengkap, proses yang terkontrol, sehingga akhirnya menghasilkan software yang berkualitas. Lebih lengkapnya lagi, tunggu post saya selanjutnya tentang TFS dan VSTS!

Share this post: | | | |

Project Runes

Fuady Rosma Hidayat — Tue, 03 Jun 2008 03:03:00 GMT

Enterprise Application Laboratory dan Microsoft Innovation Center Universitas Indonesia menggiatkan anggotanya untuk rajin menulis. Kegiatan ini kami sebut Project Runes. Nah, hasil tulisannya di-upload di SkyDrive milik MIC UI.

Silahkan membaca.. ^_^

Share this post: | | | |

Visual Studio Professional di bhinneka.com

Fuady Rosma Hidayat — Mon, 12 May 2008 04:36:00 GMT

Visual Studio Professional bisa dibeli secara online di bhinneka.com..!

Di halaman depan bhinneka...

Kalau diklik akan ada list of Microsoft products yang related to developer tools. Ada Visual Studio, ada Visio, ada Visual FoxPro, sampai Expression Family.

Nah, ini kalau lagi melihat detail Visual Studio Professional.

Share this post: | | | |

Petunjuk instalasi Team Foundation Server 2008

Fuady Rosma Hidayat — Thu, 08 May 2008 09:31:00 GMT

Untuk Quick Installation Guide, silahkan baca post Naren di sini. Kalau yang mau baca versi lengkap, silahkan download di sini. Namun kalau mau agak lebih detail lagi, yuk kita bahas.

Pertama, saya asumsikan bahwa di komputer Anda sudah ter-install Virtual PC yang di dalamnya baru saja ter-install Windows Server 2003 dan Anda hanya ingin menggunakan satu server saja. Saya asumsikan Windows Server nya belum diberikan role apa-apa. Karena TFS 2008 tidak bisa di-install di Windows Server yang memiliki role sebagai domain controller.

Pertama-tama, login sebagai Administrator. Setelah itu, klik Start > Administrative Tools > Computer Management
Pada window Computer Management, pilih folder Users di dalam Local Users and Groups
Buatlah 5 User baru di Windows Server ini, yaitu TFSSETUP, TFSSERVICE, TFSREPORTS, TFSPROXY, dan WSSSERVICE. Caranya: Klik kanan folder Users, kemudian pilih New User…
Kemudian, jadikanlah user TFSSETUP sebagai anggota dari grup Administrator. Caranya: Klik kanan pada user TFSSETUP, pilih Properties. Pada window Properties, pilih tab Member Of kemudian klik tombol Add… Ketik Administrators di text box yang tersedia. Klik tombol Check Names untuk memastikan. Biasanya, akan ditambahkan nama server sebelum grup Administrator. Misalnya nama server saya adalah GANDALF, sehingga grup Administrator secara lengkap dituliskan sebagai GANDALF\Administrators. Cukup TFSSETUP saja yang dimasukkan ke grup Administrators. Empat user lainnya jangan dimasukkan.
Logoff dari Windows kemudian login kembali namun sebagai TFSSETUP.
Aktifkan IIS 6 dan ASP.NET. Caranya: Klik Start > Control Panel > Add or Remove Programs.
Pada window Add or Remove Programs, klik Add/Remove Window Components.
Pada window Windows Component Wizard, klik ganda Application Server. Pastikan ASP.NET dalam keadaan terpilih. Kemudian klik ganda Internet Information Services (IIS). Pastikan bahwa FrontPage 2002 Server Extension tidak dalam keadaan terpilih.
Setelah itu pilih OK pada window Internet Information Services (IIS) dan klik OK juga pada window Application Server. Klik Next pada Windows Components Wizard. CD Windows Server 2003 akan dibutuhkan untuk install IIS. Tunggu sampai selesai, kemudian klik Finish.
Update windows Anda ke http://windowsupdate.microsoft.com.
Masih sebagai TFSSETUP, install SQL Server 2005 (boleh Standard Edition, boleh juga Enterprise Edition). Dalam meng-install SQL Server 2005, hal yang perlu diperhatikan adalah: Install semua komponen kecuali Notification Services, dan gunakan Local System Account untuk account service-nya.TFS tidak butuh komponen Integration Services, Notification Services, or Workstation Components, Books Online, dan Development Tools. Kemudian pada Instance Name, pilih Default Instance. Pilih Windows Authentication pada Authentication Mode. Pada halaman Report Server Installation Options, klik Install but do not configure the server. Nanti Team Foundation Server yang akan mengkonfigurasikan report server untuk Anda.
Setelah selesai menginstal SQL Server 2005, install SQL Server Service Pack 1 dan Service Pack 2.
Setelah itu, seharusnya kita meng-install Windows SharePoint Services. Namun nanti software ini akan otomatis di-install-kan seiring dengan meng-install Team Foundation Server 2008.
Maka dari itu, kita langsung install Team Foundation Server 2008. Pada proses instalasi TFS 2008, hal-hal yang perlu diperhatikan adalah: gunakan account-account yang sebelumnya telah dibuat (TFSSERVICE, TFSREPORTS, TFSPROXY, dan WSSSERVICE) untuk fungsinya masing-masing.

Share this post: | | | |

Baru Banget Belajar Silverlight 1.0

Fuady Rosma Hidayat — Wed, 19 Mar 2008 06:09:00 GMT

Yow.. yoww... Basi gak basi, gapapa lah.. namanya juga ilmu. Heheheee!

Buat yang baru banget belajar Silverlight, yuk kita belajar bareng! Jangan khawatir... Silverlight itu umurnya baru sekitar 1 tahun. Jadi sama sekali nggak terlambat kalau baru belajar sekarang.

"Sekarang?"

"Iya sekarang. Gak usah tunggu besok dahh.."

"Tapi kan susah?"

"Siapa bilang? Coba aja ikutin langkah di bawah ini.."

Supaya rapih, bikin folder dulu deh. Misalnya nama foldernya BelajarSilverlight dan ada di drive D. Jadi lengkapnya D:\BelajarSilverlight\.
Siapin file JavaScript yang namanya Silverlight.js. Script ini bisa didapat kalau udah install Silverlight 1.0 SDK. Setelah install SDK nya, kita bisa ambil file Silverlight.js di C:\Program Files\Microsoft Silverlight 1.0 SDK\Tools\Silverlight.js\. File Silverlight.js ini merupakan script pembantu yang memungkinkan content Silverlight untuk bisa tampil di halaman web.
Nah, copy file Silverlight.js ke D:\BelajarSilverlight\. Jangan lupa... copy file Silverlight.js-nya, jangan folder Silverlight.js-nya.
Yang namanya content Silverlight itu akan tampil di suatu halaman web. Nah, maka dari itu kita buat sebuah halaman web (masih tetep di folder D:\BelajarSilverlight\). Misalnya kita beri nama belajar.html.
```
<html>
<head>
    <title>Belajar Silverlight</title>
</head>
<body>

</body>
</html>
```

Nah, pada halaman belajar.html, siapin sebuah elemen div. Elemen div ini nantinya akan berfungsi sebagai "rumah" bagi content Silverlight.

<html>
<head>
    <title>Belajar Silverlight</title>
</head>
<body>
    <div id="rumahnyaSilverlight" style="width:400px; height:400px;"></div>
</body>
</html>

Trus jangan lupa bikin referensi ke Silverlight.js.

<html>
<head>
    <title>Belajar Silverlight</title>
    <script type="text/javascript" src="Silverlight.js"></script>
</head>
<body>
    <div id="rumahnyaSilverlight" style="width:400px; height:400px;"></div>
</body>
</html>

Hmm.. sekarang kita bikin content Silverlight-nya. Gak usah repot-repot deh, kita cuma mau bikin tulisan Silverlight is cool! aja kok. Nah, pertama-tama, buat sebuah file kosong di folder D:\BelajarSilverlight\ dengan nama belajar.xaml.
Di dalam belajar.xaml, kita bikin dulu Canvas utama. Canvas ini adalah induk dari semua objek Silverlight. Artinya, semua objek Silverlight akan berada di dalam Canvas ini. Nah, pada Canvas utama ini kita harus kasih properti xmlns untuk memberitahukan namespace Silverlight mana yang kita pakai dan (kalau perlu) kasih properti xmlns:x untuk memberitahukan namespace XAML mana yang kita pakai. Nah, selain xmlns dan xmlns:x, Canvas juga memiliki properti lain, misalnya Background untuk mengatur warna latar belakang, Width untuk mengatur lebar Canvas dan Height untuk mengatur tinggi Canvas.
```
<Canvas
    xmlns="http://schemas.microsoft.com/client/2007"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Background="Blue" Width="400" Height="400">

</Canvas>
```

Kemudian kita buat tulisan Silverlight is cool! dengan menggunakan TextBlock

<Canvas
    xmlns="http://schemas.microsoft.com/client/2007"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Background="Blue" Width="400" Height="400">

    <TextBlock Text="Silverlight is Cool!" />

</Canvas>

Nah.. urusan halaman web udah selesai, urusan content Silverlight udah selesai. Trus sekarang tinggal menghubungkan halaman web dengan content Silverlight, tentunya dibantu dengan script pada Silverlight.js.
Kita buat file JavaScript di folder D:\BelajarSilverlight\ dengan nama belajar.js (supaya rapih dan mudah diingat). File JavaScript ini akan menghubungkan content Silverlight dengan Silverlight.js. Pada belajar.js, kita akan membuat sebuah fungsi yang memanggil fungsi. Nah lho?? Gapapa lah... gampang lah itu.. Jadi gini. Di Silverlight.js, ada fungsi yang bernama createObject. Nah, fungsi inilah yang akan kita panggil. Fungsi ini butuh beberapa parameter untuk menentukan tampilan dan perilaku content Silverlight kita. Misalnya, file XAML mana yang jadi content Silverlight, elemen div mana yang jadi rumah bagi content Silverlight, berapa lebar dan tinggi content Silverlight, apa warna background Silverlight, dan seterusnya. Fungsi ini akan kita panggil di dalam file belajar.js, atau lebih tepatnya lagi di dalam sebuah fungsi pada file belajar.js.
Kenapa harus membuat fungsi lagi untuk memanggil fungsi createObject? Karena untuk memudahkan kita memanggilnya pada halaman web. Yups! Kita gak mau repot menulis script panjang-panjang di halaman web kan? So... idenya adalah: nanti di halaman web nya kita akan memanggil sebuah fungsi pada belajar.js. Nah, cukup dengan memanggil fungsi tersebut, maka kita bisa menampilkan content Silverlight di halaman web.

Nah kita buat fungsi yang kita bahas barusan dengan nama createMySilverlight.

function createMySilverlight(hostName)
{
    var host = document.getElementById(hostName);

    Silverlight.createObject
    (
        "belajar.xaml", host, "MySilverlightControl",
        {
            width:'400',
            height:'400',
            inplaceInstallPrompt:false, 
            background:'Black',
            isWindowless:'true',
            framerate:'24', 
            enableFramerateCounter:'false',
            version:'1.0'
        },
        {
            onError:null,
            onLoad:null
        },
        null
    );
}

Ok! Hampir selesai nih. Kembali ke halaman web, kita panggil fungsi createMySilverlight setelah elemen div dan jangan lupa bikin referensi ke belajar.js.

<html>
<head>
    <title>Belajar Silverlight</title>
    <script type="text/javascript" src="Silverlight.js"></script>
    <script type="text/javascript" src="belajar.js"></script>
</head>
<body>
    <div id="rumahnyaSilverlight" style="width:400px; height:400px;"></div>
</body>
</html>

Kalau semua sudah beres, maka kita bisa lihat hasilnya (halaman belajar.html) di browser.

Nahh.. gampang kan? Selamat belajar Silverlight!

Share this post: | | | |

Tampil Beda

Fuady Rosma Hidayat — Wed, 19 Mar 2008 02:40:43 GMT

Huaahhhh... setelah "tertidur" selama lebih dari satu tahun, saya kembali memberikan kesempatan kepada diri saya untuk menulis. Ayo Fuuuuu! Tulis tulis tulisss! Yahhh.. oke lah. Saya coba lagi. Anggap saja saya anak baru lahir kemarin sore. Ya memang toh pengetahuan yang saya punya pun masih sangat sedikit. Jadi para pembaca jangan kecewa yah, kalo isinya kok ece-ece... alias gampang-gampang.. Mohon maaf karena saya pun baru saja belajar.

Hmm, supaya semangat, saya coba untuk tampil beda dengan blogger lain di Geeks. Sambil iseng-iseng kemarin saya utak-atik lah tampilannya. Ya jadinya gini deh.

Semoga membuat kesan tersendiri yah!

Hoiya, blog ini juga saya beri nama Futorial yang kebetulan sejak satu tahun terakhir ini Futorial adalah brand saya dalam memberikan tutorial kepada teman-teman di kampus. Selamat menikmati...

Futorial: a Fu-styled tutorial!

Share this post: | | | |

Seorang Fuady

Fuady Rosma Hidayat — Tue, 06 Mar 2007 04:31:00 GMT

Assalamu'alaikum wr wb

Perkenalkan, nama saya Fuady Rosma Hidayat. Biasa dipanggil cukup dengan dua huruf, FU. Rumah sendiri blom punya, tapi rumah orang tua ada di Condet, Jakarta Timur. Hmm.. deket Pasar Minggu lah..

Sekarang sedang menjalani kuliah semester ke-8 (semoga semester yang terakhir) di Fakultas Ilmu Komputer UI. Dulu sekolah di SDN Balekambang 01 pagi, SMPN 49 Jakarta, dan SMUN 14 Jakarta. Dari dulu punya hobi yang gak berubah: Sepakbola dan To Face Challenges.

I'm a joker, I used to be a leader, but actually I'm only an ordinary learner.

Mulai kenal .NET sejak kuliah semester 5, dulu jadi Project Manager di mata kuliah Proyek Perangkat Lunak dengan Mr Amri Hidayat sebagai Supervisornya. A very huge thanks to Mr Amri, Anwar Chandra, and Sagi Arsyad untuk ilmu-ilmu yang telah dibagikan kepada saya. Saya mendalami ASP.NET dengan sedikit bumbu AJAX, biasa pake Visual Web Developer 2005 Express Edition dan tentunya SQL Server 2005 Express Edition.

Saat ini saya dipercaya sebagai Microsoft Student Ambassador untuk Universitas Indonesia. Hmm, aneh memang, karena saya sama sekali tidak terkenal di dunia maya. Bahkan menulis blog pun tidak. Tapi, seperti yang Pak Agung Riyadi bilang, kita kudu rajin nulis di web.. Well, bener banget sih. Semoga saya jadi orang yang rajin menulis.

Well, mungkin itu dulu aja kali ya..

Salam kenal.. dan wassalamu'alaikum wr wb

Share this post: | | | |