Cara Membuat Menu Sendiri Di Excel Dengan Custom UI

 DigiMagz.Net - Untuk Membuat sendiri Menu Di Excel kita bisa menggunakan aplikasi yang bernama Custom UI, yang bisa Sobat Blogger unduh/download pada artikel Saya sebelumnya yang berjudul "Aplikasi Untuk Memodifikasi Ribbon Excel". Dan pada kesempatan ini Saya akan memberikan contoh sederhana tentang Cara Membuat Menu Sendiri Di Excel Menggunakan Custom UI tersebut.

Untuk membuat sendiri atau pun memodifikasi menu ribbon menggunakan aplikasi Custom UI ini tergolong gampang-gampang susah, gampang jika memang Sobat Blogger sendiri tahu mengenai bahasa XML, namun jika Sobat Blogger mau berusaha belajar sedikit demi sedikit dan mau sabar bisa dipelajari, sama halnya dengan Saya. Saya sendiri hanya mengandalkan kesabaran untuk sedikit demi sedikit membaca alura dari script yang ada pada aplikasi Custom UI.

Saya sendiri mendapatkan script untuk memodifikasi ribbon menu Excel tersebut dari hasil pencarian di internet, karena sudah banyak blog maupun website yang membahas mengenai hal tersebut. Baiklah, langsung saja kita praktekkan Cara Membuat Menu Sendiri Di Excel Dengan Custom UI, dan berikut ini merupakan langkah-langkahnya :

Cara Membuat Menu Sendiri Di Excel Dengan Custom UI

1. Pertama-tama Sobat Blogger harus meng-install terlebih dahulu aplikasi Custom UI yang bisa Sobat Blogger unduh/download di blog Saya ini, terpatnya pada artikel Saya yang sebelumnya yang berjudul "Aplikasi Untuk Memodifikasi Ribbon Excel" Silahkan Sobat Blogger unduh/download dan install.

2. Siapkan sebuah dokumen/file Excel yang akan kita jadikan sebagai template, cara ini Saya gunakan karena lebih mempermudah kita dalam proses memodifikasinya. Dokumen/file tersebut harus sudah tersimpan, dan pada contoh ini dokumen/file tersebut sudah Saya simpan dengan nama template.

3. Buka aplikasi Custom UI yang sudah kita install, dan seperti ini tampilan dari aplikasi Custom UI tersebut :

4. Silahkan klik pada tombol open yang bergambar folder kemudian cari dokumen/file Excel yang sebelumnya sudah kita siapkan untuk kita jadikan sebagai template, perhatikan gambar di bawah ini :

5. Jika dokumen/file sudah terbuka, maka tampilan aplikasi Custom UI akan seperti pada gambar di bawah ini :

Seperti yang ditampilkan pada gambar di atas, pada lembar kerja Custom UI sudah ada nama dokumen/file yang sudah kita pilih.

6. Selanjutnya adalah klik kanan pada dokumen/file tersebut dan nantinya akan muncul 2 (dua) opsi, yaitu Office 2010 Custom UI Part dan Office 2007 Custom UI Part, perhatikan gambar di bawah ini :

Silahkan klik pada opsi Office 2010 Custom UI Part, ini karena kita akan memodifikasi tampilan dari Excel versi 2010 ke atas, jadi nantinya jika dibuka menggunakan Excel minimal versi 2010 menu yang kita buat sendiri nantinya bisa terbaca. Dam hasilnya akan seperti pada gambar di bawah ini :

Kini sudah muncul sebuah UI dengan nama Custom UI14.xml seperti pada gambar di atas.

7. Berikutnya silahkan Sobat Blogger Copas kode di bawah ini kedalam lembar kerja Custom UI 

<customUI xmlns="http://schemas.microsoft.com/office/2009/07/customui">
<ribbon startFromScratch="true">
<contextualTabs>
<tabSet idMso="TabSetSmartArtTools" visible="false" />
<tabSet idMso="TabSetChartTools" visible="false" />
<tabSet idMso="TabSetDrawingTools" visible="false" />
<tabSet idMso="TabSetPictureTools" visible="false" />
<tabSet idMso="TabSetPivotTableTools" visible="false" />
<tabSet idMso="TabSetHeaderAndFooterTools" visible="false" />
<tabSet idMso="TabSetTableToolsExcel" visible="false" />
<tabSet idMso="TabSetPivotChartTools" visible="false" />
<tabSet idMso="TabSetInkTools" visible="false" />
<tabSet idMso="TabSetSparkline" visible="false" />
<tabSet idMso="TabSetTimeSlicerTools" visible="false" />
<tabSet idMso="TabSetSlicerTools" visible="false" />
<tabSet idMso="TabSetEquationTools" visible="false" />
</contextualTabs>
<tabs>
<tab id="customTab1" label="Latihan Modif Menu V.1.0" insertAfterMso="TabHome">
<group id="customGrou1" label="DigiMagz.net">
<button id="a" visible="true" size="large" label="BERANDA" image="Gmb1" onAction="KodeMacro1"/>
<separator  id="Separator1" />
<button id="b" visible="true" size="large" label="SETELAN" image="Gmb2" onAction="KodeMacro2"/>
<separator  id="Separator2" />
<button id="c" visible="true" size="large" label="DATABASE" image="Gmb3" onAction="KodeMacro3"/>
<separator  id="Separator3" />
</group>
</tab>
</tabs>
</ribbon>
<backstage>
        <button idMso="FileSave" visible="false"/>
        <button idMso="FileSaveAs" visible="false"/>
        <button idMso="FileOpen" visible="false"/>
        <button idMso="FileClose" visible="false"/>
        <button idMso="ApplicationOptionsDialog" visible="false"/>
        <button idMso="FileExit" visible="false"/>
        <tab idMso="TabInfo" visible="false"/>
        <tab idMso="TabRecent" visible="false"/>
        <tab idMso="TabNew" visible="false"/>
        <tab idMso="TabPrint" visible="false"/>
        <tab idMso="TabShare" visible="false"/>
        <tab idMso="TabHelp" visible="false"/>
        <tab idMso="TabPublish" visible="false"/>
        <tab idMso="TabSave" visible="false"/>
        <tab idMso="TabOfficeStart" visible="false"/>
  <tab idMso="Publish2Tab" visible="false"/> 
    </backstage>
</customUI>

Hasilnya akan seperti pada gambar di bawah ini :

Lakukan validasi kode terlebih dahulu, untuk memeriksa apakah kode tersebut sudah valid atau belum. Caranya klik pada tombol validate seperti pada gambar di bawah ini :

Jika kode tersebut valid maka akan muncul pesan seperti gambar di bawah ini :

Klik OK, dan silahkan klik pada tombol Save pada aplikasi Custom UI :

Jangan tutup aplikasi Custom UI, silahkan buka dokumen/file template kita untuk memeriksa apakah menu ribbon Excel sudah berubah atau belum, dan hasilnya akan seperti pada gambar di bawah ini :

Seperti yang Sobat Blogger lihat pada gambar di atas, menu dari dokumen/file yang kita modifikasi sudah berhasil, dengan munculna menu baru sesuai dengan kode yang sudah kita sisipkan tadi. Namun masih ada kekurangan, yaitu belum adanya icon pada masing-masing menu tersebut.

7. Tutup dokumen/file Excel tadi dan kembali ke jendela Custom UI, sekarang lanjutkan untuk menyisipkan gambar/icon untuk menu yang sudah kita buat tadi. Untuk gambarnya sendiri kita bisa menggunakan gambar berformat *.png dan *.ico, dan pada contoh ini Saya menggunakan gambar berformat *.png. Pastikan nama gambarnya harus sama dengan yang ada pada kode XML yang sudah kita sisipkan tadi, perhatikan pada kode XML yang Saya beri warna merah. Pada kode tersebut Saya menuliskan Gmb1, Gmb2, dan Gmb3, jadi silahkan ubah nama gambar yang akan kita jadikan icon menjadi nama tersebut. Jika sudah sekarang kita sisipkan gambar-gambar tersebut kedalam aplikasi Custom UI, caranya klik kanan pada Custom UI14.xml dan pilih Insert Icons .. kemudian pilih semua gambar yang akan kita jadikan icon :

Dan hasilnya akan seperti pada gambar di bawah ini :

Seperti yang ditampilkan gambar di atas, sudah ada 3 (tiga) gambar dengan nama Gmb1, Gmb2, dan Gmb3. Berikutnya klik Save pada Custom UI, dan silahkan buka kembali dokumen/file Excel (tempalte) yang tadi. Maka hasilnya akan seperti pada gambar di bawah ini :

Selesai,..

Sekarang menu ribbon sudah berhasil kita modifikasi, namun jika kita klik pada menu tersebut akan muncul pesan seperti pada gambar di bawah ini :

Pesan tersebut muncul karena kita belum menyisipkan kode Macro yang bisa membuat tombol (menu) tersebut tidak bisa berjalan. Dan untuk tutorial untuk menyisipkan kode Macro ke dalam tombol (menu) tersebut akan Saya bahas pada artikel selanjutnya. 

Demikian artikel mengenai Cara Membuat Menu Sendiri Di Excel Dengan Custom UI, mudah-mudahan apa yang sudah Saya sampaikan pada kesempatan ini bisa bermanfaat untuk kita semuanya. Kunjungi terus DigiMagz untuk mendapatkan info-info yang lebih menarik lainnya. Sekian, terimakasih, dan selamat mencoba.