Samsu's passion (.NET)

Perkenalan Sync Framework

samsu.sempena — Mon, 19 Mar 2012 05:39:00 GMT

Microsoft Sync Framework merupakan suatu platform sinkronisasi yang komprehensif untuk kolaborasi dan akses offline terhadap aplikasi, servis, dan device. Sync Framework memiliki fitur dan kakas untuk memungkinan membuka data, berbagi data , dan mengambil data secara offline. Dengan menggunakan Sync Framework, developer dapat membuat ekosistem sinkronisasi yang mengintegrasikan aplikasi apapun dengan data apapun dari sumber manapun, menggunakan protokol apapun dengan jaringan apapun.

Beberapa kondisi sinkronisasi dimana Sync Framework dapat sangat bermanfaat yaitu:

Integrasi tipe data yang berbeda
Mendeteksi dan menyelesaikan konflik saat sinkronisasi
Bekerja dengan partisipan yang memiliki kapabilitas berbeda
Bekerja dengan partisipan yang membutuhkan subset data yang berbeda
Menangani jaringan yang tidak dapat diandalkan

Keuntungan menggunakan Sync Framework :

Model yang ekstensible untuk mengintegrasikan multiple data source (banyak data sumber) kedalam ekosistem yang terintegrasi
Managed API untuk seluruh komponen dan native API untuk komponen pilihan
Penanganan konflik untuk skema resolusi otomatis dan custom
Filter untuk mensinkronisasi subset data
Metadata model yang kompak dan efisien untuk memungkinkan sinkronisasi antara partisipan virtual tanpa perubahan signifikan terhadap data store

Gambar di atas menunjukkan arsitektur dari Sync Framework.

Saat ini SyncFramework sudah tersedia hingga v2.1. Dan versi 4.0 CTP merupakan ekstensi dari v2.1. Unduh Sync Framework dari pranala berikut : http://www.microsoft.com/download/en/details.aspx?displaylang=en&id=23217.

Referensi :

http://msdn.microsoft.com/en-us/sync/bb736753. Diakses tanggal 19 Maret 2012.
http://www.microsoft.com/download/en/details.aspx?displaylang=en&id=23217. Diakses tanggal 19 Maret 2012.
http://en.wikipedia.org/wiki/Microsoft_Sync_Framework. Diakses tanggal 19 Maret 2012.

SyncToy

samsu.sempena — Mon, 19 Mar 2012 05:09:00 GMT

Kita tentu pernah mendengar istilah “backup” atau menyimpan cadangan. Bagi data-data kita yang berharga seringkali kita melakukan backup berkala setiap minggu atau bulan, masalahnya adalah ketika ada perubahan pada data kita tersebut seringkali kita kerepotan untuk mensinkronkannya. Akibatnya, mungkin kita melakukan pengkopian ulang secara utuh. Bayangkan jika data kita berukuran besar! Bisa habis diskspace yang kita miliki untuk menyimpan data secara redundan (kecuali backup sebelumnya dihapus secara berkala, namun proses pengkopian secara utuh tetap tidak optimal secara waktu)

Untuk itu kita dapat menggunakan aplikasi SyncToy. Unduh dari pranala ini, versi terbaru saat ini adalah 2.1. SyncToy merupakan aplikasi GRATIS dari Microsoft untuk melakukan sinkronisasi terhadap files dan folder, umumnya digunakan untuk melakukan backup data. SyncToy didukung oleh platform sinkronisasi handal dari Microsoft yaitu Microsoft Sync Framework yang akan saya bahas di catatan lain.

Untuk dapat menginstall SyncToy, pastikan komputer Anda memenuhi syarat berikut :

Sistem Operasi : Windows 7, Windows Vista, atau Windows XP
Microsoft .NET Framework v2.0
1GHz Intel P3 processor atau setara
minimal 256MB RAM, disarankan 512MB RAM
ruang kosong harddisk 20MB

Cara menggunakannya cukup mudah, install dan jalankan SyncToy maka Anda akan mendapatkan tampilan berikut :

Pilih “Create New Folder Pair”:

Pilih “Next” :

Ada 3 pilihan sinkronisasi yang ditawarkan yaitu :

Synchronize : Penambahan file dikopikan ke dua arah. Perubahan/penghapusan data di satu folder akan dipropagasikan ke folder lainnya
Echo : Penambahan file dikopikan dari folder kiri ke kanan. Perubahan/penghapusan data di folder kiri akan dipropagasi ke folder kanan.
Contribute : Mirip dengan echo, hanya tidak ada sinkronisasi untuk penghapusan data.

Pilihlah sesuai kebutuhan Anda. Jika sudah, selanjutnya pilih “Next” :

Berikan nama yang Anda inginkan untuk pasangan folder ini. Jika sudah, pilih “Finish”

Untuk memulai proses sinkronisasi, pilihlah “Run” atau “Preview” untu melihat apa saja perubahan yang akan terjadi..

Selesai! Semoga Anda terbantu dengan SyncToy ini

Upgrade SQL Server

samsu.sempena — Tue, 21 Feb 2012 10:37:00 GMT

Catatan kali ini sebenarnya lebih tepat sebagai log dari pengalaman saya yang agak membuat kepala pusing dengan SQL Server. Ceritanya adalah di komputer saya telah terinstall Microsoft SQL Server 2008. Lalu saya mendapatkan file mdf yang ketika diattach ke SQL Server di komputer saya ini mengeluarkan error sebagai berikut :

The database ”PATHTOMDFFILE’ cannot be opened because it is version 661. This server supports version 655 and earlier. A downgrade path is not supported. Could not open new database ‘PATHTOMDFFILE’. CREATE DATABASE is aborted.
An attempt to attach an auto-named database for file ‘PATHTOMDFFILE’ failed. A database with the same name exists, or specified file cannot be opened, or it is located on UNC share.

Error ini membuat saya pusing selama beberapa jam lamanya. Karena database SQL Server yang saya coba attach juga digenerate dari mesin dengan Microsoft SQL Server 2008. Selidik punya selidik, ternyata SQLServer di komputer saya adalah Ms SQL Server 2008 RTM sementara yang saya coba attach adalah Ms SQL Server 2008 RC2.

Maka, saya pun segera menuju halaman http://www.microsoft.com/download/en/details.aspx?id=26729 untuk mengunduh Ms SQL Server 2008 RC2. Setelah beres, maka saya install dan membuat instance baru. Setelahnya untuk memilih instance mana yang kita pakai ketika membuka file DB SQLServer, dapat diatur di menu Visual Studio :

Data > Modify Connection > Advanced Properties > Data Source

Akhirnya masalah terpecahkan!

Nah, jika teman-teman penasaran sebenarnya versi SQL Server yang sedang teman-teman gunakan tuh apa dapat mengeceknya dari tabel berikut :

Referensi :

http://sqlserverbuilds.blogspot.com/

.NET Framework 4.5 Developer Preview

samsu.sempena — Mon, 07 Nov 2011 13:52:00 GMT

Pada September 2011 lalu, Microsoft kembali merilis framework terbarunya versi developer preview. Tentu kawan-kawan tidak asing lagi dengan .NET Framework, yang selalu kita gunakan apapun target platformnya selama menggunakan teknologi Microsoft. Sekedar mereview, .NET Framework merupakan komponen Windows terintegrasi untuk mendukung pengembangan dan eksekusi aplikasi dan web services. Komponen utama dari .NET Framework adalah Common Language Runtime (CLR) dan pustaka .NET seperti ADO.NET, ASP.NET, Windows Forms, Windows Presentation Foundation (WPF), dst.

Beberapa penambahan dan perbaikan fitur di versi 4.5 ini diantaranya :

Subset .NET untuk aplikasi bergaya Metro
Fitur baru dan pengembangan fungsi-fungsi core (Managed Extensibility Framework , Asynchronous File Operation)
Web (mendukung jenis form HTML5, model binders di webform, Javascript, AntiXSS library, dsb)
Networking (antarmuka baru untuk aplikasi HTTP : System.Net.http, internationalization, Ipv6, parser/pengurai IDN, dukungan EAI),
Windows Presentation Foundation (WPF) : control Ribbon, antarmuka InotifyDataErrorInfo, VirtualizingPanel, integrasi yang lebih baik dengan Win32, dsb)
Windows Communication Foundation (WCF) : konfigurasi disederhanakan, support streaming aynschrounous, dsb)
Windows Workflow Foundation (WF) : dapat membuat state machine workflow, meningkatkan fitur Workflow Designer, dsb)

Karena fitur yang ada di versi Developer Preview ini masih dapat berubah, maka tetap cek informasi terbaru dari MSDN Microsoft.

Referensi : http://msdn.microsoft.com/en-us/library/ms171868(v=vs.110).aspx

Skeleton Tracking dengan Kinect + WPF

samsu.sempena — Fri, 10 Jun 2011 11:53:00 GMT

Post ini sekaligus menjadi penutup dari bahasan mengenai Kinect. Setelah sebelumnya pembahasan umum mengenai kinect http://bit.ly/igYYGl , dilanjutkan dengan menggunakan kinect untuk deteksi manusia http://bit.ly/j4oVQM, dan menggunakan kinect di XNA http://bit.ly/l0MqsU, maka kali ini Kinect digunakan dengan WPF untuk melakukan skeleton tracking.

Skeleton tracking merupakan hal yang lebih advance dari sekedar human detection. Pada skeleton tracking, model manusia yang umumnya direpresentasikan dengan stick figure akan dicocokkan dengan manusia yang terdeteksi. Hal ini tidaklah mudah, setidaknya pada paper berjudul “Real-Time Human Pose Recognition in Parts from Single Depth Images” oleh tim Microsoft di balik Kinect dijelaskan dibutuhkan ratusan ribu training data dan tentunya ribuan jam komputasi jika dikerjakan dengan komputer normal. Di bawah ini ditampilkan cuplikan hasil penelitian dari paper tersebut :

Nah, kembali pada topik semula. Dengan library openNI yang masih merupakan library terbaik untuk Kinect di PC saat ini (SDK kinect dari microsoft belum juga dirilis), skeleton tracking dapat *** dilakukan di WPF (cara menggunakan library lihat post sebelumnya) dengan menggunakan fungsi yang telah tersedia. Fungsi tersebut terdapat di kelas SkeletonCapability dan untuk menghasilkannya dibutuhkan UserGenerator.

        1: skeleton = userGenerator.GetSkeletonCap();

       2: skeleton.CalibrationStart += new SkeletonCapability.CalibrationStartHandler(skeleton_CalibrationStart);

       3: skeleton.CalibrationEnd += new SkeletonCapability.CalibrationEndHandler(skeleton_CalibrationEnd);

       4: skeleton.SetSkeletonProfile(SkeletonProfile.All);

Posisi dan orientasi dari setiap joint stick figure dapat diakses menggunakan fungsi getSkeletonJoint dari kelas SkeletonCapability. Kita juga dapat menentukan apakah skeleton yang ditrack hanya upper part, lower part, atau keduanya.

Hasilnya dapat disajikan dalam clip singkat berikut :

Skeleton tracking using Kinect with OpenNI library + WPF

XNA dan Kinect

samsu.sempena — Sun, 29 May 2011 17:39:00 GMT

XNA seperti yang telah dibahas pada post sebelumnya, merupakan framework yang disediakan Microsoft untuk mempermudah proses pembuatan game. Nah, pada kesempatan ini saya mencoba membuat suatu game sederhana menggunakan XNA dan Kinect yang saya berinama StartDance yang terinspirasi dari DDR. Program ini dapat mendeteksi posisi manusia dan gesture seperti melambaikan tangan.

Keunggulan dari game ini tentunya karena tidak diperlukan dance-pad seperti pada gambar di bawah ini, karena dengan Kinect kita dapat mengetahui posisi pemain secara akurat dalam sistem koordinat nyata. Seperti yang dijelaskan pada post sebelumnya, kali ini pun akan digunakan library OpenNI. Namun kita akan menggunakan versi managed library dari openNI, yaitu library yang telah membungkus fungsi-fungsi yang aslinya dalam bahasa C/C++ ke dalam interface yang dapat diakses dengan managed language seperti C#.

Untuk setting awal project XNA dapat melihat penjelasan dari post saya sebelumnya. Pada project ini kita akan memiliki struktur program sebagai berikut :

Untuk mempermudah pengembangan, maka program dikembangkan dengan pendekatan OOP sehingga terdapat beberapa kelas :

MusicManager : mengatur segala hal yang berhubungan dengan musik
Player : instansiasi dari kelas Player, terdapat posisi dan skor
PlayerManager: mengelola player-player yang ada (karena program dibuat agar jumlah pemain dapat flexible, sekalipun hanya 1-2 pemain), sekaligus menangani hubungan dengan Kinect
StepManager: kelas yang mengatur pengacakan melodi dan pengaturan gerakan yang akan dimainkan
StartDance : kelas utama yang menjadi “main” program yang akan diinstansiasi pertama-tama oleh program.cs

Pembahasan utama berada pada kelas PlayerManager yang menjelaskan cara mengambil data dari Kinect dan menggunakan library openNI.net. Namun, pada kode program yang dapat diunduh secara cuma-cuma di bagian akhir program, teman-teman dapat mempelajari cara meload dan memutar lagu pada XNA atau penggunaan thread untuk mengintegrasikan not-not yang terus bergerak turun dengan thread UI dan thread player. Jika ada kesulitan silakan PM tentunya bing-ing atau googling dulu yah!

Berikut adalah kode PlayerManager.cs :

        1: using System;

       2: using System.Collections.Generic;

       3: using Microsoft.Xna.Framework;

       4: using Microsoft.Xna.Framework.Graphics;

       5: using xn;

       6:  

       7: namespace StartDance

       8: {

       9:     /// <summary>

    /// This is a game component that implements IUpdateable.

    /// </summary>

    public class PlayerManager : Microsoft.Xna.Framework.GameComponent

    {

        Game thisgame;

        Context context;

        UserGenerator userGenerator;

        GestureGenerator gestureGenerator;

        Delegate gestureHandler;

        public List<Player> playerList;

  

        public PlayerManager(Game game, Delegate _gestureHandler)

            : base(game)

        {

            thisgame = game;

            gestureHandler = _gestureHandler;

            try

            {

                context = new Context("openni.xml");

                userGenerator = new UserGenerator(context);

                userGenerator.NewUser += new UserGenerator.NewUserHandler(userGenerator_NewUser);

                userGenerator.LostUser += new UserGenerator.LostUserHandler(userGenerator_LostUser);

                gestureGenerator = new GestureGenerator(context);

                gestureGenerator.AddGesture("Wave");

                gestureGenerator.GestureRecognized += new GestureGenerator.GestureRecognizedHandler(

                        gestureGenerator_GestureRecognized);

                context.StartGeneratingAll();

                

                playerList = new List<Player>();

                Initialize();

            }

            catch (Exception ex)

            {

                game.Dispose();

                game.Exit();

            }

        }

  

        void gestureGenerator_GestureRecognized(ProductionNode node, string strGesture, 

            ref Point3D idPosition, ref Point3D endPosition)

        {

            if (strGesture == "Wave")

            {

                gestureHandler.DynamicInvoke();

            }

        }

  

        void userGenerator_NewUser(ProductionNode node, uint id)

        {

            Player player = new Player(id);

            playerList.Add(player);

            Console.WriteLine("New User : " + id);

            //throw new NotImplementedException();

        }

  

        void userGenerator_LostUser(ProductionNode node, uint id)

        {

            Player player = playerList.Find(a=>a.uid==id);

            playerList.Remove(player);

            Console.WriteLine("Lost User : " + id);

            //throw new NotImplementedException();

        }

  

        public override void Initialize()

        {

            base.Initialize();

        }

  

        public override void Update(GameTime gameTime)

        {

            // TODO: Add your update code here

            if (context != null)

            {

                context.WaitNoneUpdateAll();

                foreach (Player player in playerList)

                {

                    player.position = userGenerator.GetCoM(player.uid);

                }

            }

            base.Update(gameTime);

        }

    }

}

Beberapa bagian yang menarik yaitu :

Penggunaan delegate (System.Delegate) untuk menginvoke event handler di kelas lain. (baris 18)
Pada game ini digunakan untuk menginvoke event ketika terdeteksi gesture wave yang digunakan untuk memulai game. (baris 48-55)
Mengetahui posisi user dengan mengupdate center of mass dari user terkait dan mengupdate context yaitu objek yang menjembatani hubungan ke Kinect (baris 78-92)

Berikut screenshot aplikasi :

Projek ini dapat dicheckout dari svn berikut http://startdance.googlecode.com/svn/trunk/
Prerequisite : Microsoft Kinect

Kinect Body Tracking

samsu.sempena — Mon, 18 Apr 2011 16:06:00 GMT

Setelah dalam posting-posting sebelumnya membahas mengenai apa itu dan apa yang sedang dilakukan dengan Kinect. Pada post ini saya mencoba untuk membuat suatu program dengan Microsoft Visual Studio C++ (saya menggunakan VS2010) dan OpenNI library untuk melakukan body tracking yaitu melacak posisi seseorang di depan Kinect.

Teknologi di balik ini sebenarnya dipelajari dalam bidang computer vision. Terdapat beberapat pendekatan utama untuk mendeteksi dan tracking posisi manusia. Teknik yang umum digunakan yaitu background subtraction dan HOG (Histogram of Oriented Gradient). Bagi yang tertarik dapat membaca survey paper yang membahas mengenai hal ini atau langsung membaca beberapa paper terkait. Beberapa jurnal yang mungkin menarik untuk dibaca:

Benezeth Y, Emile B, Laurent H., and Rosenberger C, “Vision-Based System for Human Detection and Tracking in Indoor Environment”, In: International Journal of Social Robotic, Vol.2, pp.41-52, 2010. http://www.springerlink.com/content/j21hkg0381g1175j/
Navneet Dalal,Bill Triggs,Histograms of oriented gradients for human detection ,in : Proceedings of the IEEE Conference on Computer Vision and Pattern Recognition, vol.2,2005, pp.886–893. http://ljk.imag.fr/membres/Bill.Triggs/pubs/Dalal-cvpr05.pdf

Post saya kali ini hanya akan membahas secara ringkasi dari sisi teknologi yang digunakan dan hasil yang diperoleh. Untuk info lebih lanjut mengenai implementasi dan hal-hal teknis lainnya via PM saja, ok?

Prerequisite : Microsoft Kinect, C/C++ basic knowledge

Pertama-tama, kita harus melakukan setting awal untuk membuat Kinect dapat digunakan bersama Windows termasuk pengaturan dalam visual studio C++. Tutorial untuk melakukan pengaturan saya lampirkan di akhir post ini.

Selanjutnya kode berikut dapat digunakan untuk memanggil fungsi deteksi dan tracking dari OpenNI. Langkah-langkahnya dapat dikelompokkan sebagai berikut :

Inisialisasi : membuat objek-objek generator seperti user generator, depth generator, dan image generator. Namun untuk melakukan deteksi user sebenarnya cukup menggunakan user generator. (baris 1-77)
Proses : pada tahap ini, data dari setiap generator diupdate. Pada tahap ini juga dilakukan proses yang diinginkan, misalnya menggambarkan ke layar kondisi terbaru dari tiap user seperti yang dilakukan di program ini. (baris 79-135)
Terminasi : melepaskan setiap resource yang digunakan. (baris 136-139)
Keterangan lebih lanjut dapat mengecek dokumentasi OpenNI.

        1: #include <cvaux.h>

       2: #include <highgui.h>

       3: #include <XnCppWrapper.h>

       4: #include <string>

       5: #include <conio.h>

       6:  

       7: using namespace cv;

       8: using namespace xn;

       9: using namespace std;

  

#define SAMPLE_XML_PATH "XML_Tracking.xml"

#define CHECK_RC(rc, what)                                        \

if (rc != XN_STATUS_OK)                                            \

{                                                                \

    printf("%s failed: %s\n", what, xnGetStatusString(rc));        \

    return rc;                                                    \

}

  

int main(int argc, char** argv)

{

    Context context;

    EnumerationErrors errors;

    XnStatus nRetVal;

  

    nRetVal = context.InitFromXmlFile(SAMPLE_XML_PATH);

    CHECK_RC(nRetVal,"Initialize Context");

  

    //DEPTH

    DepthGenerator depth;    //depth context

    DepthMetaData depthMD;    //depth metadata

    nRetVal = context.FindExistingNode(XN_NODE_TYPE_DEPTH, depth);

    CHECK_RC(nRetVal,"Initialize Depth Node");

    

    //RGB IMAGE

    ImageGenerator image;    //image context

    ImageMetaData imageMD;    //image metadata

    nRetVal = context.FindExistingNode(XN_NODE_TYPE_IMAGE, image);

    CHECK_RC(nRetVal,"Initialize Image Node");

    

    //USER

    UserGenerator user;

    XnCallbackHandle hUserCallbacks;

    nRetVal = context.FindExistingNode(XN_NODE_TYPE_USER, user);

    CHECK_RC(nRetVal,"Initialize User Node");

    

    //Scene

    SceneMetaData scene;

    SceneMetaData sceneUser;

  

    //OPENCV VARIABLE

    Mat depthshow;

    Mat show;

    IplImage* tracked = cvCreateImage(cvSize(500,500), 8, 3);    

    imshow("tracked",tracked);

    int numframe = 0;

    CvFont font;

    cvInitFont( &font, CV_FONT_HERSHEY_COMPLEX_SMALL, 1.0, 1.0, 0, 1);

    

    //DRAW GRID PATTERN IN THE OUTPUT TRAJECTORY WINDOW

    cvLine(tracked,cvPoint( 50,0),cvPoint( 50,500),CV_RGB(150,150,150),2);

    cvLine(tracked,cvPoint(150,0),cvPoint(150,500),CV_RGB(150,150,150),2);

    cvLine(tracked,cvPoint(250,0),cvPoint(250,500),CV_RGB(150,150,150),2);

    cvLine(tracked,cvPoint(350,0),cvPoint(350,500),CV_RGB(150,150,150),2);

    cvLine(tracked,cvPoint(450,0),cvPoint(450,500),CV_RGB(150,150,150),2);

    cvLine(tracked,cvPoint(0,100),cvPoint(500,100),CV_RGB(150,150,150),2);

    cvLine(tracked,cvPoint(0,200),cvPoint(500,200),CV_RGB(150,150,150),2);

    cvLine(tracked,cvPoint(0,300),cvPoint(500,300),CV_RGB(150,150,150),2);

    cvLine(tracked,cvPoint(0,400),cvPoint(500,400),CV_RGB(150,150,150),2);

    

    //PATH 

    cvLine(tracked,cvPoint(350,300),cvPoint(150,300),CV_RGB(255,255,0),2);

    cvLine(tracked,cvPoint(150,300),cvPoint(150,200),CV_RGB(255,255,0),2);

    cvLine(tracked,cvPoint(150,200),cvPoint(350,200),CV_RGB(255,255,0),2);

    cvLine(tracked,cvPoint(350,200),cvPoint(350,100),CV_RGB(255,255,0),2);

    cvLine(tracked,cvPoint(350,100),cvPoint(150,100),CV_RGB(255,255,0),2);

    cvLine(tracked,cvPoint(150,100),cvPoint(150,0),CV_RGB(255,255,0),2);

    cvLine(tracked,cvPoint(150,0),cvPoint(350,0),CV_RGB(255,255,0),2);

  

    while (kbhit() == 0)

    {

        context.WaitAnyUpdateAll();

        image.GetMetaData(imageMD);

        depth.GetMetaData(depthMD);

        numframe++;

            

        ///Converting to OpenCV Matrix

        Mat depth16(480,640,CV_16SC1,(unsigned short*)depthMD.WritableData());

        depth16.convertTo(depthshow,CV_8U,-255/4096.0,255); //convert depth 16 bit image to 8 bit image

        Mat imni(480,640,CV_8UC3,(uchar*)imageMD.WritableData());

        cvtColor(imni,show,CV_RGB2BGR);                        //convert color space : RGB2BGR

  

        int number_of_user = user.GetNumberOfUsers();

        if (number_of_user > 0) {

            nRetVal = user.GetUserPixels(0,scene);

            CHECK_RC(nRetVal, "Get Scene Meta Data");

            Mat sceneMap(480,640,CV_16SC1,(unsigned short*)scene.WritableData());

            sceneMap.convertTo(sceneMap,8,60,0);

            

            for (int i=1;i<=number_of_user;i++) {

                XnPoint3D CoM;

                xnGetUserCoM(user,i,&CoM);

  

                if (CoM.X != 0 && CoM.Y != 0 && CoM.Z != 0) {

                    int R=255,G=255,B=255;

  

                    //APPROXIMATION OF HUMAN CENTRAL POINT

                    int x = (int) CoM.X/10;

                    int z = (int) CoM.Z/10;

                    int xx,zz;

                    if (x == 0) {

                        xx = 0;

                        zz = z + 20;

                    }

                    else {

                        xx = (int) x + (20 * x / sqrt((double) x*x + z*z));

                        zz = (int) z + (20 * z / sqrt((double) x*x + z*z));

                    }

                    cvCircle(tracked,cvPoint(250 + xx, 500 - zz),2,CV_RGB(R,G,B),-1);

                    printf("%d\t%d\n", xx, zz);

  

  

                    ///CENTER OF MASS

                    XnPoint3D imagePoint;

                    depth.ConvertRealWorldToProjective(1,&CoM,&imagePoint);

                    cvCircle(&show.operator IplImage(),cvPoint((int)imagePoint.X,(int)imagePoint.Y),5,CV_RGB(R,G,B),-1);

                }

            }

            imshow("scene",sceneMap);

            imshow("tracked", tracked);

        }

        imshow("image",show);

        imshow("depth",depthshow);

  

        waitKey(33);

    }

    cvReleaseImage(&tracked);

    context.Shutdown();

    return 0;

}

File XML_Tracking.xml yang digunakan sebagai berikut :

       1: <OpenNI>

       2:     <Licenses></Licenses>

       3:     <Log writeToConsole="false" writeToFile="false">

       4:         <!-- 0 - Verbose, 1 - Info, 2 - Warning, 3 - Error (default) -->

       5:         <LogLevel value="3"/>

       6:         <Masks> <Mask name="ALL" on="true"/> </Masks>

       7:         <Dumps></Dumps>

       8:     </Log>

       9:     <ProductionNodes>

      10:         <!--<Recording file="test.oni" />--> <!-- jika menggunakan file recording-->

      11:         <Node type="Image" name="Image1">

      12:             <Configuration>

      13:                 <MapOutputMode xRes="640" yRes="480" FPS="30"/>

      14:                 <Mirror on="false"/>

      15:             </Configuration>

      16:         </Node>

      17:         <Node type="Depth" name="Depth1">

      18:             <Configuration>

      19:                 <MapOutputMode xRes="640" yRes="480" FPS="30"/>

      20:                 <Mirror on="false"/>

      21:                 <AlternativeViewPoint>Image1</AlternativeViewPoint>

      22:             </Configuration>

      23:         </Node>

      24:         <Node type="User"/>

      25:     </ProductionNodes>

      26: </OpenNI>

hasil dari body tracking ini dapat dilihat dari video berikut. tujuan dari program ini selain melakukan human tracking juga mengecek akurasi Kinect (dengan mensimulasikan pada ruangan berukuran 5x5 meter). Ternyata didapatkan hasil yang cukup memuaskan yaitu selisih 5-10 cm pada kedua sumbu. (lihat detailnya di blog tambahan saya)

obtaining human trajectory with Microsoft Kinect

Keterangan :

Window kiri : siluet manusia (dari depth camera),

window kanan : hasil tracking dalam koordinat real-world (kuning :ground truth, putih : trajectory yang didapat)

Panduan setting Kinect, OpenNI, dan IDE Microsoft Visual Studio dapat diunduh di sini.

Peluncuran Microsoft Kinect SDK Disambut Unjuk Gigi Pengembang Aplikasi

samsu.sempena — Sun, 17 Apr 2011 18:15:00 GMT

Peluncuran Microsoft Kinect SDK Disambut Unjuk Gigi Pengembang Aplikasi

Masih ingat dengan Microsoft Kinect? Kinect merupakan perangkat keras berupa kamera untuk mendukung Natural User Interface bersama dengan XBOX 360. Pemain dapat memainkan games di XBOX (yang berlabel support Kinect) dengan gerakan alami seperti mengayun atau melompat. Kinect yang diluncurkan Microsoft pada akhir tahun 2010 memang merupakan fenomena di bidang teknologi. Betapa tidak, Kinect tercatat dalam Guinness World Record sebagai customer device dengan penjualan tercepat setelah mencetak penjualan 8 juta unit hanya dalam 60 hari![1]

Namun, sebenarnya Kinect tidak hanya dapat digunakan untuk bermain games. Beberapa hal menarik selain games yang sedang dan potensial untuk dikembangkan dengan Kinect antara lain:

1. Mengontrol perangkat elektronik dengan gesture (gerakan tertentu).
Bayangkan tanpa menggunakan remote control, kita dapat mengendalikan televisi. Ya, itu telah terbukti dapat dilakukan! Juga tidak tertutup kemungkinan untuk perangkat elektronik lainnya. Selain itu pengembang FAAST [2] membuat apa yang disampaikan dalam Google Motion Prank (mengendalikan Google Mail dengan gerakan) semakin mendekati kenyataan!

2. Mendukung solusi medik.

Ada dua contoh yang menarik. Pertama sebagai alat analisis gerakan pasien penderita kelainan mental[3]. Menurut Prof Papanikolopoulos dari Universitas Minnesota, penggunaan Kinect dapat memberikan data medik yang objektif dan user-friendly dan juga murah mengingat harga Kinect yang hanya sekitar 150$. Kedua, digunakan dalam operasi yaitu perawat dapat mengendalikan alat-alat operasi tanpa perlu menyentuhnya langsung untuk menjaga kesterilan tangan[4].

3. Menerjemahkan Sign Language.

Sign Language adalah bahasa isyarat yang digunakan oleh orang yang memiliki keterbatasan fisik tunarungu. Saat ini sedang penelitian ini masih berlangsung di Georgia Tech untuk mengenali American Sign Language (ASL) dengan projek bernama CopyCat[5].

Microsoft pun akhirnya merilis Software Development Kit untuk Kinect agar dapat digunakan di PC. SDK ini diluncurkan pada 29 Juli 2011 lalu dan dapat diunduh secara cuma-cuma dari laman http://research.microsoft.com/en-us/um/redmond/projects/kinectsdk/download.aspx. SDK ini dilengkapi dokumentasi dan contoh program serta dapat digunakan di Windows 7 32-bit dan 64-bit. Tentunya keberadaan SDK resmi dari Microsoft akan mendorong semakin banyak aplikasi-aplikasi yang memanfaatkan Kinect di berbagai bidang. Pastikan selanjutnya aplikasimu!

Referensi

[1] Kinect Confirmed As Fastest-Selling Consumer Electronics Device. http://bit.ly/fxgoji. Terakhir diakses 6 September 2011.
[2] Flexible Action And Articulated Skeleton (Faast). http://bit.ly/exTk6O. Terakhir diakses 6 September 2011.
[3] Minnesota Prof. Uses Xbox Kinect For Research. http://cbsloc.al/fxvSdL. Terakhir diakses 6 September 2011.
[4] Surgeons use XBox to keep hands sterile before surgery. http://bit.ly/egjFjx. Terakhir diakses 6 September 2011.
[5] CopyCat And Kinect. http://bit.ly/qzX8hb. Terakhir diakses 6 September 2011.
[6] How to Learn the Alphabet in Sign Language. http://bit.ly/qNbSZD. Terakhir diakses 6 September 2011.

Microsoft Kinect

samsu.sempena — Mon, 06 Dec 2010 07:58:00 GMT

Kinect? Apakah istilah ini terasa asing? Jika iya, maka setelah membaca artikel ini teman-teman akan mengetahui apakah kinect itu!

Kinect merupakan perangkat sensor yang memungkinkan interaksi dengan pengguna menggunakan natural user interface, seperti gerakan tubuh, perintah melalui suara, atau dengan gambar/objek natural. Kinect ini juga dikenal dengan istilah “Project Natal” dari Microsoft

Kinect baru saja diluncurkan pada bulan November 2010 di beberapa negara yaitu Amerika Utara, Eropa, Australia, New Zaeland, Singapura, dan Jepang.

Berdasarkan http://en.wikipedia.org/wiki/Kinect, hingga 29 November 2010, sudah terjual 2.5 juta sensor Kinect yang terjual di pasaran!

Kinect dapat digunakan dengan Xbox 360 video game platform atau yang selanjutnya akan didukung oleh PC dengan Windows 8.

Selain sebagai perangkat untuk bermain video game, apakah yang dapat kita lakukan dengan Kinect? Seperti yang disebutkan di awal, Kinect sendiri adalah perangkat sensor yang sangat lengkap mulai dari gerakah tubuh, mengenali wajah, mengenali suara sehingga dapat digunakan untuk tujuan-tujuan lain yang membutuhkan sensor tersebut.

Sebagai contoh,saat ini beberapa aplikasi selain untuk entertainment dari Kinect,yaitu Philipp Robbel dari MIT yang mengkombinasikan kinect dengan iRobot untuk memetakan secara 3D suatu ruangan dan membuat robot itu bereaksi terhadap gerakan tubuh (gesture) manusia.

Saat ini kinect masih tergolong teknologi yang sangat baru namun dengan kapabilitas sensor yang ditawarkannya dan kreativitas teman-teman melahirkan kreasi yang tak disangka-sangka!

Official website dari Microsoft untuk Kinect : http://www.xbox.com/en-US/kinect/

Camera Setting untuk 3D Environment pada XNA Framework

samsu.sempena — Tue, 02 Nov 2010 06:26:00 GMT

Selama berkutat dengan pengembangan 3D, hal yang paling mendasar namun sangat menentukan menurut saya adalah bagaimana menempatkan kamera di dunia 3D yang kita bangun. Ya,ya, model 3D memang penting namun seperti yang saya katakan di bagian sebelumnya itu adalah pekerjaan artist, bukan programmer!

Pada intinya pengaturan kamera hanyalah menempatkan sebuah objek pada dunia 3D di suatu posisi tertentu dan mengarah ke suatu posisi tertentu (target).

Untuk mencapai hal ini, kita membutuhkan 3 variabel vector3 yaitu :

vektor posisi kamera,
vektor posisi target, dan
vektor arah yang didapat dengan rumus

Varah = Vtarget – Vposisi

Dalam XNA, untuk menampilkan kita membutuhkan 2 buah matriks yang disebut view matrix dan projection matrix. Projection matrix membangun apa yang disebut viewing fustrum (field of view) dari kamera. Secara sederhana, matriks ini mendefinisikan suatu area dalam area 3D yang dapat dilihat oleh kamera dan akan digambarkan ke layar. Sedangkan view matrix menyimpan informasi mengenai keberadaan kamera di dunia 3D, arah kamera, dan bagaimana orientasi kamera tersebut.

Selain itu, ada beberapa jenis rotasi yang sering digunakan yaitu : yaw, pitch, dan roll.

Yup, bagian teori sudah cukup, selanjutnya kita akan mencoba implementasi dengan XNA. Untuk itu kita akan membuat sebuah maze viewer. Ya, kita akan membuat labirin 3D yang dapat kita jelajahi dengan kamera kita!

1. Set up aplikasi (saya masih menggunakan XNA Game Studio 3.1, tapi tidak akan banyak berbeda dengan XNA 4.0 untuk apa yang akan kita buat sekarang)

2. Tambahkan dua kelas masing-masing Camera.cs,Maze.cs,MazeObject.cs dengan mengklik kanan proyek XNACamera dan pilih add new item. Pilih “Game Component”

Selanjutnya, kita akan membuat sebuah kelas kamera yang reusable.

Berikut adalah kode dari camera.cs (mungkin terlihat panjang, tapi sebenarnya hanya implementasi dari prinsip yang telah saya jelaskan sebelumnya).

        1: using System;

       2: using System.Collections.Generic;

       3: using System.Linq;

       4: using Microsoft.Xna.Framework;

       5: using Microsoft.Xna.Framework.Audio;

       6: using Microsoft.Xna.Framework.Content;

       7: using Microsoft.Xna.Framework.GamerServices;

       8: using Microsoft.Xna.Framework.Graphics;

       9: using Microsoft.Xna.Framework.Input;

using Microsoft.Xna.Framework.Media;

using Microsoft.Xna.Framework.Net;

using Microsoft.Xna.Framework.Storage;

  

  

namespace XNACamera

{

    /// <summary>

    /// This is a game component that implements IUpdateable.

    /// </summary>

    public class Camera : Microsoft.Xna.Framework.GameComponent

    {

        public Matrix view { get; protected set; }

        public Matrix projection { get; protected set; }

  

        Vector3 pos;                //vektor posisi kamera

        Vector3 target;             //vektor posisi target

        Vector3 dir;                //vektor arah kamera

        Vector3 up;                 //vektor yang tegak lurus terhadap bidang kamera

  

        MouseState prevMouseState;

  

        float speed = 3;

        float rollValue = 0;

        float currentPitch = 0;

        float totalPitch = MathHelper.PiOver4 / 2;

        float currentYaw = 0;

        float totalYaw = MathHelper.PiOver4 / 2;

        

        public Camera(Game game, Vector3 _pos, Vector3 _target, Vector3 _up)

            : base(game)

        {

            pos = _pos;

            target = _target;

            up = _up;

            dir = target - pos;

            dir.Normalize();    //membuat besar vector dir menjadi vektor normal (memiliki besar 1)

  

            prevMouseState = Mouse.GetState();

        }

  

        /// <summary>

        /// Allows the game component to perform any initialization it needs to before starting

        /// to run.  This is where it can query for any required services and load content.

        /// </summary>

        public override void Initialize()

        {

            base.Initialize();

        }

  

        /// <summary>

        /// Allows the game component to update itself.

        /// </summary>

        /// <param name="gameTime">Provides a snapshot of timing values.</param>

        public override void Update(GameTime gameTime)

        {

            KeyboardState keyState = Keyboard.GetState();

            MouseState mouseState = Mouse.GetState();

  

            #region reset camera

            if (keyState.IsKeyDown(Keys.R))

            {

                pos = new Vector3(180, 700, 180);

                target = new Vector3(180, 0, 180);

                up = new Vector3(0, 0, -1);

                dir = target - pos;

                dir.Normalize();

  

                currentPitch = 0;

                currentYaw = 0;

            }

            #endregion

  

  

            #region scale camera

            if (mouseState.ScrollWheelValue != rollValue)

            {

                pos -= dir * speed * (rollValue - mouseState.ScrollWheelValue) / 15;

                rollValue = mouseState.ScrollWheelValue;

            }

  

            if (keyState.IsKeyDown(Keys.W)) pos += up * speed;

            if (keyState.IsKeyDown(Keys.S)) pos -= up * speed;

            if (keyState.IsKeyDown(Keys.A)) pos += Vector3.Cross(up, dir) * speed;

            if (keyState.IsKeyDown(Keys.D)) pos -= Vector3.Cross(up, dir) * speed;

            #endregion

  

            #region yaw rotation

            float yawAngle = (-MathHelper.PiOver4 / 150) * (mouseState.X - prevMouseState.X) / 2;

            if ((Math.Abs(currentYaw + yawAngle) < totalYaw) && (mouseState.LeftButton == ButtonState.Pressed))

            {

                dir = Vector3.Transform(dir, Matrix.CreateFromAxisAngle(up, yawAngle));

                currentYaw += yawAngle;

            }

            #endregion

  

            #region roll rotation

            if (mouseState.RightButton == ButtonState.Pressed) up = Vector3.Transform(up, Matrix.CreateFromAxisAngle(dir, MathHelper.PiOver4 / 45));

            #endregion

  

            #region pitch rotation

            float pitchAngle = (MathHelper.PiOver4 / 150) * (mouseState.Y - prevMouseState.Y) / 4;

            if (Math.Abs(currentPitch + pitchAngle) < totalPitch && mouseState.LeftButton == ButtonState.Pressed)

            {

                dir = Vector3.Transform(dir, Matrix.CreateFromAxisAngle(Vector3.Cross(up, dir), pitchAngle));

                currentPitch += pitchAngle;

            }

            #endregion

  

            createLookAt();

            prevMouseState = Mouse.GetState();

            base.Update(gameTime);

        }

  

        /// <summary>

        /// Mengupdate projection matrix dan view matrix dari camera

        /// </summary>

        private void createLookAt() 

        {

            view = Matrix.CreateLookAt(pos, pos + dir, up);

            projection = Matrix.CreatePerspectiveFieldOfView(

                            MathHelper.PiOver4,

                            Game.GraphicsDevice.Viewport.AspectRatio,

                            1, 10000

                        );

        }

    }

}

Sekarang kamera yang kita miliki dapat dikendalikan sebagai berikut :

Keyboard ASWD –> untuk navigasi panning keempat arah (ingat yang kita ubah posisinya adalah kamera)
Mouse Right button –> untuk rotasi berjenis roll
Mouse Left Button –> untuk rotasi berjenis yaw dan pitch
Mouse Scroll –> untuk zoom out dan zoom in
Keyboard R –> menginisialisasi kamera ke posisi semula

Nah, bagian utama selesai, sekarang untuk membuat objek labirin yang akan kita lihat, telah saya implementasikan dalam file maze.cs dan juga
mazeObject.cs. Pada intinya kita memiliki 2 objek 3D yaitu wall (tembok) dan tile(lantai) sebagai komponen labirin kita.

Game1.cs akan bertindak sebagai controller dari aplikasi ini. Berikut kode cari game1.cs, saya hanya menambahkan objek camera dan maze,
menginisialisasi objek tersebut, dan menambahkannya camera sebagai base component game, juga memanggil method draw dari maze pada
method draw utama dari game. Bagian-bagian lainnya telah digenerate secara otomatis oleh XNA. That’s all!

       1: using Microsoft.Xna.Framework;

       2: using Microsoft.Xna.Framework.Graphics;

       3: using Microsoft.Xna.Framework.Input;

       4:  

       5: namespace XNACamera

       6: {

       7:     /// <summary>

       8:     /// This is the main type for your game

       9:     /// </summary>

    public class Game1 : Microsoft.Xna.Framework.Game

    {

        GraphicsDeviceManager graphics;

        SpriteBatch spriteBatch;

  

        Camera camera;

        Maze maze;

  

        public Game1()

        {

            graphics = new GraphicsDeviceManager(this);

            Content.RootDirectory = "Content";

        }

  

        /// <summary>

        /// Allows the game to perform any initialization it needs to before starting to run.

        /// This is where it can query for any required services and load any non-graphic

        /// related content.  Calling base.Initialize will enumerate through any components

        /// and initialize them as well.

        /// </summary>

        protected override void Initialize()

        {

            IsMouseVisible = true;

            camera = new Camera(this, new Vector3(180,700,180), new Vector3(180,0,180), new Vector3(0,0,-1));

            maze = new Maze(this);

  

            Components.Add(camera);

            base.Initialize();

        }

  

        /// <summary>

        /// LoadContent will be called once per game and is the place to load

        /// all of your content.

        /// </summary>

        protected override void LoadContent()

        {

            // Create a new SpriteBatch, which can be used to draw textures.

            spriteBatch = new SpriteBatch(GraphicsDevice);

  

            // TODO: use this.Content to load your game content here

        }

  

        /// <summary>

        /// UnloadContent will be called once per game and is the place to unload

        /// all content.

        /// </summary>

        protected override void UnloadContent()

        {

            // TODO: Unload any non ContentManager content here

        }

  

        /// <summary>

        /// Allows the game to run logic such as updating the world,

        /// checking for collisions, gathering input, and playing audio.

        /// </summary>

        /// <param name="gameTime">Provides a snapshot of timing values.</param>

        protected override void Update(GameTime gameTime)

        {

            // Allows the game to exit

            if (GamePad.GetState(PlayerIndex.One).Buttons.Back == ButtonState.Pressed)

                this.Exit();

  

            // TODO: Add your update logic here

            base.Update(gameTime);

        }

  

        /// <summary>

        /// This is called when the game should draw itself.

        /// </summary>

        /// <param name="gameTime">Provides a snapshot of timing values.</param>

        protected override void Draw(GameTime gameTime)

        {

            GraphicsDevice.Clear(Color.CornflowerBlue);

  

            // TODO: Add your drawing code here

            maze.Draw(gameTime,camera);

            base.Draw(gameTime);

        }

    }

}

Maze Viewer (Camera Tutorial XNA Framework)

XNA sebagai 3D Game Development

samsu.sempena — Sat, 30 Oct 2010 08:39:00 GMT

Teman-teman tentu senang bermain video game? Mungkin sebagian dari teman-teman memiliki keinginan untuk dapat membuat sendiri game tersebut. Namun, kecenderungan game-game saat ini semakin canggih dalam teknologinya seperti 3D, simulasi fisika, bahkan augmented reality. Sebagai game developer dapatkah teman-teman bayangkan proses pengembangan atau kerumitan kode di balik game tersebut? Yup, tapi hal ini jangan menyurutkan semangat teman-teman yang tertarik dalam pengembangan game 3D. Hal yang terpenting adalah pemilihan “senjata” untuk pengembangan dan tentunya kesungguhan hati teman-teman.

XNA Framework adalah salah satu “senjata” besutan Microsoft yang dapat menjadi pilihan teman-teman. Versi terbaru adalah versi 4.0 yang dirilis September 2010. Untuk mengenal lebih dalam mengenai XNA, teman-teman dapat mengunjungi pranala berikut :

http://en.wikipedia.org/wiki/Microsoft_XNA (penjelasan secara umum mengenai XNA)
http://www.xnadevelopment.com/ (komunitas XNA Developer, berisi banyak tutorial juga!)

Jika teman-teman *** belajar dari ebook ada beberapa ebook sebagai teman belajar yang baik :

Membuat Game dengan XNA Game Studio
Keterangan : dalam bahasa Indonesia dan menjelaskan cara mengembangkan game 2D dengan XNA mulai dari tahap instalasi.
Learning XNA terbitan O’ Reilly
Keterangan : sekalipun dalam bahasa Inggris dan harus bayar (kalau beruntung bisa dapat versi free di internet..), namun saya mendapatkan banyak bantuan dari buku ini, terutama jika kebutuhannya sudah cukup kompleks seperti pengembangan 3D.

Nah, selanjutnya apa sih yang perlu kita mengerti dalam pengembangan 3D?

1. Sistem koordinat

Perlu diingat bahwa dalam game 3D, koordinat yang kita gunakan memiliki 3 sumbu (xyz) dan pada XNA menggunakan right-handed coordinate system sehingga dalam mentransformasi objek 3D kelak, kita perlu mengingat dengan baik sistem koordinat ini.

2. Camera

Ingat, bahwa layar komputer kita menampilkan gambar 2D, berarti terdapat field of view dari dunia 3D yang dapat ditampilkan kepada user pada satu waktu. Field of view tersebut merupakan properti yang melekat pada objek kamera. Dan kita dapat meletakkan kamera (dapat lebih dari 1) pada koordinat 3D tempat dunia maya kita berada. Apa yang dilihat kamera itulah yang akan ditampilkan pada user. Untuk pengembangan game 3D yang profesional, kita perlu memperhatikan pengaturan kamera seperti field of view, near and far clipPlane, aspect ratio, depth, etc.

3. 3D Model

Tentunya, kita membutuhkan model untuk kita letakkan di dunia 3D kita, dapat berupa orang, robot, pohon, rumah, atau segala objek 3D yang dapat kita temukan di sekeliling kita maupun objek-objek 3D virtual lainnya, yang penting 3D! Nah, untuk pekerjaan ini, biasanya dibutuhkan 3D artist yang membuatkan model 3D untuk kita karena game yang profesional tentunya memiliki model 3D yang apik, mulai dari bone, mesh, sampai material. (Tenang, ini kerjaan artist bukan programmer!). Namun, untuk tahap awal, kita dapat mencari model 3D gratis di internet. Website yang saya anjurkan untuk itu adalah : http://www.turbosquid.com (saya sering mendapatkan model 3D yang cukup bagus dari website ini secara gratis).

4. Lainnya

Dengan ketiga poin di atas, sebenarnya kita sudah memiliki pengertian yang cukup untuk memulai pengembangan 3D. Hal-hal teknis seperti suara, animasi, dan algoritma dalam game akan kita pelajari seiring perjalanan mengenal dunia 3D. Namun sekilas saja, kelak jika memang teman-teman serius dalam dunia 3D ini pasti akan bertemu dengan istilah 3D Collision (bagaimana mendeteksi event tabrakan antara objek, misal orang tidak boleh dapat menembus tembok,dsb), 3D animation (tentu tidak menarik jika model orang yang kita gunakan tidak dapat melangkah, menggerakan tangan, dsb).

Tahap selanjutnya adalah mengintegrasikan simulasi fisika seperti gaya gravitasi, tumbukan, dsb tergantung kebutuhan game. Lebih lanjut lagi adalah augmented reality.

Dalam post selanjutnya, kita akan belajar menggunakan kamera dalam XNA.

Translator Add-Ins pada Office Word 2010

samsu.sempena — Wed, 23 Jun 2010 18:24:00 GMT

Menerjemahkan suatu tulisan dari satu bahasa ke bahasa yang lain bukan lagi hal yang sulit masa kini. Seseorang tinggal membuka http://www.microsofttranslator.com/ atau http://translate.google.com/ kita sudah dapat memperoleh terjemahan dari teks yang tidak kita mengerti. Bahkan saat ini sudah banyak ekstension atau add-ins pada web browser kita untuk keperluan penerjemahan bahasa. Namun, kali ini kita akan mencoba membuat add-ins untuk penterjemah bukan untuk web browser melainkan untuk Microsoft Office Word. Dan agar tidak ketinggalan, kita akan menggunakan Office 2010 yang masih belum lama ini dirilis versi finalnya. Kita akan mengkonsumsi web service dari Bing dan juga memanfaatkan Google Translator API.

Pada kesempatan ini, kita akan mencoba membuat add-ins ini dengan VSTO (Visual Studio Tools for Office) dengan bahasa pemrograman C# dan IDE Visual Studio 2010.

Langkah pertama tentu membuat proyek baru :

selanjutnya menambahkan sebuah user control, karena kita ingin add-ins kita ditampillkan sebagai task pane di Microsoft Office Word.

selanjutnya membuat rancangan user interface dari add-ins kita :

Nah, setelah kita selesai membuat rancangan UI, saatnya memulai coding! Tetapi sebelumnya, mari kita menambahkan reference dulu :

1. Service Reference untuk Bing Web Service

Web service yang disediakan ada di : http://api.microsofttranslator.com/V1/SOAP.svc dan untuk menggunakannya kita membutuhkan appID yang kita dapatkan di http://www.bing.com/developers/appids.aspx.

2. Reference ke Google Translator API

Google Translator API dapat didownload dari http://google-api-for-dotnet.googlecode.com/files/GoogleTranslateAPI_0.1.1.zip atau dari source code yang dilampirkan pada post ini.

It’s coding time…!

Buka file ThisAddIn.cs dan ubah isinya menjadi seperti berikut:

     using System;

    using System.Collections.Generic;

    using System.Linq;

    using System.Text;

    using System.Xml.Linq;

    using Word = Microsoft.Office.Interop.Word;

    using Office = Microsoft.Office.Core;

    using Microsoft.Office.Tools.Word;

    namespace translatorAddIns

    {

        public partial class ThisAddIn

        {

            PanelTranslator panelTranslator;

            private void ThisAddIn_Startup(object sender, System.EventArgs e)

            {

                panelTranslator = new PanelTranslator();

                CustomTaskPanes.Add(panelTranslator,"Bing Translator");

                CustomTaskPanes[0].Visible = true;

            }

            private void ThisAddIn_Shutdown(object sender, System.EventArgs e)

            {

            }

            #region VSTO generated code

            /// <summary>

            /// Required method for Designer support - do not modify

            /// the contents of this method with the code editor.

            /// </summary>

            private void InternalStartup()

            {

                this.Startup += new System.EventHandler(ThisAddIn_Startup);

                this.Shutdown += new System.EventHandler(ThisAddIn_Shutdown);

            }

            #endregion

        }

    }

bagian yang ditambahkan hanya pada event startup.

Selanjutnya buka file PanelTranslator.cs dan ubah isinya menjadi seperti berikut :

    using System;

    using System.Collections.Generic;

    using System.Linq;

    using System.Windows.Forms;

    using Google.API;

    namespace translatorAddIns

    {

        public partial class PanelTranslator : UserControl

        {

            string appID = "5491084F42C447543403B9FCC7C379A25F8612D4";

            List<string> srcTypeBing, destTypeBing;

            List<string> srcTypeBingName, destTypeBingName;

            List<string> srcTypeGoogle, destTypeGoogle;

            TranslatorService.LanguageServiceClient translatorServ;

            public PanelTranslator()

            {

                InitializeComponent();

             }

            /// <summary>

            /// menyiapkan pilihan bahasa yang disediakan oleh Bing maupun Google dan menyimpannya dalam memori

            /// sehingga tidak perlu merequest pilihan bahasa setiap kali pengguna berpindah layanan penerjemah

            /// </summary>

            /// <param name="sender"></param>

            /// <param name="e"></param>

            private void panelTranslator_Load(object sender, EventArgs e)

            {

                translatorServ = new TranslatorService.LanguageServiceClient();

                srcTypeGoogle = Google.API.Translate.LanguageUtility.LanguageCollection.Select(a => a.ToString()).ToList();

                destTypeGoogle = Google.API.Translate.LanguageUtility.LanguageCollection.Select(a => a.ToString()).ToList();

                srcTypeBing = translatorServ.GetLanguages(appID).ToList();

                destTypeBing = translatorServ.GetLanguages(appID).ToList();

                srcTypeBingName = translatorServ.GetLanguageNames(appID, "en").ToList();

                destTypeBingName = translatorServ.GetLanguageNames(appID, "en").ToList();

                updateBing();

            }

            /// <summary>

            /// menterjemahkan teks pada dokumen yang sedang aktif

            /// </summary>

            /// <param name="sender"></param>

            /// <param name="e"></param>

            private void buttonTerjemahkan_Click(object sender, EventArgs e)

            {

                String teks,src,dest;

                //cara mendapatkan teks yang ada pada dokumen aktif

                teks = Globals.ThisAddIn.Application.ActiveDocument.Content.Text;

                //menggunakan try-catch agar jika terjadi error aplikasi tidak langsung not responding

                try

                {

                    if (rbBing.Checked)         //pengguna memilih Bing

                    {

                        src = srcTypeBing[cbSrcLang.SelectedIndex];

                        dest = destTypeBing[cbDestLang.SelectedIndex];

                        txtDest.Text = translatorServ.Translate(appID, teks, src, dest);

                    }

                    else if (rbGoogle.Checked)  //pengguna memilih Google

                    {

                        src = srcTypeGoogle[cbSrcLang.SelectedIndex];

                        dest = destTypeGoogle[cbDestLang.SelectedIndex];

                        txtDest.Text = Google.API.Translate.Translator.Translate(teks, GetLang(src), GetLang(dest));

                    }

                }

                catch (Exception ex) 

                {

                    MessageBox.Show("Oops.. Sorry, " + ex.Message);

                }

            }

            /// <summary>

            /// mendeteksi bahasa dari teks yang ingin diterjemahkan

            /// </summary>

            /// <param name="sender"></param>

            /// <param name="e"></param>

            private void buttonDeteksi_Click(object sender, EventArgs e)

            {

                String teks = Globals.ThisAddIn.Application.ActiveDocument.Content.Text;

                if (rbBing.Checked) MessageBox.Show(translatorServ.Detect(appID, teks));

                else if (rbGoogle.Checked) 

                {

                    bool reliable;

                    double confidence;

                    MessageBox.Show(Google.API.Translate.Translator.Detect(teks,out reliable,out confidence).ToString());

                }

            }

            /// <summary>

            /// pengguna melakukan perubahan pilihan layanan penerjemah

            /// </summary>

            /// <param name="sender"></param>

            /// <param name="e"></param>

            private void rbBing_CheckedChanged(object sender, EventArgs e)

            {

                if (rbBing.Checked) updateBing();

                else if (rbGoogle.Checked) updateGoogle();

            }

            private void rbGoogle_CheckedChanged(object sender, EventArgs e)

            {

                if (rbBing.Checked) updateBing();

                else if (rbGoogle.Checked) updateGoogle();

            }

            /// <summary>

            /// mengisikan pilihan bahasa yang didukung Bing

            /// </summary>

            void updateBing()

            {

                cbSrcLang.Items.Clear();

                cbSrcLang.Items.AddRange(srcTypeBingName.ToArray());

                cbSrcLang.SelectedIndex = 0;

                cbDestLang.Items.Clear();

                cbDestLang.Items.AddRange(destTypeBingName.ToArray());

                cbDestLang.SelectedIndex = 0;

            }

            /// <summary>

            /// mengisikan pilihan bahasa yang didukung Google

            /// </summary>

            void updateGoogle()

            {

                cbSrcLang.Items.Clear();

                cbSrcLang.Items.AddRange(srcTypeGoogle.ToArray());

                cbSrcLang.SelectedIndex = 0;

                cbDestLang.Items.Clear();

                cbDestLang.Items.AddRange(destTypeGoogle.ToArray());

                cbDestLang.SelectedIndex = 0;

            }

            /// <summary>

            /// mendapatkan objek Language dari language yang sedang aktif, hanya dipakai untuk translate dengan Google

            /// </summary>

            /// <param name="lang"></param>

            /// <returns></returns>

            public static Language GetLang(string lang)

            {

                foreach (Language lgg in Google.API.Translate.LanguageUtility.TranslatableCollection)

                {

                    if (lgg.ToString().Equals(lang)) return lgg;

                }

                return Language.English;

            }

        }

    }

Beberapa potong kode VSTO yang ingin saya garis bawahi :

1. Kode untuk menambahkan task pane (user control kita) saat program dirun

       1: PanelTranslator panelTranslator;

       2: private void ThisAddIn_Startup(object sender, System.EventArgs e)

       3: {

       4:     panelTranslator = new PanelTranslator();

       5:     CustomTaskPanes.Add(panelTranslator,"Bing Translator");

       6:     CustomTaskPanes[0].Visible = true;

       7: }

2. Kode untuk mengambil teks (saja) yang ada di dokument aktif (gambar, formatting, tabel, dsb selain teks tidak ikut terambil)

       1: String teks = Globals.ThisAddIn.Application.ActiveDocument.Content.Text;

Untuk mengambil teks dalam kondisi terformat dapat menggunakan

       1: String teks = Globals.ThisAddIn.Application.ActiveDocument.Content.FormattedText;

namun, yang didapatkan adalah data bertipe Range yang perlu diproses lagi sendiri (tidak bisa langsung toString() hehehe)

Word juga menyediakan fungsi Globals.ThisAddIn.Application.ActiveDocument.Content. get_XML() untuk mendapatkan XML dari dokumen yang sedang aktif tersebut. Nah, jika anda cukup cerdik untuk memanipulasi XML tersebut banyak hal yang dapat anda lakukan. Misalnya, membuat isi dokumen dan formatnya bahkan gambar dan segala atributnya dienkripsi!

Oiya, jikalau ada pembaca yang ingin menambahkan add-in berupa ribbon dapat menambahkan new file:

Terdapat 2 pilihan yaitu visual designer atau xml. Saya cenderung memilih visual designer karena untuk mengedit tampilan ribbon langsung dengan xml tampaknya akan cukup merepotkan. hehehe…

Voiiila… selesai! Selanjutnya tinggal kita coba programnya! Tekan F5 atau Run dari IDE Visual Studiomu dan Microsoft Word akan dijalankan dengan Add-Ins yang telah kita buat :

Tampilan saat kita mencoba mendeteksi bahasa dari teks.

Nah, ini masih versi betanya beta dari addins ini (harap maklum jika pembaca menemukan kekurangan-kekurangan di dalamnya, saya pun masih perlu banyak belajar). Untuk memudahkan pembaca mengerti cara kerjanya maka saya tidak ditambahkan fitur-fitur yang terlalu rumit dan juga penanganan error masih minimalis. Namun diharapkan dengan membaca post ini pengguna dapat mengerti :

cara membuat add-ins untuk microsoft office dengan VSTO
cara menggunakan Bing web service
cara menggunakan Google API

Banyak sekali yang dapat kita buat dengan VSTO, tidak hanya di Word, namun juga di Excel, Outlook, dan keluarga Office lainnya.

Oyah, kalau ada pembaca yang tertarik untuk mempelajari source codenya, saya upload juga bersama post ini. Saya buatkan juga setupnya, jadi bagi yang ingin mencoba add-innya langsung tanpa harus membuka visual studio silakan langsung jalankan ..\translatorAddIns\translatorAddIns\setup.exe.