Programmer's Diary

Sebuah diary mahasiswa Teknik Informatika.

Membuat Aplikasi Translator pada Microsoft Word 2010 menggunakan VSTO 4.0

Posted by Alexander Rahardjo on March 18, 2011

Setelah membaca dan mencoba tutorial saya yang sebelumnya mengenai VSTO, sekarang saatnya kita mencoba sesuatu dengan VSTO ini ke tingkat yang lebih tinggi Smile. Pada tutorial kali ini kita akan mencoba bersama membuat sebuah kakas penerjemah atau add-ins untuk Microsoft Word 2010 dengan menggunakan VSTO dan nama aplikasi kali ini saya namakan WordTranslator dimana aplikasi ini digunakan untuk melakukan translasi dalam Microsoft Word 2010 dan aplikasi ini menggunakan layanan yang berasal dari Google dan Bing sebagai translator.

Sebelum melakukan pembuatan aplikasi ini berikut adalah kakas dan library yang anda butuhkan dalam pengembangan aplikasi ini harus telah tersedia dalam komputer anda:

  1. Microsoft Visual Studio 2010
  2. Microsoft Office 2010
  3. Google Translate API (versi yang saya gunakan pada tutorial ini adalah 3.0)
  4. Mendaftarkan diri di http://www.bing.com/developers/appids.aspx untuk mendapatkan appID

Setelah itu, berikut adalah langkah-langkah pembuatan aplikasi:

1. Buka Visual Studio 2010 anda.

2. Buat sebuah project baru, pilih office, kemudian pilih Word 2010 Add-in, lalu tuliskan nama project yang anda kehendaki, di sini saya   menuliskan “WordTranslator2010”, lalu tekan tombol “OK”.

3. Kemudian tambahkan User Control pada project anda dengan cara klik kanan pada project anda lalu pilih Add User Control, maka akan tampil jendela berikut. Isi nama User Control kemudian tekan tombol “OK”.

image_thumb1_thumb

4. Kemudian tambahkan Ribbon pada project anda dengan cara klik kanan pada project anda lalu pilih Add New Item, maka akan tampil jendela berikut. Isi nama Ribbon kemudian tekan tombol “OK”.

image_thumb4_thumb

5. Kemudian pastikan bahwa 2 item tadi telah berada dalam project anda.

6. Tambahkan kontrol ToggleButton ke Ribbon anda melalui toolbox bagian Office Ribbon Controls. Anda dapat mengganti nama dari Ribbon anda yang semula group1, saya mengubahnya menjadi “WordTranslator”.

7. Ubah label ToggleButton tadi melalui jendela properties, pada project saya, saya mengubahnya menjadi “WordTranslator 2010”.

8. Lalu Ribbon anda akan tampak seperti gambar berikut.

image

9. Kemudian masukkan beberapa kontrol pada User Control dan ubah propertiesnya sesuai kebutuhan anda.

10. Berikut adalah tampilan User Control buatan saya.

image

11. Setelah itu lakukan add reference kemudian pilih library GoogleTranslate yang telah anda unduh tadi, dll yang digunakan adalah: GoogleTranslateAPI.dll.

12. Kemudian lakukan add service renference dengan mengisikan web service berikut http://api.microsofttranslator.com/V2/Soap.svc.

13. Buat sebuah App.config dengan cara Add New Item lalu isikan dengan konfigurasi sebagai berikut:

image

14. Setelah itu masukkan kode berikut pada User Control, dengan melakukan klik 2x setiap kontrol.

    public partial class WTUserControl : UserControl
    {
        List _srcGoogle;
        List _destGoogle;
        List _srcBing;
        List _destBing;
        List _srcBingName;
        List _destBingName;
        BingTranslatorService.LanguageServiceClient _proxy;
        TranslateClient _client;

        public WTUserControl()
        {
            InitializeComponent();
            InitGoogleTranslate();
            InitBingTranslate();
        }

        private void InitGoogleTranslate()
        {
            _srcGoogle = Google.API.Translate.Language.TranslatableCollection.Select(a => a.ToString()).ToList();
            _destGoogle = Google.API.Translate.Language.TranslatableCollection.Select(a => a.ToString()).ToList();
        }

        private void InitBingTranslate()
        {
            _proxy = new BingTranslatorService.LanguageServiceClient();
            string[] languageCodes = _proxy.GetLanguagesForTranslate(AppId);
            _srcBing = languageCodes.ToList();
            _destBing = languageCodes.ToList();
            _srcBingName = _proxy.GetLanguageNames(AppId, "en", languageCodes).ToList();
            _destBingName = _proxy.GetLanguageNames(AppId, "en", languageCodes).ToList();

        }

        private void btnTranslate_Click(object sender, EventArgs e)
        {
            string text;
            string src;
            string dest;
            string srcName;
            string destName;
            string translated;

            //get text from active document
            text = Globals.ThisAddIn.Application.ActiveDocument.Content.Text;

            try
            {
                if (rbGoogle.Checked)  //user checked Google
                {
                    src = _srcGoogle[cmbSrcLang.SelectedIndex];
                    dest = _destGoogle[cmbDestLang.SelectedIndex];
                    label3.Visible = true;
                    label3.Text = src + " to " + dest;
                    _client = new TranslateClient("");
                    translated = _client.Translate(text, GetLang(src),GetLang(dest));
                    txtResult.Text = translated;
                }
                else if (rbBing.Checked)  //user checked Bing
                {
                    src = _srcBing[cmbSrcLang.SelectedIndex];
                    dest = _destBing[cmbDestLang.SelectedIndex];
                    srcName = _srcBingName[cmbSrcLang.SelectedIndex];
                    destName = _destBingName[cmbDestLang.SelectedIndex];
                    label3.Visible = true;
                    label3.Text = srcName + " to " + destName;
                    translated = _proxy.Translate(AppId, text, src, dest,"","");
                    txtResult.Text = translated;
                }
            }
            catch (Exception ex)
            {
                MessageBox.Show("Error, " + ex.Message);
            }
        }

        private void FillLanguageGoogle()
        {
            cmbSrcLang.Items.Clear();
            cmbSrcLang.Items.AddRange(_srcGoogle.ToArray());
            cmbSrcLang.SelectedIndex = 0;

            cmbDestLang.Items.Clear();
            cmbDestLang.Items.AddRange(_destGoogle.ToArray());
            cmbDestLang.SelectedIndex = 0;

        }

        private void FillLanguageBing()
        {
            cmbSrcLang.Items.Clear();
            cmbSrcLang.Items.AddRange(_srcBingName.ToArray());
            cmbSrcLang.SelectedIndex = 0;

            cmbDestLang.Items.Clear();
            cmbDestLang.Items.AddRange(_destBingName.ToArray());
            cmbDestLang.SelectedIndex = 0;
        }

        private void rbGoogle_CheckedChanged(object sender, EventArgs e)
        {
            FillLanguageGoogle();
        }

        private void rbBing_CheckedChanged(object sender, EventArgs e)
        {
            FillLanguageBing();
        }

        public Language GetLang(string lang)
        {
            foreach (Language language in Google.API.Translate.Language.TranslatableCollection)
            {
                if (language.ToString().Equals(lang))
                {
                    return language;
                }
            }
            return Language.English;
        }

        private static string AppId
        {
            get { return ConfigurationManager.AppSettings["appID"]; }
        }

        private void btnDetect_Click(object sender, EventArgs e)
        {
            string text = Globals.ThisAddIn.Application.ActiveDocument.Content.Text;
            if (rbGoogle.Checked)
            {
                bool reliable;
                double confidence;
                _client = new TranslateClient("");
                MessageBox.Show("Your current language is "+_client.Detect(text, out reliable, out confidence));
            }
            else if (rbBing.Checked)
            {
                MessageBox.Show(_proxy.Detect(AppId,text));
            }
        }
    }

15. Tambahkan kode berikut pada ThisAddIn.cs.


    public partial class ThisAddIn
    {
        Microsoft.Office.Tools.CustomTaskPane _ctp;
        private void ThisAddIn_Startup(object sender, System.EventArgs e)
        {
            _ctp = Globals.ThisAddIn.CustomTaskPanes.Add(new WTUserControl(), "WordTranslator");
        }

        public void ShowWordTranslator()
        {
            _ctp.Visible = true;
        }

        public void HideWordTranslator()
        {
            _ctp.Visible = false;
        }

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

        #region VSTO generated code

        ///
        /// Required method for Designer support - do not modify
        /// the contents of this method with the code editor.
        ///
        private void InternalStartup()
        {
            this.Startup += new System.EventHandler(ThisAddIn_Startup);
            this.Shutdown += new System.EventHandler(ThisAddIn_Shutdown);
        }

        #endregion
    }

16. Kemudian tambahkan kode berikut pada Ribbon dengan melakukan klik 2x pada ToggleButton.

        private void toggleButton1_Click(object sender, RibbonControlEventArgs e)
        {
            if (toggleButton1.Checked)
            {
                Globals.ThisAddIn.ShowWordTranslator();
            }
            else
            {
                Globals.ThisAddIn.HideWordTranslator();
            }
        }

17. Kemudian jalankan program anda dengan menekan tombol F5. Berikut adalah tampilan aplikasi:

image

Demikian tutorial dari saya kali ini yang mengaplikasikan 2 buah API yang salah satunya berupa web service. Semoga bermanfaat Smile.

Advertisements

Posted in Tutorial, VSTO | Tagged: , , , , , , | 1 Comment »

Catatan Microsoft Technology Update Road Trip 2011 Wilayah Jawa Timur

Posted by Alexander Rahardjo on March 12, 2011

Selesai sudah rangkaian acara dari Microsoft Technology Update Road Trip 2011 Wilayah Jawa Timur yang telah berlangsung selama tiga hari di lima Universitas di Jawa Timur khususnya Surabaya dan Malang. Puji Tuhan acara ini berjalan dengan baik dan lancar. Dengan adanya acara ini semoga dapat berguna bagi 5 Universitas yang telah saya dan bersama rekan MSP lainnya kunjungi.

Berikut adalah beberapa dokumentasi dari acara mulai dari hari pertama hingga terakhir. Pada artikel di bawah ini juga terdapat slide materi yang para MSP gunakan dalam mengisi acara tersebut. Semoga berguna Smile

Semoga ke depannya acara ini dapat dilaksanakan lagi dengan mengunjungi lebih banyak Universitas di Jawa TimurSmile.

Posted in Event, Experience, Microsoft, Microsoft Student Partner | Tagged: , , , , | Leave a Comment »

Gathering MSP Regional Jawa Timur @Bentoya–Tunjungan Plaza

Posted by Alexander Rahardjo on March 11, 2011

Pada hari Sabtu tepatnya tanggal 5 Maret 2011 pukul 18.00 WIB, MSP Regional Jawa Timur mengadakangathering yang bertempat di Bentoya, Tunjungan Plasa 4 Surabaya. Gathering ini sekaligus sebagai perayaan atas terselenggaranya event Microsoft Technology Update Road Trip 2011 yang telah diadakan selama 3 hari dan berjalan dengan lancar. Acara MSP Gathering ini juga turut dimeriahkan oleh Julius Fenata (Academic Developer Advisor Microsoft Indonesia),  Andik Susilo (MVP Windows Desktop Experience), tiga calon MSP dari ITS,  seorang anggota MUGI Surabaya dan juga Ketua MUGI UMM.

Gathering kali ini lebih banyak diisi dengan sharing dari salah seorang pendiri MUGI Bandung, yaitu: Andik Susilo tentang bagaimana menjadi seorang IT Professional, bagaimana membangun sebuah komunitas dengan prinsip saling berbagi yang sehat dan pengalamannya menjadi seorang MVP. Acara ini sekaligus menjadi ajang perkenalan bagi tiga orang calon MSP dari ITS, yaitu: Intan Dzikria, Rahadian Dewandono danChristian Ivan pada rekan-rekan yang lain. Tiga calon MSP dari ITS tersebut diharapkan mampu menggantikan peran beberapa MSP ITS yang telah lulus, yaitu: Jeffrey Hermanto Halimsetiawan, Alexander Rahardjo danReza Adhitya Saputra. Selain itu, Bapak Julius Fenata juga mengungkapkan beberapa rencana terkait peluang-peluang menarik bagi para MSP. Dengan datangnya beberapa anggota MUGI Surabaya pada MSP Gathering kali ini, diharapkan MSP Regional Jawa Timur dan rekan-rekan MUGI dapat saling berkolaborasi untuk mengadakan suatu event pada masa mendatang.

Walaupun beberapa orang ada yang datang terlambat, namun acara tetap berlangsung menyenangkan dan kadang dipenuhi tawa. Hingga tak terasa sampai di penghujung acara pada pukul 21.30 WIB yang diakhiri dengan foto bersama.

Semoga acara ini dapat semakin meningkatkan kerja sama antara MSP dan MUGI untuk lebih meningkatkan aktivitas sharing dalam komunitas di Jawa Timur.

image_thumb_1C53432Bimage_thumb_4401E753

Posted in Event, Experience, Microsoft, Microsoft Student Partner | Tagged: , , | Leave a Comment »

Microsoft Technology Update Road Trip 2011 – Day 3 @Ma Chung

Posted by Alexander Rahardjo on March 7, 2011

Pada hari Jumat tanggal 4 Maret 2011, MSP Regional Jawa Timur bekerja sama dengan MUGI Ma Chung mengadakan acara Microsoft Technology Update Road Trip 2011 di Universitas Ma Chung, Malang. Tujuan utama dari acara ini adalah memberikan update mengenai teknologi terbaru dan pengenalan program-program akademik dari Microsoft.

Acara berlangsung pada pk. 15.00 hingga 18.00 WIB di Balai Pertiwi, Universitas Ma Chung, Malang. Pembicara dalam kegiatan ini, yaitu: Julius Fenata (Academic Developer Advisor Microsoft Indonesia), Jeffrey Hermanto Halimsetiawan (MSP ITS), saya Alexander Rahardjo (MSP ITS),  dan Izzuddin Gumilar (MSP ITS).

Acara ini dibuka dengan sesi pertama oleh Julius Fenata yang memberikan penjelasan mulai dari MSDN AA, Did You Know?, showcase aplikasi WPF, Silverlight, XNA dan Microsoft Surface dalam bentuk video serta Imagine Cup sebagai kompetisi IT terbesar di dunia.

185631_1814351965903_1453171189_1953763_7209951_n

Acara dilanjutkan dengan sesi kedua yang diisi oleh Jeffrey Hermanto Halimsetiawan(MSP ITS) mengenai Windows Phone 7 yang merupakan Smartphone OS terbaru yang dikeluarkan oleh Microsoft. Penjelasan ini dimulai dari hardware dari Windows Phone 7 lalu Windows Phone 7 dari sisi consumer dan developer. Di dalam sesi ini dijelaskan mengenai pembangunan aplikasi mobile pada Windows Phone 7 OS dan dilengkapi dengan demo aplikasi Windows Phone 7 yang dikembangkan bernama Petualangan Aksara di Tanah Jawa for WP7. Dalam sesi ini peserta cukup antusias dalam mencoba aplikasi yang didemokan ini.

183048_1814352125907_1453171189_1953764_5242708_n

Berikut adalah materi presentasi Windows Phone 7:

Kemudian dilanjutkan dengan sesi ketiga yang diisi oleh saya Alexander Rahardjo(MSP ITS). Pada sesi ini dijelaskan mengenai asal mula teknologi MultiPoint, penerapan aplikasi MultiPoint melalui sebuah video, sekilas mengenai Windows MultiPoint Mouse SDK 1.5.1, membangun aplikasi Flash dengan memanfaatkan Microsoft MultiPoint SDK 1.1 dan diakhiri demo aplikasi Flash MultiPoint bernama Petualangan Aksara di Tanah Jawa.

189132_1814352245910_1453171189_1953765_6370915_n

Berikut adalah materi presentasi MultiPoint:

Selanjutnya sesi keempat diisi oleh Izzuddin Gumilar (MSP ITS) mengenai Microsoft Webmatrix dan Razor View Engine. Di dalam sesi ini, dijelaskan mudahnya membangun sebuah aplikasi web yang bresifat pre-build application dengan menggunakan Microsoft webmatrix yang disertai dengan demo dengan menggunakan web template and gallery yang telah disediakan oleh webmatrix. Selain itu sesi ini dilengkapi dengan penjelasan mengenai Razor View Engine yang merupakan salah satu option view engine yang dimiliki oleh asp.net framework yang juga merupakan komponen yang dibundle di dalam Microsoft Webmatrix.

190125_1814352365913_1453171189_1953766_583331_n

Berikut adalah materi presentasi Microsoft Webmatrix:

Acara terakhir dimeriahkan dengan demo langsung game Kinect Adventures dengan Microsoft Kinect oleh para MSP yang kemudian dicoba secara langsung oleh beberapa peserta. Demo Kinect ini memperoleh antusias yang sangat besar dari penonton.

IMG_4704IMG_4708

Acara ditutup dengan penyerahan penghargaan bagi para pembicara oleh panitia acara dari Universitas Ma Chung, kemudian dilanjutkan dengan foto bersama.

IMG_4711IMG_4712IMG_4715

IMG_4720

Berikut adalah beberapa foto yang menunjukkan antusiasme peserta acara ini. Acara ini berlangsung dengan tertib dan baik tempat penyelenggaraan acara ini juga sangat baik.

IMG_4661IMG_4677

Acara ini merupakan acara terakhir dari serangkaian acara Microsoft Technology Update Road Trip 2011 dan sekaligus mengakhiri kegiatan saya sebagai pembicara pada acara kali ini. Puji syukur acara Microsoft Technology Update Road Trip 2011di Universitas Ma Chung ini dapat berjalan sukses dan lancar, tidak lupa kami sampaikan terima kasih kepada MUGI Universitas Ma Chung yang telah bekerja sama dalam menyelenggarakan acara ini. Semoga dengan adanya acara ini dapat menumbuhkan motivasi mahasiswa Ma Chung untuk berkarya dengan menggunakan teknologi-teknologi terbaru Microsoft untuk berkompetisi dalam Imagine Cup 2012 tahun depan. Smile

Posted in Event, Experience, Microsoft, Microsoft Student Partner | Tagged: , , , , , , , , , , | 1 Comment »

Microsoft Technology Update Road Trip 2011 – Day 3 @UMM

Posted by Alexander Rahardjo on March 7, 2011

Sebagai rangkaian acara Microsoft Technology Update Road Trip 2011, Microsoft Student Partner regional Jawa Timur berkesempatan untuk mendatangi kampus putih Universitas Muhammadiah Malang dengan menjalin kerja sama  dengan MUGI kampus UMM pada hari Jumat, 4 Maret 2011. Kegiatan ini ditujukan untuk memberikan wawasan dan pemaparan mengenai potensi perkembangan teknologi saat ini dan tentunya memberikan update mengenai teknologi terkini yang dimiliki oleh Microsoft. Pada kesempatan ini Microsoft Student Partner membawakan beberapa topik mengenai beberapa teknologi terbaru dari Microsoft yaitu Microsoft Webmatrix,  MultiPoint, dan Windows Phone 7.

Acara ini berlangsung dari pk. 08.00 hingga 11.30 WIB berlokasi di Ruang Aula Teknik GKB 3 Lantai 4 UMM. Pembicara pada kegiatan ini adalah Julius Fenata (Academic Developer Advisor Microsoft Indonesia), Jeffrey Hermanto Halimsetiawan (MSP ITS), saya Alexander Rahardjo (MSP ITS),  dan Izzuddin Gumilar (MSP ITS).

Sesi pembukaan diawali dengan pengenalan MUGI dan sambutan yang dibawakan oleh Robby Awaludin (Ketua MUGI UMM) yang menjelaskan fungsi dan peran MUGI secara garis besar. Kamudian acara dilanjutkan dengan sambutan yang dibawakan oleh Bapak Ir. Sudarman, M.T – Dekan Fakultas Teknik UMM.

IMG_4565IMG_4569

Setelah sesi sambutan lalu masuk ke acara inti yaitu pengenalan teknologi Microsoft yang diisi oleh Microsoft Student Partner dan bapak Julius Fenata. Sesi inti pertama diisi oleh Izzuddin Gumilar (MSP ITS) yang membawakan materi Microsoft Webmatrix dan Razor View Engine. Di dalam sesi ini, dijelaskan mudahnya membangun sebuah aplikasi web yang bresifat pre-build application dengan menggunakan Microsoft webmatrix yang disertai dengan demo dengan menggunakan web template and gallery yang telah disediakan oleh webmatrix. Selain itu sesi ini dilengkapi dengan penjelasan mengenai Razor View Engine yang merupakan salah satu option view engine yang dimiliki oleh asp.net framework yang juga merupakan komponen yang dibundle di dalam Microsoft Webmatrix.

IMG_4574

Berikut adalah materi presentasi Microsoft Webmatrix:

Kemudian dilanjutkan dengan sesi kedua yang diisi oleh Alexander Rahardjo(MSP ITS). Pada sesi ini dijelaskan mengenai asal mula teknologi MultiPoint, penerapan aplikasi MultiPoint melalui sebuah video, sekilas mengenai Windows MultiPoint Mouse SDK 1.5.1, membangun aplikasi Flash dengan memanfaatkan Microsoft MultiPoint SDK 1.1 dan diakhiri demo aplikasi Flash MultiPoint bernama Petualangan Aksara di Tanah Jawa.

IMG_4583

Berikut adalah materi presentasi MultiPoint:

Topik materi selanjutnya dibawakan oleh Jeffrey Hermanto (MSP ITS) yang membawakan materi mengenai teknologi Windows Phone 7 yang merupakan mobile OS terbaru yang dikeluarkan oleh Microsoft. Di dalam sesi ini dijelaskan mengenai pembangunan aplikasi mobile pada Windows Phone 7 OS dan dilengkapi dengan demo aplikasi Windows Mobile yang dikembangkan bernama Petualangan Aksara di Tanah Jawa. Dalam sesi ini peserta cukup antusian dalam mencoba apikasi yang didemokan ini.

IMG_4591IMG_4607

Berikut adalah materi presentasi Windows Phone 7:

Setelah sesi materi  Microsoft Student Partner, Julius Fenata sebagai Academic Developer Evangelist Microsoft Indonesia memberikan wawasan mengenai perkembangan teknologi saat ini dan motivasi kepada mahasiswa yang berkecimpung di dalam dunia IT dalam menghadapi perkembangan teknologi tersebut. Selain itu juga ditampilkan showcase aplikasi Windows Presentation Foundation, Silverlight, XNA, dan Microsoft Surface yang sangat menarik. Tidak lupa, di akhir materi juga dikenalkan kompetisi IT terbesar di dunia yaitu Imagine Cup yang diharapkan mahasiswa yang hadir dalam roadtrip kali ini dapat termotivasi untuk ikut serta dalam Imagine Cup 2012 tahun depan.

IMG_4613

IMG_4619

Seperti pada acara sebelumnya di Universitas yang lain, di akhir acara Microsoft Student Partner mendemokan secara langsung teknologi Microsoft Kinect yang menarik perhatian para peserta road trip UMM ini.

IMG_4640

Saya merasa bangga dengan antusiasme para peserta kegiatan ini yang mencapai 200 orang lebih. Tentunya ini akan menjadi pengalaman saya yang berharga sebagai pembicara untuk memberikan materi di depan orang banyak Smile. Akhir kata puji syukur acara road trip microsoft technology update di Universitas Muhammadiyah Malang ini dapat berjalan sukses dan tidak lupa kami sampaikan terima kasih kepada MUGI kampus UMM yang telah bekerja sama dalam menyelenggarakan acara ini.

IMG_4649

Posted in Event, Experience, Microsoft, Microsoft Student Partner | Tagged: , , , , , , , , , | 1 Comment »

Microsoft Technology Update Road Trip 2011 – Day 2 @iSTTS

Posted by Alexander Rahardjo on March 7, 2011

Pada hari Kamis tanggal 3 Maret 2011, yang merupakan hari kedua dari rangkaian acara Microsoft Technology Update Road Trip 2011, MSP Regional Jawa Timur bekerja sama dengan Himpunan Mahasiswa Teknik Informatika iSTTS mengadakan acara tersebut di Institut Sains Terapan dan Teknologi Surabaya. Tujuan utama dari acara ini adalah memberikan update mengenai teknologi terbaru dan pengenalan program-program akademik dari Microsoft khususnya bagi mahasiswa di Institut Sains Terapan dan Teknologi Surabaya.

Acara berlangsung pada pk 14.00 – 17.00 WIB di Ruang U401, iSTTS. Pembicara dalam kegiatan kali ini, yaitu: Jeffrey Hermanto Halimsetiawan (MSP ITS), Reza Adhitya Saputra (MSP ITS),  Taufan Ardhinata (MSP PENS-ITS) dan Julius Fenata (Academic Developer Advisor Microsoft Indonesia).

Acara ini diawali dengan sesi pertama yang diisi oleh Jeffrey Hermanto Halimsetiawan (MSP ITS). Pada sesi ini dijelaskan mengenai asal mula teknologi MultiPoint, penerapan aplikasi MultiPoint, sekilas mengenai Windows MultiPoint Mouse SDK 1.5.1, membangun aplikasi Flash dengan memanfaatkan Microsoft MultiPoint SDK 1.1 dan diakhiri demo aplikasi flash multipoint bernama Petualangan Aksara di Tanah Jawa.

IMG_4491

Berikut adalah materi presentasi MultiPoint:

Kemudian sesi dilanjutkan dengan materi tentang Augmented Reality with GoblinXNA dibawakan oleh Reza Adhitya Saputra (MSP ITS). Diawali dengan penjelasan singkat mengenai augmented reality, penjelasan mengenai GoblinXNA dan ALVAR, serta diakhiri dengan demo aplikasi yang menampilkan berbagai macam robot sesuai dengan marker yang tampil pada kamera.

IMG_4499IMG_4507

Berikut adalah materi presentasi Augmented Reality:

http://cid-2bdf91f60cc2716d.office.live.com/embedicon.aspx/MSP%20Events/20110302%20-%2020110305%20Microsoft%20Technology%20Update%20Road%20Trip%202011/Presentation/Augmented%20Reality/developing-ar-application.pdf

Materi selanjutnya dibawakan oleh Taufan Ardhinata (MSP PENS-ITS) mengenai Windows Phone 7. Penjelasan ini dimulai dari hardware dari Windows Phone 7 lalu Windows Phone 7 dari sisi consumer dan developer. Sesi ini diakhiri dengan demo aplikasi sederhana Hello World di emulator Windows Phone 7 dan game XNA di Windows Phone 7.

IMG_4515

Berikut adalah materi presentasi Windows Phone 7:

Acara selanjutnya diisi oleh Bapak Julius Fenata yang memberikan penjelasan mulai dari MSDN AA, Did You Know?, showcase aplikasi WPF, Silverlight, XNA dan Microsoft Surface dalam bentuk video serta Imagine Cup sebagai kompetisi IT terbesar di dunia. Sesi ini diselingi beberapa sesi tanya jawab kepada penonton yang disertai pembagian beberapagoodies kepada penonton yang bertanya.

IMG_4521

Acara ini diakhiri oleh demo langsung game Kinect Adventures dengan Microsoft Kinect oleh beberapa MSP yang kemudian dicoba secara langsung oleh beberapa peserta. Demo Kinect ini memperoleh antusias yang sangat besar dari penonton.

IMG_4539

Berikut adalah beberapa foto yang menunjukkan antusiasme peserta acara ini dan demo Kinect yang dilakukan oleh para MSP.

IMG_4540IMG_4556

Semoga dengan adanya acara ini dapat menumbuhkan motivasi mahasiswa iSTTS untuk berkarya dengan menggunakan teknologi-teknologi terbaru Microsoft untuk berkompetisi dalam Imagine Cup 2012 tahun depan. Terima kasih kepada Himpunan Mahasiswa Teknik Informatika iSTTS yang telah membantu menyukseskan acara ini.

Posted in Event, Experience, Microsoft, Microsoft Student Partner | Tagged: , , , , , , , , | 1 Comment »

Microsoft Technology Update Road Trip 2011 – Day 1 @PENS-ITS

Posted by Alexander Rahardjo on March 6, 2011

Pada hari Rabu, 2 Maret 2011, Microsoft dalam serangkaian acara Microsoft Technology Update Road Trip 2011 mengadakan seminar untuk mahasiswa Politeknik Elektronika Negeri Surabaya (PENS) ITS. Acara ini diikuti oleh kurang lebih 150 mahasiswa dari berbagai jurusan di PENS ITS, mayoritas dari jurusan Teknik Informatika dan Teknik Komputer. Dalam acara ini, Julius Fenata, Academic Developer Advisor Microsoft menjelaskan berbagai macam update teknologi yang ada dan ketergantungan para konsumen terhadap teknologi tersebut.

Selain materi di atas, seminar ini juga diisi dengan materi lain. Yaitu Windows Phone 7 yang dibawakan oleh Taufan Harsilo Ardhinata. Dilanjutkan dengan materi Augmented Reality yang dijelaskan oleh Reza Aditya Saputra dan terakhir Microsoft Kinect oleh Febrianto Arif Rakhman. Mereka bertiga adalah Microsoft Student Patner (MSP) dari PENS dan ITS. Acara dimulai pada pk. 15.00 – 18.00 WIB di Ruang Teater PENS-ITS.

Acara ini diawali dengan sesi pertama yang diisi oleh Pak Julius Fenata. Pada sesi ini beberapa materi yang dibawakan adalah presentasi “Did You Know?”, showcase aplikasi WPF, Silverlight, XNA dan Microsoft Surface dalam bentuk video serta Imagine Cup sebagai kompetisi IT terbesar di dunia. Sesi ini diselingi beberapa sesi tanya jawab kepada penonton yang disertai pembagian beberapa goodies kepada penonton yang bertanya.

IMG_4401

Pak Julius juga menerangkan adanya program Microsoft Subscription Developer Network Academic Aliance (MSDNAA). MSDNAA menyajikan fasilitas khusus untuk mahasiswa agar dapat menggunakan produk-produk terbaru Microsoft secara legal dan berlisensi secara gratis.

Materi kedua dibawakan oleh Taufan Harsilo Ardhinata (MSP PENS-ITS) mengenai Windows Phone 7. Penjelasan ini dimulai dari hardware dari Windows Phone 7 lalu Windows Phone 7 dari sisi consumer dan developer. Sesi ini diakhiri dengan demo pembuatan aplikasi di windows phone menggunakan expression studio dan visual studio 2010. Selain itu juga ditunjukkan showcase game XNA di Windows Phone 7.

IMG_4426

Berikut adalah presentasi materi Windows Phone 7:

Setelah itu seminar dilanjutkan dengan materi Augmented Reality with GoblinXNA dibawakan oleh Reza Adhitya Saputra (MSP ITS). Diawali dengan penjelasan singkat mengenai augmented reality, penjelasan mengenai GoblinXNA dan ALVAR, serta diakhiri dengan demo aplikasi yang menampilkan berbagai macam robot sesuai dengan marker yang tampil pada kamera.

IMG_4440

Berikut adalah presentasi materi Augmented Reality:

http://cid-2bdf91f60cc2716d.office.live.com/embedicon.aspx/MSP%20Events/20110302%20-%2020110305%20Microsoft%20Technology%20Update%20Road%20Trip%202011/Presentation/Augmented%20Reality/developing-ar-application.pdf

Materi terakhir adalah demo Microsoft Kinect oleh Febrianto Arif Rakhman . Dalam kesempatan ini peserta seminar juga diperbolehkan untuk mencoba bermain XBOX 360 + Kinect.

IMG_4448IMG_4477

Berikut adalah presentasi materi Microsoft Kinect & XNA:

Seminar ini juga dipublikasikan pada website ITS dan website PENS jika ingin tahu lebih jauh pemberitaan tentang seminar di PENS-ITS ini. Berikut adalah dokumentasi dari kegiatan ini, menunjukkan bahwa peserta dari kegiatan ini sangat antusias dan sangat banyak Smile.

IMG_4402IMG_4409

Semoga dengan adanya acara ini dapat menumbuhkan motivasi mahasiswa PENS-ITS untuk berkarya dengan menggunakan teknologi-teknologi terbaru Microsoft. Baik untuk tujuan studi, development maupun untuk berkompetisi dalam Imagine Cup 2012 tahun depan. Terima kasih.

Posted in Event, Experience, Microsoft, Microsoft Student Partner | Tagged: , , , , , , , , , | 1 Comment »

Microsoft Technology Update Road Trip 2011 – Day 1 @ITS

Posted by Alexander Rahardjo on March 6, 2011

MSP Regional Jawa Timur pada bulan Maret 2011 mengadakan road trip di lima Universitas di Jawa Timur yang berjudul Microsoft Technology Update Road Trip 2011 dan ini merupakan acara akbar dari MSP Regional Jawa Timur. Tujuan dari kegiatan ini adalah untuk memperkenalkan teknologi-teknologi terbaru dari Microsoft dan mengenai kompetisi Imagine Cup 2011. Universitas pertama yang dikunjungi adalah kampus Institut Teknologi Sepuluh Nopember, Surabaya.

Pembicara dalam kegiatan ini adalah Bapak Julius Fenata (Academic Developer Advisor Microsoft Indonesia), Izzuddin Gumilar, saya sendiri Alexander Rahardjo dan rekan saya Febrianto Arif. Acara dilaksanakan pada hari Rabu, 2 Maret 2010, pk 10.00 – 13.00 WIB di Ruang Aula Lt. 2 Gedung Teknik Informatika ITS.

Salah satu hal yang menarik minat peserta acara ini adalah mengenai Microsoft Kinect dan Windows Phone 7. Oleh karena itu, selain mengadakan presentasi di ruang aula, satu stan khusus Xbox 360 dan Kinect disediakan untuk dicoba oleh para mahasiswa ITS. Terbukti perangkat Kinect ini sangat menarik perhatian karena stan tersebut sangat ramai oleh para mahasiswa yang ingin mencoba perangkat revolusioner ini secara langsung.

IMG_4329

Acara dibuka oleh sambutan dari Ketua Himpunan Teknik Informatika dan Kepala Jurusan Teknik Informatika, Bapak Yudhi Purwananto

IMG_4302

Sesi pertama presentasi dibawakan oleh Bapak Julius Fenata dengan materi Cloud Computing. Dalam sesi kali ini ditunjukkan bagaimana solusi cloud computing sangat bermanfaat untuk pembangunan infrastuktur IT pada UKM yang sedang berkembang di Indonesia.

IMG_4310

Sesi kedua dilanjutkan dengan presentasi Windows Phone 7 (WP7) yang dibawakan oleh Izzuddin Gumilar. Izzuddin memaparkan bagaimana WP7 merupakan smartphone yang kaya akan fitur maupun teknologi sehingga memiliki potensi yang cukup besar dalam persaingan smartphone pada saat ini. Sesi ini diakhiri dengan demo aplikasi WP7 yang dibuat oleh Izzuddin sendiri yaitu CityNews.

IMG_4324

Berikut adalah materi presentasi Windows Phone 7:

Sesi berikutnya dibawakan oleh saya, Alexander Rahardjo yaitu mengenai Visual Studio Tools for Office (VSTO). Dengan menggunakan VSTO ini, seseorang dapat membuat suatu fungsionalitas atau add-in ke dalam Microsoft Office dengan menggunakan bahasa-bahasa yang di support oleh .NET (C#, VB.NET, C++ Managed). Sesi presentasi kali ini ditutup dengan demo aplikasi menggunakan VSTO yaitu Word Mini Browser, dimana aplikasi ini menambahkan fungsionalitas Microsoft Word agar dapat membuka halaman website layaknya browser.

IMG_4334IMG_4337199807_1695674952000_1241615435_31830593_899926_n

Berikut adalah materi presentasi VSTO:

Untuk sesi terakhir dibawakan oleh Febrianto Arif mengenai XNA dan Microsoft Kinect. Febri menjelaskan tentang latar belakang dari pengembangan sensor gerak Kinect dan teknologi-teknologi yang terdapat pada perangkat ini. Sesi lalu dilanjutkan dengan demo game Kinect Adventure yang dimainkan oleh peserta roadtrip dari ITS dan MSP.

IMG_4345

Berikut adalah materi presentasi Microsoft Kinect dan XNA:

Berikut adalah dokumentasi ketika MSP dan para peserta mencoba Microsoft Kinect.

IMG_4351IMG_4375

Acara berlangsung baik dan lancar, para peserta juga tampak antusias dengan kegiatan ini. Peserta dari kegiatan ini mencapai 170 orang dan hal tersebut sungguh luar biasa dan juga merupakan pengalaman saya yang membanggakan dapat membawakan suatu materi di depan orang sebanyak itu Smile.

Saya sendiri berharap semoga dengan adanya acara ini semakin menambah wawasan mahasiswa ITS terhadap teknologi-teknologi terbaru dari Microsoft untuk menghasilkan suatu karya yang bermanfaat bagi banyak orang.

Posted in Event, Experience, Microsoft | 1 Comment »

Membuat Aplikasi Twitter pada Microsoft Word 2010 menggunakan VSTO 4.0

Posted by Alexander Rahardjo on February 22, 2011

Setelah menulis tutorial untuk membuat Word Mini Browser 2010 yaitu sebuah aplikasi yang memungkinkan pengguna untuk menjelajah web melalui Microsoft Word 2010, saat ini saya akan menuliskan sebuah tutorial yang tidak kalah seru dari yang lalu yaitu tutorial mengenai pembuatan sebuah add-in untuk Microsoft Word 2010 yang kegunaannya untuk melakukan tweet pada akun twitter anda melalui Word 2010, aplikasi ini saya namai WordTweet 2010.

Sebelum melakukan pembuatan aplikasi ini berikut adalah kakas dan library yang anda butuhkan dalam pengembangan aplikasi ini harus telah tersedia dalam komputer anda:

  1. Microsoft Visual Studio 2010
  2. Microsoft Office 2010
  3. TweetSharp (yang saya gunakan pada tutorial kali ini adalah v2.0)

Sebelum itu anda terlebih dahulu perlu mendaftarkan diri pada alamat ini http://dev.twitter.com/apps dengan langkah-langkah sebagai berikut:

1. Klik pada Register a new app

2. Isi form tersebut, untuk ApplicationType pilih Client, sedangkan untuk Default Access Type pilih Read & Writer.

Setelah itu, berikut adalah langkah-langkah pembuatan aplikasi:

1. Buka Visual Studio 2010 anda.

2. Buat sebuah project baru, pilih office, kemudian pilih Word 2010 Add-in, lalu tuliskan nama project yang anda kehendaki, di sini saya   menuliskan “WordTweet2010”, lalu tekan tombol “OK”.

1_thumb[1]

3. Kemudian tambahkan User Control pada project anda dengan cara klik kanan pada project anda lalu pilih Add User Control, maka akan tampil jendela berikut. Isi nama User Control kemudian tekan tombol “OK”.

image_thumb[1]

4. Kemudian tambahkan Ribbon pada project anda dengan cara klik kanan pada project anda lalu pilih Add New Item, maka akan tampil jendela berikut. Isi nama Ribbon kemudian tekan tombol “OK”.

image_thumb[4]

5. Kemudian pastikan bahwa 2 item tadi telah berada dalam project anda.

6. Tambahkan kontrol ToggleButton ke Ribbon anda melalui toolbox bagian Office Ribbon Controls. Anda dapat mengganti nama dari Ribbon anda yang semula group1, saya mengubahnya menjadi “WordTweet”.

7. Ubah label ToggleButton tadi melalui jendela properties, pada project saya, saya mengubahnya menjadi “WordTweet 2010”.

8. Lalu Ribbon anda akan tampak seperti gambar berikut.

image_thumb[14]

9. Kemudian masukkan beberapa kontrol pada User Control dan ubah propertiesnya sebagai berikut:

  1. Panel; Dock: Fill
  2. Label; Text: Enter your PIN; Enable: false
  3. Label; Text: Your Tweet; Enable: false
  4. Textbox; Enable: false
  5. Button; Name: btnGetPin, Text: Get PIN
  6. Button; Name: btnTweet, Text: Tweet it!; Enable: false
  7. RichTextbox; Enable: false
  8. Label; Visible: false
  9. PictureBox

10. Kemudian User Control anda akan tampak seperti gambar berikut.

image_thumb[25]

11. Setelah itu lakukan add reference kemudian pilih library TweetSharp yang telah anda unduh tadi, dll yang digunakan adalah:

  1. TweetSharp.dll
  2. Hammock.ClientProfile.dll
  3. Newtonsoft.Json.dll

12. Buat sebuah App.config dengan cara Add New Item lalu isikan dengan konfigurasi sebagai berikut:

image_thumb[33]

13. Setelah itu masukkan kode berikut pada User Control, dengan melakukan klik 2x setiap kontrol.

        public WTUserControl()
        {
            InitializeComponent();
            _twitterClientInfo = new TwitterClientInfo();
            _twitterClientInfo.ConsumerKey = ConsumerKey; //Read ConsumerKey out of the app.config
            _twitterClientInfo.ConsumerSecret = ConsumerSecret; //Read the ConsumerSecret out the app.config

            _twitterService = new TwitterService(_twitterClientInfo);

        }

        private void btnTweet_Click(object sender, EventArgs e)
        {
           if (richTextBox1.Text.Length <= MAX_TWEET)
            {
                if (string.IsNullOrEmpty(_token) || string.IsNullOrEmpty(_tokenSecret))
                {
                    //Get the pin from text box
                    string pin = textBox1.Text;

                    OAuthAccessToken accessToken = _twitterService.GetAccessToken(_requestToken, pin);
                    //Now we need the Token and TokenSecret
                    _token = accessToken.Token;
                    _tokenSecret = accessToken.TokenSecret;

                }

                _twitterService.AuthenticateWith(_token, _tokenSecret);
                string tweetMessage = richTextBox1.Text;
                _twitterService.SendTweet(tweetMessage);
                label4.Visible = true;
                label4.Text = "Your Tweet has been posted!";
            }
            else
            {
                label4.Visible = true;
                label4.Text = "Too many character!";
            }
        }

        #region ConsumerKey & ConsumerSecret
        private static string ConsumerSecret
        {
            get { return ConfigurationManager.AppSettings["ConsumerSecret"]; }
        }

        private static string ConsumerKey
        {
            get { return ConfigurationManager.AppSettings["ConsumerKey"]; }
        }
        #endregion

        private void btnGetPin_Click(object sender, EventArgs e)
        {
            if (string.IsNullOrEmpty(_token) || string.IsNullOrEmpty(_tokenSecret))
            {
                //Firstly we need the RequestToken and the AuthorisationUrl
                _requestToken = _twitterService.GetRequestToken();
                Uri authUrl = _twitterService.GetAuthorizationUri(_requestToken);

                //authUrl is just a URL we can open IE and paste it in if we want
                //Please Allow This App to send Tweets on your behalf");
                Process.Start(authUrl.AbsoluteUri); //Launches a browser that'll go to the AuthUrl.
                textBox1.Enabled = true;
                richTextBox1.Enabled = true;
                btnTweet.Enabled = true;
            }

        }

14. Tambahkan kode berikut pada ThisAddIn.cs.

        Microsoft.Office.Tools.CustomTaskPane _ctp;
        private void ThisAddIn_Startup(object sender, System.EventArgs e)
        {
            _ctp = Globals.ThisAddIn.CustomTaskPanes.Add(new WTUserControl(), "WordTweet");
        }

        public void ShowWordTweet()
        {
            _ctp.Visible = true;
        }

        public void HideWordTweet()
        {
            _ctp.Visible = false;
        }

15. Kemudian tambahkan kode berikut pada Ribbon dengan melakukan klik 2x pada ToggleButton.

        private void toggleButton1_Click(object sender, RibbonControlEventArgs e)
        {
            if (toggleButton1.Checked)
            {
                Globals.ThisAddIn.ShowWordTweet();
            }
            else
            {
                Globals.ThisAddIn.HideWordTweet();
            }
        }

16. Kemudian jalankan program anda dengan menekan tombol F5.

17. Pilih tombol “Get PIN” terlebih dahulu, kemudian secara otomatis aplikasi akan menampilkan browser anda, lalu masuk ke dalam twitter anda dan pilih “Allow” aplikasi. Kemudian PIN akan muncul.

3_thumb[7]

18. Masukkan PIN tersebut ke dalam aplikasi anda dan masukkan tweet anda, kemudian klik tombol “Tweet It!”

image_thumb[35]

19. Apabila berhasil, maka hasilnya akan tampak seperti gambar berikut.

image_thumb[42]

Demikian tutorial membuat aplikasi twitter pada Microsoft Word 2010 menggunakan VSTO dari saya. Semoga bermanfaat Smile

Selamat mencoba Smile

Posted in Microsoft, Tutorial, VSTO | Tagged: , , , | Leave a Comment »

Microsoft Technology Update Road Trip 2011 Wilayah Jawa Timur

Posted by Alexander Rahardjo on February 22, 2011

Poster

Microsoft Technology Update Road Trip 2011 Wilayah Jawa Timur merupakan sebuah acara yang akan diselenggarakan Microsoft bekerja sama dengan Microsoft Student Partners Regional Jawa Timur pada bulan Maret mendatang. Acara ini akan diadakan di beberapa Universitas di Jawa Timur seperti Surabaya dan Malang. Untuk peserta dari acara ini terbatas untuk kalangan mahasiswa dari Universitas tempat acara ini diselenggarakan. Universitas tersebut meliputi:

  • Institut Teknologi Sepuluh Nopember (ITS) Surabaya (ITS Surabaya)
  • Politeknik Elektronika Negeri Surabaya (PENS)
  • Institut Sains Terapan dan Teknologi (iSTTS) Surabaya
  • Universitas Muhammadiyah Malang (UMM)
  • Ma Chung University Malang

Acara akan berlangsung dari tanggal 2 hingga 4 Maret 2011 dan untuk pembicara dalam acara ini antar lain sebagai berikut:

Beberapa materi yang akan dibawakan dalam acara ini antara lain sebagai berikut:

  • Microsoft Imagine Cup
  • Cloud Computing
  • VSTO (Visual Studio Tools for Office)
  • Windows Phone 7
  • Microsoft Kinect dan XNA
  • Windows Multipoint Mouse
  • Augmented Reality

Pada acara kali ini pihak Microsoft akan secara langsung membawa dan mengenalkan produk terbaru mereka yaitu Windows Phone 7 dan Microsoft Kinect. Jadi akan terdapat live demo dari kedua produk tersebut di acara ini. Sekilas mengenai dua produk tersebut akan saya paparkan berikut ini

Windows Phone 7

windows-phone-7

Windows Phone 7 adalah sistem operasi untuk perangkat bergerak terbaru yang dikembangkan oleh Microsoft, sebagai pengganti platform Windows Mobile. Microsoft memperkenalkan Windows Phone 7 pada 15 Februari 2010 di Mobile World Congress 2010 di Barcelona.

Microsoft Kinect

kinect-pr-top-1

Kinect adalah perangkat untuk Xbox 360 yang memungkinkan pemain bisa mengendalikan game hanya melalui sebuah gerakan saja. Kinect merupakan produk hasil dari Project Natal.

Ikutilah acara ini terutama bagi para mahasiswa pada Universitas yang akan dikunjungi oleh Microsoft kali ini Smile

Posted in Event, Microsoft, Microsoft Student Partner, News | Tagged: , , , , , , , , , | 2 Comments »

 
%d bloggers like this: