Rully Yulian MF

Microsoft Technology Update at Poltek Pos Bandung By MUGI Bandung

yulian — Mon, 15 Jun 2009 23:16:00 GMT

Pada hari sabtu tanggal 13 Juni 2009 Mugi Bandung seperti biasa melanjutkan misi road show campus to campus dalam rangka mensosialisasikan teknologi-teknologi terbaru dari Microsoft dan pengenalan tentang lisensi produk-produk Microsoft.

Kali ini kampus yang dikunjungi yaitu Politeknik Pos Bandung. Tema yang diusung oleh Mugi Bandung dan Poltek Pos yaitu Microsoft Technology Update. Acara ini dihadiri oleh sekitar 300 mahasiswa dari berbagai jurusan yang terdapat di Poltek Pos selain Teknik Informatika dan Manajemen Informatika.

Saya ucapkan terima kasih kepada panitia dan pihak kampus dari jurusan TI dan MI yang telah menyelenggarakan acara ini dengan lancar dan sukses.

Berikut adalah foto-foto kegiatan pada saat acara tersebut berlangsung :

The Audience :

Pengenalan MUGI Bandung kali ini agak sedikit berbeda dengan biasanya. Sesi ini dibawakan oleh Dani Rusda (Mugi Kampus Unikom) dimana biasanya disampaikan oleh Ketua Mugi Bandung atau Humas Mugi Bandung :

Lisensi Produk Microsoft seperti biasa dibawakan oleh sang ahlinya yaitu Irsan S :

Ronald R membawakan materi WPF 4.0 For Windows 7 :

Bobby NH membawakan materi tentang Active Directory di Windows Server 2008 :

Bobby I Zulkarnain membawakan materi tentang Windows Server R2 :

Andik Susilo menyampaikan materi tentang Windows 7 RC1 :

Saya sendiri (Rully Yulian MF) menyampaikan materi tentang Developing Windows Mobile 6.x Application Using Microsoft .NET :

Andri Yadi membawakan materi tentang Astoria (ADO.NET Data Services) :

Tidak terlewatkan juga hadir ketua Mugi Bandung (Firstman Marpaung) :)

Sudah pasti foto bersama panitia tidak terlewatkan juga :)

Kalau yang satu dibawah ini mutlak atau wajib sifatnya, yaitu Makan-makan setelah speaking :)

Thx to Poltek Pos Bandung! Event berikutnya yaitu di Unikom pada tanggal 4 Juli 2009 (Hmmmm…makan-makan lagi nih :D )

Share this post: | | | |

First Look Of Some New Beta 1 VB 10 Language Features (Part-1)

yulian — Thu, 21 May 2009 11:23:00 GMT

Pada artikel kali ini saya akan membahas beberapa fitur baru dari sisi language untuk bahasa VB 10 Beta 1. Adapun beberapa language fitur yang akan dibahas disini yaitu : Array Literals, Collection Initializer, Implicit Line Continuation, Auto Implemented Properties and Property Value Initialization, Multiline Lambda Function and Sub Lambdas.

Penjelasan dari fitur-fitur baru tersebut dituliskan didalam code comment.

1. Implicit Line Continuation

    '//Penggunaan underscore di VB digunakan untuk memecah
    '//kode program menjadi beberapa baris
    '//Pada VB 10 penggunaan underscore ini dihilangkan
    '//untuk kondisi-kondisi tertentu, fitur ini disebut dengan
    '//Implicit Line Continuation
    '//kondisi dimana fitur ini dapat digunakan yaitu :

    '1.    Setelah attribute
    '2.    Setelah koma
    '3.    Setelah titik
    '4.    Setelah binary operator
    '5.    Setelah LINQ query clause
    '6.    Setelah a (, {, or <%=
    '7.    Sebelum a ), }, or %>

    '//Implicit Line Continuation setelah penggunaan Attribut
    <System.ComponentModel.Browsable(True)>
        <System.ComponentModel.Category("Roel's Category")>
        Public Property GetColor As System.Drawing.Color = Color.Azure

    '//Implicit Line Continuation setelah penggunaan koma, (, dan )
    Private Function FuncWithImplicitLineContinuation(
                                                     ByVal teks As String,
                                                     ByVal title As String
                                                     ) As DialogResult

        Return MessageBox.Show(teks, title, MessageBoxButtons.YesNo,
                               MessageBoxIcon.Question
                               )

    End Function

    Private Sub AnotherImplicitLineContinuation()

        '//Implicit Line Continuation setelah LINQ query clause, {, dan }
        Dim bilGenap =
            From num In
            {
                1,
                2,
                3
            }
            Where num Mod 2 = 0
            Select num


        '//Implicit Line Continuation setelah <%=, %>, {, dan }
        Dim bookList As List(Of Book) = New List(Of Book) From
            {
                {1, "Visual Basic 10"},
                {2, "Visual C# 4.0"}
            }


        Dim itsEasyToCreateXMLFileUsingXMLLiterals =
            <Books>
                <%=
                    From book In bookList
                    Select <Book ISBN=<%=
                                          book.ISBN
                                      %>>
                               <Title><%=
                                          book.Title
                                      %></Title>
                           </Book>
                %>
            </Books>

    End Sub

2. Array Literals

    Private Sub btnArrayLiterals_Click() _
        Handles btnArrayLiterals.Click

        '//deklarasi array di vb 9.0 (Option Infer On) :
        Dim arr1() = New Integer() {1, 2, 3}
        Dim arr2(,) = New Integer(,) {{1, 2}, {3, 4}}

        '//deklarasi array dengan menggunakan 
        '//array literals di vb 10 (Option Infer On) :
        Dim arr3 = {1, 2, 3}
        Dim arr4 = {{1, 2}, {3, 4}}

    End Sub

.csharpcode, .csharpcode pre { font-size: small; color: black; font-family: consolas, "Courier New", courier, monospace; background-color: #ffffff; /*white-space: pre;*/ } .csharpcode pre { margin: 0em; } .csharpcode .rem { color: #008000; } .csharpcode .kwrd { color: #0000ff; } .csharpcode .str { color: #006080; } .csharpcode .op { color: #0000c0; } .csharpcode .preproc { color: #cc6633; } .csharpcode .asp { background-color: #ffff00; } .csharpcode .html { color: #800000; } .csharpcode .attr { color: #ff0000; } .csharpcode .alt { background-color: #f4f4f4; width: 100%; margin: 0em; } .csharpcode .lnum { color: #606060; }

3. Auto Implemented Properties and Property Value Initialization

Public Class CustomerInPreviousVB

    Private mID As Integer
    Public Property IdNumber As Integer
        Get
            Return mID
        End Get
        Set(ByVal value As Integer)
            mID = value
        End Set
    End Property

End Class

Public Class CustomerInVB10

    '//auto implemented property di vb 10
    '//tidak dapat menggunakan input parameter
    '//dan juga harus bersifat read dan write
    Public Property IdNumber As Integer

    '//auto implemented properties
    '//dapat diberi nilai default
    '//ketika diinisialisasi
    Public Property GetRandomNumber As Integer =
        New Random().Next(1, 10)

End Class

Public Class GetOrder
    Public Property ProductName As String
    Public Property Quantity As Integer
End Class

Public Class Book
    Public Property ISBN As Integer
    Public Property Title As String
End Class

4. Collection Initializer

Extend method Add Generic List untuk class GetOrder dan class Book di atas :

Imports System.Runtime.CompilerServices

Module Module1

    <Extension()>
        Sub Add(ByVal list As List(Of GetOrder),
            ByVal ProdName As String,
            ByVal Qty As Integer)

        list.Add(New GetOrder With {.ProductName = ProdName,
                 .Quantity = Qty})
    End Sub

    <Extension()>
    Sub Add(ByVal list As List(Of Book),
        ByVal isbnNumber As Integer,
        ByVal bookTitle As String)

        list.Add(New Book With {.ISBN = isbnNumber,
                 .Title = bookTitle})
    End Sub

End Module

    Private Sub btnCollInit_Click() _
        Handles btnCollInit.Click

        '//collection initializer memungkinkan untuk memberikan
        '//nilai default value object collection dengan
        '//satu atau single expression
        Dim intList = New List(Of Integer) From {1, 2, 3}

        Dim bookList = New Dictionary(Of Integer, String) From
            {
                {1, "Exploring VB 10"},
                {2, "Exploring C# 4.0"}
            }

        '//collection dari class dimana method Add
        '//dari generic List sudah di extend di Module
        Dim orderList = New List(Of GetOrder) From
            {
                {"Mouse", 10},
                {"Keyboard", 5},
                {"Infocus", 2}
            }

    End Sub

5. Multiline Lambda Function and Sub Lambdas

Asumsikan sebuah file Books.xml dengan struktur dibawah ini :

<?xml version="1.0" encoding="utf-8" ?>
<Books>
  <Book ISBN="1">
    <Title>Visual Basic 10</Title>
  </Book>
  <Book ISBN="2">
    <Title>Visual C# 4.0</Title>
  </Book>
  <Book ISBN="3">
    <Title>VSTS 2010</Title>
  </Book>
</Books>

    Private Sub btnMultilineLambdas_Click() _
        Handles btnMultilineLambdas.Click

        '//lambda function di vb 9.0
        Dim bilGenap1 = Function(num As Integer) num Mod 2 = 0
        Dim isGenap1 = bilGenap1(2)

        Dim visualBooks1 = Function(xdoc As XDocument) xdoc...<Book>.Where(
                          Function(elem) elem...<Title>.Value.ToLower.Contains("visual"))
        '//eksekusi lambda function
        Dim books1 = visualBooks1(XDocument.Load("../../Books.xml"))


        '//multiline lambda function di vb 10
        Dim bilGenap2 = Function(num As Integer)
                            Return num Mod 2 = 0
                        End Function
        Dim isGenap2 = bilGenap2(2)

        Dim visualBooks2 = Function(xdoc As XDocument)
                               Return From elem In xdoc...<Book>
                                      Where elem.<Title>.Value.ToLower.Contains("visual")
                                      Select elem
                           End Function
        '//eksekusi lambda function
        Dim books2 = visualBooks2(XDocument.Load("../../Books.xml"))

    End Sub

    Private Sub btnSubLambdas_Click() _
        Handles btnSubLambdas.Click

        '//vb 9 hanya mengijinkan untuk membuat lambda function
        '//yang mengembalikan sebuah value, artinya tidak menyediakan
        '//fitur untuk membuat Sub Lambda 

        '//error di vb 9.0 (doesn't produce a value)
        'Array.ForEach({1, 2, 3}, Function(num) IIf(num mod 2 = 0,
        '                                           Console.WriteLine("Genap"),
        '                                           Console.WriteLine("Ganjil")
        '                                           )

        '//vb 10 memiliki fitur baru yaitu
        '//Sub Lambda
        Array.ForEach(
                        {1, 2, 3},
                        Sub(number)
                            If number Mod 2 = 0 Then
                                Console.Write(number.ToString)
                            End If
                        End Sub
                      )

    End Sub

Happy coding with new taste of VB 10 :)…post berikutnya masih akan membahas language fitur lainnya untuk VB 10 Beta 1 ini.

Share this post: | | | |

It’s Easy To Create RSS Feeds Using VB 9.0 XML Literals and LINQ To XML

yulian — Fri, 08 May 2009 01:29:00 GMT

Seperti yang sudah kita kenal sebelumnya bahwa RSS (Really Simple Syndication) Feeds merupakan sebuah object yang berisi summary dari beberapa artikel, news atau konten lainnya yang dibentuk dengan menggunakan format xml. RSS ini berguna untuk melihat konten dari sebuah web site tanpa harus mengunjungi web site tersebut secara full. User yang ingin selalu update terhadap konten sebuah website dapat berlangganan (subscribe) feeds tersebut dimana nantinya feeds yang bersangkutan akan di bookmark oleh web browser yang digunakan.

Terdapat dua jenis syndication yang umum digunakan yaitu RSS 2.0 dan Atom 1.0. Namun pada kesempatan kali ini saya hanya akan menjelaskan struktur xml file RSS 2.0 dan bagaimana cara pembuatannya dengan menggunakan VB 9.0 XML Literal dan LINQ To XML. Sebenarnya terdapat cara lain untuk membuat RSS Feeds ini selain dengan menggunakan XML Literal dan LINQ To XML ini, yaitu dengan menggunakan XML API yang disediakan oleh .NET Framework seperti XMLDocument class. Namun dengan XML Literal dan LINQ To XML ini membuat hidup developer lebih mudah lagi dalam membuat RSS Feed generator ini. It’s really really simple :)

Pertama kita akan lihat terlebih dahulu struktur dari RSS 2.0 :

Hal pertama yang harus diperhatikan yaitu deklarasi elemen rss pada baris kedua diatas. Hal ini menunjukkan bahwa file bersangkutan merupakan rss file, sehingga browser dapat melakukan parsing dan menampilkan output file rss tersebut yang telah ditransformasikan dengan XSLT sehingga tampilan di browsernya tidak flat file seperti biasa.

Root document file rss tersebut yaitu elemen channel. Didalam elemen channel terdapat beberapa child node. Child node yang pertama yaitu title, elemen ini berguna untuk menampilkan title dari rss ini dan juga berguna sebagai teks yang akan tampil di bookmark browser ketika feeds ini di subscribe. Sibling node berikutnya yaitu description yang menjelaskan secara global isi dari feeds, link elemen yang diisi dengan link url website tersebut, lastBuildDate yang digunakan sebagai petunjuk kapan terakhir kali feeds ini di update, managingEditor diisi dengan nama atau alamat email dari admin rss.

Elemen berikutnya yaitu item, elemen ini memiliki beberpa child node lagi, yaitu title yang diisi dengan title dari artikel atau news yang ditampilkan, elemen link yang berisi url untuk melihat artikel atau news secara full, pubDate elemen berisi tanggal dimana artikel tersebut di publish, kemudian yang terakhir yaitu description yang diisi dengan summary content atau full content artikel atau news tersebut.

Elemen item ini dapat memiliki jumlah lebih dari satu sesuai dengan jumlah artikel yang ingin ditampilkan di rss feeds. Sehingga apabila rss feeds tersebut memiliki 5 artikel maka rss file ini juga akan memiliki 5 elemen item beserta child nodenya.

Selain itu ada beberapa hal yang harus diperhatikan juga yaitu format tanggal yang digunakan pada elemen lastBuildDate dan pubDate. Untuk lastBuildDate itu harus menggunakan format seperti ini “Wed, 06 May 2009 04:24:52 GMT” sedangkan untuk pubDate seperti ini : "25 Apr 2009 15:21:34 GMT” . Apabila format yang digunakan tidak sesuai aturan maka browser tidak akan menampilkan tanggal tersebut.

Ok…sekarang anda buat sebuah asp.net 3.5 web application dari visual studio 2008, pilih bahasanya Visual Basic. Kemudian lakukan langkah-langkah berikut :

1. Tambahkan xml file kedalam project, berikan nama rss.xml.

2. Isi xml file tersebut dengan elemen-elemen seperti yang dapat anda lihat diatas. Hal ini dilakukan terlebih dahulu untuk membuat file xml schema (xsd) yang nantinya akan digunakan sebagai sarana yang akan membuat query LINQ To XML strongly typed yang akan menampilkan nama-nama elemen dan atribut di intellisensenya.

3. Tambahkan item baru kedalam project di folder App_Code – pilih item Xml To Schema pada My Templates – berikan nama rss.xsd. Sebelum melakukan hal ini anda terlebih dahulu harus install template untuk Xml To Schema, petunjuknya dapat anda lihat di artikel yang telah saya buat disini : LINQ to XML (Importing xmlns, Accessing and Filtering xml node value without XPathQuery, Strongly typed XElement)

4. Buat sebuah prosedur untuk update atau menulis item baru kedalam file rss.xml :

5. Dengan adanya xml schema untuk file rss diatas maka intellisense akan menampilkan nama-nama element dan atributnya seperti yang dapat anda lihat pada gambar dibawah ini :

6. Sekarang anda tinggal memanggil prosedur tersebut dengan cara seperti biasa apabila kita memanggil sebuah prosedur :

7. Selanjutnya anda tinggal mencari icon rss file, cukup googling dan kita akan mendapatkan banyak icon rss file, choose your favorite icon and add to your website.

8. Sekarang kita akan buat link yang merujuk ke file rss.xml dengan menggunakan icon yang telah anda dapatkan (contoh yang saya berikan disini yaitu menggunakan web user control, untuk lokasi image file nya silahkan anda sesuaikan dengan lokasi tempat penyimpanan file icon tersebut) :

9. Tampilan dari web user control diatas dapat seperti yang dapat anda lihat dibawah ini :

10. Tampilan rss file setelah anda klik link tersebut untuk beberapa browser berbeda-beda, mari kita lihat tampilannya di browser-browser berikut ini :

IE 8 :

Opera :

Firefox :

See U on the next article…

Share this post: | | | |

Menjajal ASP.NET 3.5 Web Hosting Erudeye di Server IIX

yulian — Tue, 05 May 2009 06:43:00 GMT

Akhirnya saya dapat menjajal web hosting erudeye di server IIX setelah beberapa lama ini develop Asp.Net 3.5 web (http://native-enterprise.net) untuk di hosting disana. Hosting ini sekaligus juga implementasi fitur-fitur Asp.Net 3.5, LINQ To SQL, LINQ To XML, Visual Basic 9.0, XML Literal, Ajax Control Toolkit, UrlMapping, WebPart control, Theme dan Skin.

Untuk bahasa yang digunakan yaitu VB 9.0 dengan alasan adanya penggunaan fitur XML Literal dan Linq To XML dalam hal implementasi UrlMapping. Data Access yang digunakan full Linq To SQL, tidak lagi menggunakan ADO.NET. Selain itu juga terdapat sedikit penggunaan Ajax Control Toolkit seperti RoundedCornerExtension, dan SlideShowExtender yang mengconsume image file dari web service (asmx). WebPart control digunakan agar content-content dapat diubah tata letak nya atau di minimize contentnya atau bahkan juga di close apabila content tersebut kita anggap tidak perlu ditampilkan. Selain itu juga terdapat WebPart Catalog yang digunakan untuk menambah content-content baru ke dalam halaman web secara runtime.

Tampilan WebPart hanya dapat dimodifikasi oleh user yang termasuk kedalam role yang telah ditentukan dan sifatnya shared, artinya apabila salah satu user yang termasuk kedalam role tersebut melakukan modifikasi web part maka hasil modifikasi tersebut akan dapat dilihat oleh semua user.

Penggunaan fitur Theme and skin ditujukan agar user dapat merubah tampilan halaman web sesuai yang dikehendaki. Saat ini baru saya sediakan dua buah theme, mungkin nanti akan saya tambahkan lagi. Untuk design web nya dilakukan oleh rekan saya yaitu Aris Lesmana. Web yang dibuat ini tidak menggunakan CSS file karena adanya masalah yang belum saya temukan solusinya yaitu adanya konflik atau setting yang harus diubah di FCKEditor yang saya gunakan sebagai web based text editor. Kendala tersebut saya solve dengan menggunakan Skin file untuk beberapa kontrol asp.net.

State Management yang digunakan untuk menyimpan setting theme ini yaitu object session dan tidak menggunakan Profile dan Membership API karena user harus terlebih dahulu register as user ke web apabila ingin menyimpan setting theme yang terakhir digunakan.

Berikut tampilan theme yang tersedia (Business Blue dan Simple Blue) :

Halaman web dalam mode WebPart design (runtime) :

Halaman web dalam mode WebPart Catalog (runtime) :

UrlMapping dengan VB 9.0 XML Literal dan Linq To XML :

Thanks to Erudeye atas supportnya, You're The best ASP.NET Web Hosting I Ever Hosted! :)

Share this post: | | | |

Delivered a speak about Exploring VB 9.0 Language Features on MSDN VB Developer Day

yulian — Sat, 25 Apr 2009 14:00:00 GMT

Pada hari jumat kemarin tanggal 24 April 2009 telah diadakan event MSDN Day dengan tema Visual Basic Developer Day di Microsoft Indonesia. Event ini dikhususkan untuk customer yang masih menggunakan VB 6.0 sebagai development tools untuk pembuatan aplikasi di perusahaannya. Antusias peserta cukup bagus terbukti dengan jumlah peserta yang melebihi kursi yang disediakan :).

Saya sendiri membawakan materi tentang fitur-fitur baru secara bahasa di VB 9.0 dan juga tentang Data Access seperti LINQ dan ADO.NET. Adapun topik yang saya bahas waktu itu antara lain :

XML Literals (I love this part :) )
Relaxed Delegate
Partial Methods
Object Initializer
Lambda Expression
Extension Methods
Local Type Inference
Anonymous Type
Query Expression
LINQ (SQL, Object dan XML)
ADO.NET

Selain itu materi lainnya dibawakan oleh Norman Sasono tentang Migrating VB 6.0 Application to VB.NET, Fuady membahas tentang COM Interoperablity dan Agus Suhanto membawakan materi tentang Developing ASP.NET 3.5 using VB 9.0.

Berikut foto-foto yang dapat saya dokumentasikan :

Share this post: | | | |

MUGI Bandung Goes to STBA (I Delivered a talk about MS Office InfoPath 2007)

yulian — Sun, 05 Apr 2009 10:58:00 GMT

Seperti biasa Mugi Bandung melakukan road show campus to campus. Kali ini kampus yang dikunjungi yaitu STBA (Sekolah Tinggi Bahasa Asing) Bandung. Event ini terlaksana berkat adanya perbicangan antara pak Tomita yang merupakan member aktif di Mugi dengan Mugi Bandung selama sebulan yang lalu. Kampus yang dikunjungi agak sedikit berbeda dengan kampus-kampus sebelumnya yang pada umumnya merupakan kampus atau universitas yang berhubungan dengan jurusan Teknik.

Materi yang dibawakan lebih difokuskan kepada end user, sehingga topik yang kami pilih yaitu tentang Office dan Windows. Jumlah peserta yang hadir sekitar 160 orang dan dilaksanakan pada hari sabtu tanggal 4 April 2009 kemarin.

Seperti biasa materi pertama yang wajib disampaikan yaitu pengenalan tentang Mugi. Kita selalu mengajak semua peserta untuk bergabung ke milis Mugi Bandung dan milis komunitas lainnya. Setiap peserta yang register dan memiliki email akan kita invite untuk join ke milis. Sampai saat ini jumlah member milis Mugi Bandung sekitar 600 orang yang merupakan member dari semua kampus yang pernah kita kunjungi.

Berikut foto peserta yang hadir :

Pengenalan Mugi disampaikan oleh Bobby NH bersama Firstman Marpaung :

Materi selanjutnya dibawakan oleh Irsan Saputra tentang Licensing, Outlook dan Unified Communication :

Aris Lesmana membawakan materi tentang Word 2007, Power Point 2007, dan Excel 2007 :

Luki Ishwara membawakan materi tentang One Note 2007 :

Saya sendiri membawakan materi tentang InfoPath 2007 :

InfoPath 2007 merupakan aplikasi yang terdapat di dalam Office 2007 Enterprise dan Ultimate edition. Aplikasi ini digunakan untuk membuat form elektronik dimana form template yang digunakan dibuat dengan format XML dan XSLT sebagai teknik rendering UI nya. Data itu sendiri disimpan dalam file terpisah dari form template dengan menggunakan format XML.

InfoPath 2007 ini cukup unik, powerfull dan cocok digunakan untuk membuat form sederhana sampai yang kompleks. Form template yang dihasilkan dapat diakses via desktop client atau web browser. Agar dapat diakses dari web browser maka kita harus install terlebih dahulu InfoPath Form Services, atau WSS 3.0 dan MOSS 2007.

Terdapat beberapa pilihan sumber data yang dapat digunakan, yaitu XML file, database, web services atau SharePoint. Semua tipe sumber data tersebut dapat diakses secara Read dan Write tergantung opsi yang dipilih. Sumber data xml file menggunakan xsd sebagai schema yang menjelaskan struktur dari file tsb. Untuk database yang dapat digunakan yaitu Access dan SQL Server dan database dari provider lain. SharePoint dapat digunakan sebagai salah satu sarana untuk publish form template dan form data yang digunakan.

Beberapa fitur atau teknik yang saya jelaskan yaitu tentang Layout, Controls, Data Source, Views, Rules, Validation, Publishing form template to email recepient, menggunakan InfoPath SDK 2003 sebagai tools untuk membuat View yang disimpan dan di design didalam file word, exporting form data, dan Merging.

Views digunakan untuk membuat form template yang berguna untuk printing form data, paging form, dan aksesibilitas form berdasarkan Rules.

Outlook 2007 dapat digunakan sebagai sarana untuk publishing form template ke beberapa user email. Si penerima email akan mendapatkan form template yang sesuai dengan design yang telah dibuat. Form ini dapat dibuka secara offline, sehingga user dapat mengisi form tersebut kapan saja, dan apabila telah selesai maka user penerima cukup reply ke email sender, sehingga nantinya si penerima form data akan mendapatkan email berupa form yang telah diisi dengan data, dimana datanya di attach dan disimpan di dalam sebuah file xml.

Secara default Outlook 2007 ini telah dapat mengidentifikasi InfoPath Form Template yang masuk, sehingga apabila user menerima email berupa form template maka nanti kita akan diberikan notifikasi untuk membuat folder khusus untuk menyimpan form template dan datanya. Folder tersebut secara default akan dibuatkan dengan nama yang sama dengan nama form templatenya.

Apabila kita ingin membuat view yang dapat didesign dari MS Word dan digunakan sebagai sarana printing maka anda dapat mendowload InfoPath 2003 SDK disini :

http://www.microsoft.com/downloads/details.aspx?FamilyId=351F0616-93AA-4FE8-9238-D702F1BFBAB4

Setelah SDK nya diinstal maka anda cukup menjalankan file wizard.hta di folder instalasi InfoPath SDK 2003. Saya tidak akan menjelaskan secara teknis disini, mungkin di lain kesempatan saya akan menjelaskannya.

Merging Form digunakan untuk mengumpulkan semua file-file form data yang disimpan didalam file-file xml ke dalam satu buah file saja. Fitur ini digunakan sebagai reporting untuk semua data yang terkumpul. Ok...itu sekilas info tentang InfoPath 2007, dilain waktu mudah-mudahan saya akan bicarakan secara teknisnya.

Sesi berikutnya tentang Windows 7 Security yang dibawakan oleh Andik Susilo :

Sesi terakhir disampaikan oleh Andri Yadi yang membawakan materi tentang Office 2008 for Mac :D

Penyerahan cindera mata dari Mugi Bandung kepada pak Tomita sebagai ketua penyelenggara...o ya pak Firstman pulang lebih awal karena ada keperluan ke Jakarta.

Foto-foto lainnya :

Dan tidak lupa, setelah event selesai kita selalu mengadakan acara ritual yaitu makan-makan!! :D

Terima kasih kepada panitia penyelenggara STBA, khususnya kepada pak Tomita. What's the next event? SBM ITB? Unikom? Itenas? Tunggu saja ;)

Share this post: | | | |

Simplify "Custom Control" Creating In WPF Way

yulian — Thu, 05 Mar 2009 15:05:00 GMT

Pembuatan User Control, dan Custom Control ditujukan salah satunya untuk membuat efisiensi waktu dalam penggunaan kontrol yang sama di beberapa form. Terdapat perbedaan yang cukup signifikan didalam desktop application yang berbasiskan windows forms dengan yang dapat dilakukan di WPF untuk pembuatan control tersebut.

Didalam windows forms kita kenal dengan adanya fitur Visual Inheritance yang digunakan untuk membuat template sebuah kontrol atau form yang dapat di extend behaviournya di dalam container host yang digunakan. Caranya relatif simple menurut saya. Anda cukup buat sebuah Windows Forms Application yang dirubah Output Type nya menjadi Class Library (.dll). Didalam project tersebut anda tinggal tambahkan Form dengan design yang kita anggap nantinya sebagai master form. Output project tersebut dapat di reference / ditambahkan sebagai Inherited Form dari project lainnya. Setelah itu anda dapat dengan bebas merubah template yang sudah ada.

Untuk pembuatan custom control yang extend dari sebuah base class, katakanlah combobox, cukup dengan menambahkan sebuah class yang diturunkan dari class control yang ingin anda extend dari sebuah Windows Control Library project.

Cara yang ditempuh di WPF agak sedikit berbeda. Perbedaan terutama dalam hal data binding dan templating control. Dengan fitur Style kita dapat merubah template sebuah control. Di dalam style disimpan setting-setting property kontrol yang bersangkutan dan juga data template yang digunakan untuk templating control sebagai visualisasi data yang ingin ditampilkan.

Style yang dibuat dapat disimpan didalam sebuah Application-Wide Resource yang berupa Resource Dictionary atau Application Resources. Sehingga semua window atau page class dapat menggunakan template style tersebut.

Di asp.net 2.0 ke atas kita sudah mengenal dengan adanya komponen ObjectDataSourceControl yang digunakan sebagai data source yang meng-consume object dari sebuah class. WPF juga menyediakan komponen tersebut yang memiliki fungsionalitas serupa dengan object data source control yang terdapat didalam asp.net 2.0 keatas.

So, how can we create windows forms-like custom control using declarative way in WPF?

Ya, dalam artikel ini saya akan buat contoh sederhana untuk membuat "windows forms-like custom control " dengan declarative code di WPF. Sebelumnya saya lakukan hal ini didalam windows forms dengan membuat sebuah Windows Control Library Project, kemudian dibuatkan sebuah class yang diturunkan dari sebuah control class, misalnya TextBox atau ComboBox. Bindingnya pun dilakukan secara imperative code.

Ok, saya akan buat sebuah combobox, dimana combobox tersebut itemnya di bind terhadap sebuah LinqToSql class yang disimpan didalam sebuah library project. Library tersebut nantinya akan di consume oleh ObjectDataProvider komponen. ObjectDataProvider inilah nantinya digunakan sebagai data source combobox tersebut. Style dan DataTemplate akan disimpan didalam sebuah ResourceDictionary atau Application Resources agar bisa digunakan dari window atau page class manapun.

Mari kita ikuti langkah-langkahnya :

1. Buat sebuah ClassLibrary project. Tambahkan Linq To Sql Classes item. Asumsikan nama projectnya MyLib dan nama .dbml file nya MyNorthwind.

2. Drag and Drop Customer table dari database Northwind kedalam OR designer.

3. Tambahkan sebuah class, beri nama MyNorthwind.Extended.vb. Class ini akan kita gunakan sebagai partial class yang akan menyimpan sebuah shared method berupa shared function yang mengembalikan nilai berupa IQueryable(Of Customer). Berikut kode nya :

Partial Public Class Customer

    Public Shared Function GetAllCustomers() As IQueryable(Of Customer)
        Dim db As New MyNorthwindDataContext
        Return From c In db.Customers
    End Function

End Class

4. Build Project.

5. Tambahkan WPF Application project baru kedalam solution yang sama.

6. Buka file Application.xaml, ketikkan kode berikut ini :

<Application x:Class="Application"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:theLib="clr-namespace:MyLib;assembly=MyLib"
    StartupUri="ComboTemplate.xaml">

    <Application.Resources>

        <ObjectDataProvider x:Key="objCust" 
                            ObjectType="{x:Type theLib:Customer}"
                            MethodName="GetAllCustomers" />
        
        <Style x:Key="ComboCustomerStyle" 
               TargetType="{x:Type ComboBox}">
            <Setter Property="Width" Value="250" />
            <Setter Property="Height" Value="25" />
            <Setter Property="ItemsSource" 
                    Value="{Binding Source={StaticResource objCust}}" />
            
            <Setter Property="ItemTemplate">
                <Setter.Value>
                    <DataTemplate>
                        <StackPanel Orientation="Horizontal">
                            <TextBlock Text="{Binding Path=CustomerID}" 
                                       Width="50" 
                                       VerticalAlignment="Center" />
                            <TextBlock Text=" | " Margin="0,0,5,0" 
                                       VerticalAlignment="Center" />
                            <TextBlock Text="{Binding Path=CompanyName}" 
                                       VerticalAlignment="Center" />
                        </StackPanel>
                    </DataTemplate>
                </Setter.Value>
            </Setter>
        </Style>

    </Application.Resources>

</Application>

7. Untuk menggunakan library yang terdapat didalam project yang berbeda kita harus melakukan referensi terhadap dll yang akan digunakan. Setelah itu anda tambahkan shortcut xmlns, pada kasus ini anda dapat lihat xml namespace berikut diatas : xmlns:theLib="clr-namespace:MyLib;assembly=MyLib" .

8. ObjectDataProvider digunakan untuk membaca sebuah method yang terdapat didalam library. Class yang digunakan yaitu Customer, dan method yang digunakan yaitu GetAllCustomers.

9. Setelah itu kita tambahkan Style elemen yang digunakan untuk setting property control, dalam hal ini combobox. Style diatas juga diisi dengan data template yang bertugas untuk memvisualisasikan data. Saya tidak akan menjelaskan penggunaan style secara detail disini, mungkin bila ada kesempatan saya akan bahas di artikel yang lainnya.

10. Buka sebuah window xaml yang terdapat didalam WPF Application yang sama. Asumsikan saya memiliki sebuah window dengan nama ComboTemplate.xaml yang berisi kode seperti dibawah ini :

<Window x:Class="ComboTemplate"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="ComboTemplate" Height="300" Width="400"
    WindowStartupLocation="CenterScreen">

    <Grid>

        <ComboBox Style="{StaticResource ComboCustomerStyle}" />
       
    </Grid>

</Window>

11. Untuk menggunakan data template yang telah dibuat didalam style anda cukup merubah Style atribut dari combobox control nya. Sebagai info, dari sisi naming convention apabila kita membuat sebuah Style, diusahakan untuk memberi nama Style diakhir.

12. Berikut hasilnya :

Dengan kemudahan secara declarative anda cukup merubah style combobox di window atau page class manapun. Tentunya juga kita dapat melakukan hal yang sama untuk kontrol lainnya.

Share this post: | | | |

New Look N Feel

yulian — Tue, 03 Mar 2009 00:00:00 GMT

Pagi ini buka blog geeks ada sesuatu yang baru...ternyata skinnya sudah berubah, dan wow bagus, cantik, indonesia sekali dengan adanya gambar candi (Prambanan?). Cuma count comment nya kecil, jadi kurang terlihat tidak seperti skin sebelumnya. But overall it's ok

Share this post: | | | |

Kuliah Umum Sertifikasi Microsoft Mahasiswa Ilmu Komputer UPI Bandung

yulian — Sun, 22 Feb 2009 02:03:00 GMT

Pada tanggal 21 Feb 2009 yang bertepatan dengan hari sabtu, saya bersama Aris Lesmana sebagai perwakilan dari MUGI Bandung memberikan kuliah umum pada mahasiswa tingkat akhir angkatan 2005 jurusan Ilmu Komputer UPI (Universitas Pendidikan Indonesia) Bandung. Selain itu juga turut serta pak Sony Setiawan. Kuliah umum ini merupakan tindak lanjut dari event seminar yang telah diadakan di kampus UPI bersama dengan MUGI Bandung. Hal ini merupakan komitmen kita untuk menindak lanjuti kegiatan setelah seminar dan hal ini didukung penuh oleh dekan Ilkom yang bersangkutan yaitu pak Wawan yang mengundang kita untuk memberikan kuliah umum.

Mahasiswa yang hadir dari angkatan 2005 jurusan Ilkom ini sekitar 100 orang. Pihak program studi Ilkom menginginkan agar setelah para mahasiswanya lulus kuliah minimal dapat menyandang sertifikasi MCP. Hal ini dapat memberikan mereka kesempatan yang lebih lebar dalam mencari pekerjaan, terutama bagi mereka yang ingin bekerja di luar negeri.

Dalam kuliah umum ini saya menjelaskan tentang apa itu sertifikasi microsoft, kenapa harus bersertifikasi, perbandingan dengan sertifikasi dari vendor lain, jenis-jenis track sertifikasi, resource-resource pembelajaran yang dapat digunakan, selain itu juga disini saya bahas sedikit tentang Microsoft Certified Trainer (MCT) karena mereka sebenarnya merupakan calon guru dan memiliki peluang juga untuk berkarir sebagai MCT. Sedikit juga saya bahas tentang MVP untuk memberikan wawasan kepada mereka.

Rekan saya Aris Lesmana menjelaskan tentang bagaimana caranya secara teknis untuk mengambil sertifikasi, prosedur pendaftaran, testing center, prosedur setelah selesai ujian, tata cara dalam pelaksanaan ujian dan contoh-contoh / demo soal-soal ujian.

Ada satu hal yang perlu kita ketahui bahwa saat ini microsoft mengeluarkan jenis soal baru yaitu Performance-based exam. Selama ini kita mengenal exam dengan soal-soal seperti single choice, multiple choice dan drag n drop dengan jumlah soal sekitar 40-60. Dengan Performance-based exam ini kita diberikan interface langsung yang menyerupai dengan kasus / soal yang ditanyakan. Misalnya kita mengambil ujian tentang Vista maka soal yang kita hadapi benar-benar tampilan atau interface windows vista, jadi si peserta ujian harus menjawab soalnya dengan berinteraksi langsung dengan interface tersebut layaknya di komputer kita sendiri sehingga jawabannya tidak lagi single choice, multiple choice ataupun drag and drop. Mungkin dalam beberapa bulan atau satu tahun ke depan microsoft sudah mulai banyak menggunakan tipe exam ini. Dengan tipe exam ini jumlah soal tidak sebanyak seperti yang ditemui selama ini.

Berikut dokumentasi foto-fotonya :

Pak Wawan membuka acara kuliah umum :

Peserta :

Saya dan Aris Lesmana :

Foto bareng peserta :

What's next? Training sertifikasi Microsoft untuk mahasiswa tingkat akhir jurusan Ilkom UPI Bandung.

Share this post: | | | |

Cianjur's MSDN Day By MUGI Bandung Event Report

yulian — Mon, 16 Feb 2009 14:08:00 GMT

Pada hari sabtu minggu kemarin yang bertepatan dengan tanggal 14 Feb 2009 telah diadakan acara rutin "Road Show Campus To Campus" MUGI Bandung. Kampus yang dikunjungi yaitu Universitas Suryakencana Cianjur. Jumlah peserta yang terdaftar sungguh diluar dugaan kami, yaitu 430 orang. Selama ini jumlah peserta terbanyak pada setiap event MUGI Bandung yaitu 350 orang yang diadakan di IMT Telkom Bandung. Sungguh apresiasi yang luar biasa dari kota Cianjur. Memang selama ini belum pernah ada event yang mengusung teknologi update terbaru Microsoft di Cianjur.

Peserta yang datang tidak hanya dari kampus Unsur itu sendiri, melainkan dari kampus lainnya yaitu dari UNPI, selain itu juga banyak peserta yang datang dari SMK Informatika. Mereka sangat antusias menyimak acara dari awal sampai akhir. Mudah-mudahan event ini merupakan trigger bagi kampus-kampus, sekolah-sekolah atau instansi lainnya di cianjur untuk lebih melek lagi terhadap perkembangan teknologi informasi terbaru sehingga kota cianjur tidak tertinggal dari kota-kota lainnya. Selain itu kita berharap ini menjadi jembatan nantinya yang menghubungkan antara kebutuhan industri dengan akademik yang saat ini kita lihat terdapat gap yang cukup besar.

Berikut dokumentasi foto-fotonya :

Perjalanan diawali dari Gasibu pada pukul 6.30 pagi dengan menaiki bus sewaan :

Peserta dan kesibukan panitia :

Persiapan sebelum manggung :D :

Anggota MUGI Kampus dari Unikom(Iqbal dan Dani), dari UPI(Nikha dan Hanna), loh kok ada mbak Ivone? :D .Mereka telah membantu kita dalam menjaga stand Download Corner (Thx...) :

Sesi pertama diisi oleh Firstman Marpaung yang memperkenalkan MUGI :

Sesi kedua diisi oleh Julius Fenata yang membakar semangat peserta dengan MSDNAA, Dream Spark, dan Imagine Cup :

Setelah itu materi dilanjutkan dengan topik Windows 7 Beta Preview oleh Wely dari Microsoft Indonesia :

Acara dilanjutkan dengan topik Sertifikasi Microsoft oleh Tri Mardani :

Irsan S melanjutkan sesi berikutnya dengan topik Unified Communication :

Aris Lesmana membawakan topik Office 2007 :

Setelah itu sesi selanjutnya diisi oleh saya sendiri dengan topik ASP.NET Web App Dengan Visual Web Developer Express 2008 dan SQL Server Express 2008 :

Freddy dan Andik Susilo mengisi sesi berikutnya dengan materi Vista SP2 :

Bobby Z dan Bobby NH dengan materi Windows Server 2008 :

Ronald R dengan materi Silverlight dan WPF :

Andri Yadi menutup sesi terakhir dengan VSTO :

Ketua MUGI Nasional (Sony Setiawan) memberikan pesan-pesan kepada peserta :

Acara ditutup dengan penyerahan cindera mata dari pihak Unsur ke MUGI dan Microsoft Indonesia :

Foto-foto bareng (dengan panitia juga) :

Makan-makan setelah acara :

Karaokean di bis :D :

Thanks to Microsoft Indonesia yang telah mendukung acara ini (Naren, Wely, Julius dan Irsan) dan juga kepada panitia dari Unsur yang telah mennyelenggarakan acara ini dengan sukses. Tidak lupa juga kepada MUGI Priangan (Pak Kodarsyah, pak Oke, Afri dkk) yang telah berkunjung ke Cianjur dan membawakan goodies untuk dibagikan :D.

Semoga program MSDNAA di kampus Unsur dan UNPI dapat segera aktif dan berguna untuk kepentingan pendidikan di kampus...Next Event? Sabtu ini di STT Telkom Bandung :) c u there :D

Share this post: | | | |

Microsoft Technology Update Sharing At Unsur Cianjur By MUGI Bandung

yulian — Mon, 02 Feb 2009 06:14:00 GMT

Pada tanggal 14 Feb 2009 yang bertepatan dengan hari sabtu akan diadakan seminar sehari tentang update teknologi Microsoft di kampus Universitas Suryakencana (Unsur) Cianjur. Event ini terselenggara berkat kerjasama antara MUGI Bandung dan Himpunan Mahasiswa Teknik Informatika Unsur yang juga di dukung oleh Microsoft Indonesia.

Seminar yang membahas tentang perkembangan teknologi terbaru Microsoft ini sangat jarang sekali diadakan di kota Cianjur. Jadi bagi mahasiswa jurusan apapun jangan lewatkan kesempatan untuk mengikuti event ini, karena dengan menghadiri seminar ini kita akan terbuka wawasan tentang perkembangan teknologi terbaru dan kebutuhan lapangan pekerjaan di dunia industri yang saat ini terdapat gap yang cukup signifikan dengan dunia pendidikan. Peserta tidak diperuntukkan hanya untuk mahasiswa saja namun juga SMA, dosen, guru, dan perusahaan-perusahaan. Bagi mereka yang berdomisili di kota Cianjur dan sekitarnya silahkan lihat informasi pendaftaran dan materi seminar yang akan dibawakan nanti pada poster dibawah ini :

So Don't Miss it! Kita buat kota Cianjur untuk selalu mengikuti perkembangan teknologi terbaru dari Microsoft!

Share this post: | | | |

Kick Off Meeting Dengan Rektorat, Dekan, Dosen dan Mahasiswa Universitas Suryakencana Cianjur

yulian — Sun, 01 Feb 2009 03:33:00 GMT

Pada hari sabtu tanggal 31 Jan 2009 saya bertiga bersama Pak Firstman Marpaung dan Bobby NH melakukan kunjungan ke kampus Universitas Suryakencana (Unsur) Cianjur. Kita mewakili Mugi Bandung melakukan pertemuan untuk membahas kemungkinan-kemungkinan kerjasama dengan pihak Mugi Bandung dan Microsoft Indonesia. Selain itu juga dibahas mengenai persiapan event seminar Microsoft Technology Update di Unsur nanti pada tanggal 14 Feb 2009.

Dari pihak Unsur yang hadir yaitu Pembantu Rektor, Dekan, Dosen dan perwakilan dari Mahasiswa yang menjadi panitia untuk event tanggal 14 Feb 2009. Mereka sangat antusias untuk menjajaki kerjasama guna memajukan perndidikan IT khususnya di Unsur dan pada umumnya di Cianjur. Seperti kampus-kampus umum lainnya, bukan hanya di cianjur, sering sekali terdapat gap yang besar antara perkembangan IT di dunia industri dengan pendidikan di kampus itu sendiri. Inilah yang ingin kita rubah, meminimalisai gap tersebut.

Pembahasan kerjasama dengan Microsoft Indonesia yang kita bahas dengan mereka yaitu Program MSDNAA. Kita jelaskan apa itu MSDNAA, keuntungannya, syarat, teknis, dll. Materi MSDNAA ini selalu kita bawa dalam setiap event yang diadakan oleh Mugi Bandung, karena menurut saya inilah point yang paling penting. Untuk kerjasama dengan Mugi Bandung yang dibahas yaitu mengenai kemungkinan kerjasama untuk mengadakan training-training bagi para mahasiswa atau dosen. Training yang dibahas yaitu training reguler dan training sertifikasi Microsoft. Training yang dikhususkan untuk sertifikasi Microsoft ini sangat penting sekali untuk mahasiswa, sehingga setelah lulus kuliah mereka memiliki peluang yang lebih lebar lagi dalam mencari kerja, ini merupakan point penting bagi lulusan fresh graduate. Setelah pertemuan selesai (sambil dijamu makan siang :D ) kita memberikan dvd office tutorial dan dvd developer kit kepada mereka sebagai "kenang-kenangan" :)

Berikut foto-foto dengan pihak Unsur :

Setelah melakukan pertemuan dengan pihak Unsur kita diundang untuk Talk Show di sebuah radio di Cianjur, yaitu Bio Radio. Radio ini telah bekerja sama dengan Unsur untuk promosi event tanggal 14 feb 2009. Pada talk show tersebut kita jelaskan apa itu Mugi, event untuk tanggal 14 feb, perkenalan profile masing-masing pembicara. Selain itu kita bagi-bagi door prize untuk pendengar yang bertanya lewat telepon. Waktu ada 3 orang penelopon yang masuk. Kita di wawancara di radio tersebut sekitar 1 jam. O ya thx to Irsan.S dari Microsoft Indonesia (Bandung) yang telah memberikan goodies untuk door prize nya :)

Berikut foto-foto di Bio radio FM :

Setelah beres talk show perjalanan kita lanjutkan ke kampus UNPI Cianjur. Kita bertemu dengan Dekan Fakultas Teknik dengan bantuan dosen dari Unsur, kebetulan dosen tersebut juga mengajar di kampus UNPI (terima kasih pak Enang :) ). Pembicaraan yang dilakukan pembahasannya sama seperti yang dilakukan dengan pihak Unsur sebelumnya.

Setelah semuanya beres sudah pasti lah perut kita lapar (lagi :D ). Akhirnya kita kuliner di Cianjur. Karena saya dengan Bobby NH asli orang Cianjur, kita ajak Pak Firstman untuk menikmati jajanan di Cianjur yang terkenal ;). Kita makan Sate Maranggi, Ketan, Nasi Uduk beserta sambal Oncomnya yang enak ;))...setelah itu kita minum Es Sirop Bace yang enak juga :D...Tentunya setelah itu kita beli oleh-oleh untuk dibawa ke rumahnya masing-masing. Kita beli Sari Kelapa. Sari Kelapa yang kita beli ini bukan sekedar sari kelapa biasa, karena rasanya beda dengan sari kelapa yang lainnya :D...

O ya thx juga to Andri Yadi yang telah meminjamkan mobil Avanza nya, he4x...semula sih dia mau ikut juga ke cianjur, tapi karena ada keperluan di bandung akhirnya ga jadi ikut. Karena sudah meminjamkan mobil akhirya kita belikan andri oleh-oleh sari kelapa juga :))

Foto makan-makan :D

Sampai ketemu di event tanggal 14 Feb 2009 nanti di Cianjur!

Share this post: | | | |

SMILE - Mugi Bandung's Microsoft Technology Update at UPI Bandung

yulian — Tue, 27 Jan 2009 06:31:00 GMT

Pada tanggal 24 Jan 2009 yang bertepatan dengan hari Sabtu telah diadakan seminar tentang Microsoft Technology Update di UPI (Universitas Pendidikan Indonesia, dulu bernama IKIP). Event ini terselenggara berkat kerjasama antara MUGI Bandung, UPI dan Microsoft Indonesia. Event ini merupakan event rutin MUGI Bandung dalam mengadakan sharing update teknologi Microsoft ke kampus-kampus yang terdapat di kota Bandung.

Sebelumnya saya mengucapkan terima kasih kepada panitia dari UPI yang telah menyelenggarakan acara ini dengan sukses dan memberikan tempat seminar yang bagus. Gedung JICA yang digunakan merupakan gedung yang dibangun oleh pihak Jepang. Kalau dilihat ruangan tempat seminarnya itu mirip atau bisa dikatakan menyerupai mini Sabuga :D ...mungkin nanti Microsoft Indonesia bisa menjadikan tempat ini sebagai alternatif untuk menyelenggarakan acara berikutnya ;)

Secara umum acara ini dihadiri oleh mahasiswa UPI, selain itu juga terdapat beberapa peserta undangan untuk guru-guru dan juga peserta dari kampus lainnya. Para audience tampak antusias mengikuti acara ini sampai acara selesai. Sekitar pukul 11.00 kita (Saya sendiri, Narenda, Bobby NH, Irsan, Julius Fenata, Firstman) bertatap muka dengan ketua Program Studi, dosen dan dekan dari jurusan Ilmu Komputer di salah satu ruang yang terdapat di jurusan tsb. Materi yang dibicarakan seputar MSDNAA, program kerjasama dengan Mugi Bandung, Kuliah Umum, training / workshop. Mereka sangat mendukung sekali acara-acara seperti ini dan ingin menindak lanjuti lebih jauh lagi. Sungguh support yang cukup baik dari pihak kampus dalam meningkatkan skill / pengetahuan mahasiswa khususnya para guru-guru yang menjadi ujung tombak kemajuan pendidikan di Indonesia.

Berikut cuplikan foto-foto yang sempat kita ambil gambarnya pada saat event tersebut (Seperti biasa acara dimulai dengan sambutan dari pihak ILKOM UPI). Acara ini dihadiri oleh sekitar kurang lebih 300 peserta.

Audiences :

Session pertama diisi oleh Bobby NH dengan memperkenalkan MUGI (Bandung) :

Session berikutnya diisi oleh Irsan.S dan Sugiharta.N dengan materi Microsoft Product License :

Acara dilanjutkan dengan materi Microsoft Certification oleh Aris Lesmana :

Ketua Mugi Bandung kita membawakan materi presentasi tentang MSF Agile Methodology :

Luki Ishwara mengisi session dengan materi Exploring SQL Server 2008 Features :

Julius Fenata mengisi session berikutnya dengan materi MSDNAA, Imagine Cup :

Saya sendiri membawakan materi Data Access Using LINQ :

Andri Yadi dengan ASP.NET Dynamic Data :

Ronald R dengan WPF dan Silverlight :

Session terakhir diisi oleh Bobby NH dengan Bobby IZ dengan materi Windows Server 2008 :

Foto-foto dengan panitia dari UPI :

Foto-foto pelepas lelah :))

Makan-makaaan :))

Bagi yang ingin lihat foto-foto lainnya bisa dilihat di facebook ini. Terima kasih kepada panitia UPI yang telah menyelenggarakan acara ini dengan sukses!

Share this post: | | | |

Get 10% Discount plus Second Shot on Microsoft Certification

yulian — Thu, 15 Jan 2009 09:20:00 GMT

Dear All,

Bagi anda semua yang berminat untuk mengambil sertifikasi Microsoft khusus untuk track MCTS, MCPD, dan MCITP ada kesempatan untuk kalian semua guna mendapatkan free 10% Disc untuk satu kode exam. Jika anda gagal pada ujian yang pertama maka diberikan kesempatan Second Shot, alias gratis tanpa harus bayar.

Kode voucher ini harus anda request sampai tanggal 31 Maret 2009. Sedangkan untuk pelaksanaan ujiannya maksimum mengambil sampai tanggal 31 Mei 2009 setelah anda dapatkan kode voucher yang discounted.

Langkah-langkahnya sbb :

Masukkan kode promotion code ini : IDE41027 ke site : http://www.learnandcertify.com/Request.aspx
Ikuti petunjuknya sampai anda mendapatkan kode voucher yang didiskon.
Setelah mendapatkan kode voucher nya anda dapat mendaftarkan waktu ujian / tes ke training center yang memiliki kerjasama dengan Prometric / VUE. Anda harus pastikan terlebih dahulu ke training center nya apakah Prometric atau VUE yang bisa menggunakan voucher ini.

Sebagai informasi biaya satu exam code itu 50$ + biaya administrasi. Biaya administrasi ini bervariasi tergantung dari training center ybs.

Selamat bersertifikasi

Share this post: | | | |

Using Visual State Manager In WPF

yulian — Fri, 09 Jan 2009 09:27:00 GMT

Selama ini fitur Visual State Manager (VSM) hanya terdapat di Silverlight. Setelah adanya WPF Toolkit fitur VSM dapat digunakan pada aplikasi WPF. Jika kita ingin menggunakan VSM di Expression Blend 2 maka terlebih dahulu harus install Blend SP1. WPF Toolkit dapat di download disini, sedangkan Blend SP1 dapat didownload disini.

Apa itu VSM? VSM merupakan fitur yang digunakan untuk menyimpan setting atau state visual dari sebuah object. Object ini dapat berupa Rectangle, Text, dll. Dengan VSM kita dapat membuat kontrol lebih hidup. Misalnya ketika sebuah button medapatkan event Focus kita ingin border nya berubah warna secara gradien, dan gradien tersebut berulang kembali ke warna awal. Hal ini dapat dilakukan dengan membuat Storyboard untuk animasi yang diinginkan berdasarkan timeline tertentu. VSM ini berguna kalau kita membuat user control atau custom control.

Mari kita buat contoh sederhana, yaitu Button dengan border brush dimana warnanya berubah secara linear gradient ke warna tertentu dan kembali ke warna asalnya. Tools yang akan saya gunakan untuk design control tersebut yaitu Blend2 yang telah diinstal SP1 nya dan WPF Toolkit, sedangkan Visual Studio 2008 digunakan untuk menambahkan event handler yang akan mengeksekusi state yang telah dibuat.

1. Setelah anda install WPF Toolkit dan Blend SP1, tambahkan entri dibawah ini ke dalam registry (Buat tipe DWORD dengan value 0 ) :

- 32 bit OS : HKLM/Software/Microsoft/Expression/Blend/EnableVSM

- 64 bit OS : HKLM/Software/Wow6432Node/Microsoft/Expression/Blend/EnableVSM

2. Create WPF application project dari Blend2.

3. Tambahkan referensi ke WPFToolkit.dll dari lokasi C:\Program Files\WPF Toolkit\v3.5.31016.1\WPFToolkit.dll...sesuaikan lokasinya berdasarkan lokasi instalasi di komputer anda.

4. Tutup semua window.xaml yang terbuka, kemudian buka kembali window nya.

5. Tambahkan sebuah control Button pada window.xaml.

6. Klik kanan button tersebut => pilih menu Edit Control Parts (Template) => Create Empty...template dapat disimpan di window atau di app.xaml :

7. Tambahkan sebuah Rectangle dan TextBlock, atur properti nya sehingga memiliki tampilan seperti dibawah ini :

Kode xaml untuk tampilan diatas :

1: <Application2:     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"3:     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"4:     x:Class="App"5:     StartupUri="Window1.xaml" 6:     xmlns:vsm="clr-namespace:System.Windows;assembly=WPFToolkit">7:     <Application.Resources>8:         <!--
                            Resources scoped at the Application level should be defined here. -->9:         <ControlTemplate x:Key="VSMButtonStyle" TargetType="{x:Type Button}">10:             <Grid>11:                 <Rectangle Margin="0,0,0,0" VerticalAlignment="Stretch" 12:                     RadiusX="30" RadiusY="30" StrokeThickness="4" x:Name="rectangle">13:                     <Rectangle.Fill>14:                         <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">15:                             <GradientStop Color="#FF000000" Offset="0"/>16:                             <GradientStop Color="#FFFFFFFF" Offset="1"/>17:                         </LinearGradientBrush>18:                     </Rectangle.Fill>19:                     <Rectangle.Stroke>20:                         <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">21:                             <GradientStop Color="#FF0402FF" Offset="0"/>22:                             <GradientStop Color="#FFDEFF00" Offset="1"/>23:                         </LinearGradientBrush>24:                     </Rectangle.Stroke>25:                 </Rectangle>26:                 <TextBlock Margin="0,0,0,0" Text="VSM Button!" TextWrapping="Wrap" 27:                     HorizontalAlignment="Center" VerticalAlignment="Center" 28:                            FontSize="24" x:Name="textBlock">29:                     <TextBlock.Foreground>30:                         <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">31:                             <GradientStop Color="#FFFF1900" Offset="0"/>32:                             <GradientStop Color="#FFECFF00" Offset="1"/>33:                         </LinearGradientBrush>34:                     </TextBlock.Foreground>35:                 </TextBlock>36:             </Grid>37:         </ControlTemplate>38:     </Application.Resources>39: </Application>

8. Cari window berikut ini :

dari window inilah kita akan menambahkan visual state.

9. Tambahkan Visual State Group pada window States (klik tanda panah pada ujung kanan atas windownya). Pada Visual State Group yang telah terbentuk buat visual state (klik tanda panah pada ujung kanan atas windownya), misalnya saya beri nama "FocusState" :

Pada saat itu juga state recording status nya "On", artinya segala sesuatu yang kita lakukan untuk perubahan terhadap properti object-object yang ada di window akan "direkam".

10. Pada window "Objects and Timeline", geser timeline dari 0 ke 1 :

kita akan lakukan perubahan gradien color untuk border rectangle dan textblock. Geser slider color untuk masing-masing object (border dan textblock) menjadi warna yang berlawanan dengan warna asalnya. Atur properti "AutoReverse" ke True dan "RepeatBehaviour" ke Forever pada properti window untuk state FocusState (untuk menampilkannya anda perlu klik terlebih dahulu state tersebut pada Object and Timeline window.

11. Tambahkan visual state baru pada VisualStateGroup yang ada, misal saya beri nama "LostFocusState" :

Pada state tersebut kita ga perlu lakukan perubahan setting properti apapun. State ini akan digunakan untuk membuat animasi yang telah dibuat berhenti ketika kontrol tersebut kehilangan event Focus.

Kode xaml untuk VisualStateGroup yang telah dibuat :

1: <Application2:     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"3:     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"4:     x:Class="App"5:     StartupUri="Window1.xaml" xmlns:vsm="clr-namespace:System.Windows;assembly=WPFToolkit">6:     <Application.Resources>7:         <!--
                            Resources scoped at the Application level should be defined here. -->8:         <ControlTemplate x:Key="VSMButtonStyle" TargetType="{x:Type Button}">9:             <Grid>10:                 <vsm:VisualStateManager.VisualStateGroups>11:                     <vsm:VisualStateGroup x:Name="VisualStateGroup">12:                         <vsm:VisualState x:Name="FocusState">13:                             <Storyboard AutoReverse="True" RepeatBehavior="Forever">14:                                 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" 15:                                 Storyboard.TargetName="rectangle" 16:                                 Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[0].(GradientStop.Offset)">17:                                     <SplineDoubleKeyFrame KeyTime="00:00:01" Value="1"/>18:                                 </DoubleAnimationUsingKeyFrames>19:                                 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" 20:                                 Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Stroke).(GradientBrush.GradientStops)[1].(GradientStop.Offset)">21:                                     <SplineDoubleKeyFrame KeyTime="00:00:01" Value="0"/>22:                                 </DoubleAnimationUsingKeyFrames>23:                                 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" 24:                                 Storyboard.TargetName="textBlock" Storyboard.TargetProperty="(TextElement.Foreground).(GradientBrush.GradientStops)[1].(GradientStop.Offset)">25:                                     <SplineDoubleKeyFrame KeyTime="00:00:01" Value="0"/>26:                                 </DoubleAnimationUsingKeyFrames>27:                                 <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" 28:                                 Storyboard.TargetName="textBlock" Storyboard.TargetProperty="(TextElement.Foreground).(GradientBrush.GradientStops)[0].(GradientStop.Offset)">29:                                     <SplineDoubleKeyFrame KeyTime="00:00:01" Value="1"/>30:                                 </DoubleAnimationUsingKeyFrames>31:                             </Storyboard>32:                         </vsm:VisualState>33:                         <vsm:VisualState x:Name="LostFocusState"/>34:                     </vsm:VisualStateGroup>35:                 </vsm:VisualStateManager.VisualStateGroups>

.csharpcode, .csharpcode pre { font-size: small; color: black; font-family: consolas, "Courier New" , courier, monospace; background-color: #ffffff; /*white-space: pre;*/ } .csharpcode pre { margin: 0em; } .csharpcode .rem { color: #008000; } .csharpcode .kwrd { color: #0000ff; } .csharpcode .str { color: #006080; } .csharpcode .op { color: #0000c0; } .csharpcode .preproc { color: #cc6633; } .csharpcode .asp { background-color: #ffff00; } .csharpcode .html { color: #800000; } .csharpcode .attr { color: #ff0000; } .csharpcode .alt { background-color: #f4f4f4; width: 100%; margin: 0em; } .csharpcode .lnum { color: #606060; }

12. Buka window.xaml design. Tampilkan list event untuk button kontrol tersebut pada properties window. Cari event GotFocus, double click pada textbox event tersebut sehingga muncul Visual Studio. Tambahkan kode berikut :

1: Private Sub btnVSM_GotFocus(ByVal sender As System.Object, _2:                             ByVal e As System.Windows.RoutedEventArgs)3:  4:     VisualStateManager.GoToState(btnVSM, "FocusState", False)5: End Sub6:  7:  8: Private Sub btnVSM_LostFocus(ByVal sender As System.Object, _9:                              ByVal e As System.Windows.RoutedEventArgs)10:  11:     VisualStateManager.GoToState(btnVSM, "LostFocusState", False)12: End Sub

VisualStateManager class digunakan untuk memanggil atau eksekusi state yang diinginkan pada event tertentu. Parameter pertama diisi dengan nama kontrol buttonya, parameter kedua diisi dengan nama state yang akan dieksekusi, parameter ketiga jika kita ingin menggunakan state ini sebagai VisualTransition. Untuk contoh kasus ini saya tidak menambahkan transition time yang merupakan waktu jeda antara state-state tertentu.

Hasilnya dapat anda lihat berikut ini (border gradien color dan foreground textblock akan berubah-ubah terus selama button mendapatkan event focus) :

Source code untuk melihat animasi button diatas dapat didownload disini.

Share this post: | | | |