tag:blogger.com,1999:blog-110991612024-03-19T11:36:48.051+07:00KantoranPernak-pernik kejadian di kantor, khususnya tips dan trik yang dapat aku temukan dalam dunia komputer, khususnya perangkat lunak.Yudi Kurniawanhttp://www.blogger.com/profile/11776237111778952924noreply@blogger.comBlogger66125tag:blogger.com,1999:blog-11099161.post-25324006692451995222021-06-16T10:31:00.003+07:002021-06-16T10:31:22.798+07:00Javascript : Checkbox Toggle (Pengganti Radiobutton)<p> Kebutuhannya sederhana, ada banyak checkbox, tapi hanya bisa memilih satu saja. </p><p>Misalnya kita punya tabel data, tiap baris ada checkbox, hanya saja dibatasi hanya ada satu yang bisa dicentang. Saat satu baris dicentang (checked), maka yang lain otomatis dihilangkan centangnya (unchecked).</p><p><span style="font-family: courier; font-size: x-small;">// function to uncheck other checkboxes using javascript only</span></p><p><span style="font-family: courier; font-size: x-small;">function uncheckOther(obj) </span><span style="font-family: courier; font-size: small;">{<br /></span><span style="font-family: courier; font-size: small;"> if (obj.checked) {<br /></span><span style="font-family: courier; font-size: small;"> var inputs = document.getElementsByTagName("input");<br /></span><span style="font-family: courier; font-size: small;"> for(var i = 0; i < inputs.length; i++) {<br /></span><span style="font-family: courier; font-size: small;"> inputs[i].checked = false; <br /></span><span style="font-family: courier; font-size: small;"> } <br /></span><span style="font-family: courier; font-size: small;"> obj.checked = true;<br /></span><span style="font-family: courier; font-size: small;"> }<br /></span><span style="font-family: courier; font-size: small;">} </span></p><p>Terus di tag checkbox-nya panggil fungsi tersebut:</p><p><span style="font-family: courier; font-size: x-small;"><input type="checkbox" id='test1' value="abc" onclick="uncheckOther(this)"></span></p><p><br /></p><p>Sebenarnya kalau di halaman web biasa, aku bisa mengganti checkbox dengan button atau link di tiap barisnya, langsung ada ID. Masalahnya, pas aku coba pakai ini di Visualforce page (Salesforce) aku mengalami kesulitan. Sulit untuk membuat tombol di tiap row yang bisa langsung nyambung ke fungsi tertentu, tanpa banyak memakai JS. Meski ada alternatif param, tapi tampaknya merepotkan.</p><p>Jadi aku memilih pendekatan ini saja, membuat checkbox di tiap row, sementara tombolnya adalah] commandButton yang lebih mudah nyambungin ke action dengan fungsi di Apex.</p><p>Oh ya, kalau pakai JQuery mungkin bisa lebih sederhana seperti ini</p><p><span style="font-family: courier; font-size: x-small;">$(["input[type=checkbox]:checked").removeAttr('checked');<br />$(obj).attr('checked', 'checked');</span></p>Yudi Kurniawanhttp://www.blogger.com/profile/11776237111778952924noreply@blogger.com0tag:blogger.com,1999:blog-11099161.post-71158592493256166552021-04-21T11:31:00.002+07:002021-04-21T11:31:31.983+07:00Salesforce : Debug Log untuk user System Terkait Email-to-Case<p>Belum lama ini ada proyek cukup intensif berkaitan dengan Case Management di platform Salesforce.com. Salesforce sendiri sudah memiliki fitur ini, yang masuk dalam produk Service Cloud, dan cukup banyak fasilitas yang tersedia. Salah satunya adalah Email-to-case, yang memungkinkan kita menerima keluhan/saran melalui email, dan secara otomatis system akan membuat record di object Case (standard object).</p><p>Aku membuat trigger untuk object Case, yang akan mengupdate field tertentu berdasar data yang diinput. Ternyata, trigger yang aku buat tidak berfungsi dengan baik jika record Case dibuat dari Email-to-case. Padahal kalau dibuat secara manual (data entry), atau dibuat dari fitur Web-to-case, triggernya bisa berfungsi dengan baik. </p><p>Nah, aku coba debug, gak muncul di Debug Log. Ternyata yang user yang menjalankan peran saat proses Email-to-case adalah user "System", bukan user yang aku pakai. Pantas saja debug log gak ada isinya, karena bukan userku yang melakukannya. Pengaturan tentang siapa yang berperan dalam Email-to-case ini bisa dilakukan di menu:</p><p>Setup > Services > Support Settings, bagian "Automated Case User".</p><p>Masalahnya, untuk membuat Debug Log user System, tidak bisa dilakukan langsung lewat menu Debug Log, karena dianggap user tidak dikenali. </p><p>Setelah browsing sebentar, nemu solusi di sini:<br /><a href="https://help.salesforce.com/articleView?id=000333602&type=1&mode=1">https://help.salesforce.com/articleView?id=000333602&type=1&mode=1</a></p><p>Di situ dianjurkan untuk memakai Workbench, terus masuk ke menu Utilities > REST Explorer.</p><p>PIlih metode POST, gunakan URL berikut</p><p><span ng-app="HTCDSModule"></span></p><pre class="ckeditor_codeblock" style="text-align: left;"><b>/services/data/v35.0/tooling/sobjects/TraceFlag/</b>
</pre><p style="text-align: left;"><span style="font-family: inherit;">Selanjutnya gunakan contoh di bawah ini sebagai body:</span></p><pre class="ckeditor_codeblock"><b>{
"TracedEntityId" : "0050p000002Qr3OAAS",
"ExpirationDate" : "2021-04-21T13:04:31.000+0000",
"DebugLevelId" : "7dl2w000000Hp0eAAC",
"LogType" : "USER_DEBUG",
"StartDate" : "2021-04-21T03:34:31.000+0000"
}</b></pre><p style="text-align: left;">Sebelum execute, sesuaikan data dari contoh tersebut:<br />- TraceEntityId : ID dari user System (SELECT Id FROM User WHERE Name = 'System')<br />- DebugLevelId : ID dari DebugLevel (SELECT Id, DeveloperName FROM DebugLevel) <br /><br /></p><p style="text-align: left;">Setelah di-execute dan sukses, cek di Debug Log, seharusnya ada pilihan debug log untuk user tersebut sudah aktif.</p><p style="text-align: left;">Note: untuk query DebugLevelId, gunakan Developer Console dengan mengaktifkan Tooling API.<br />Oh ya, format tanggal adalah dalam GMT, jadi jam-nya harus disesuiakan dengan jam yang diiinginkan di timezone kita.<br />Sebagai contoh, untuk jam WIB, gunakan waktu 7 jam lebih awal.</p><p style="text-align: left;">Happy debugging!</p>Yudi Kurniawanhttp://www.blogger.com/profile/11776237111778952924noreply@blogger.com0tag:blogger.com,1999:blog-11099161.post-42446445137525811782020-10-29T14:35:00.005+07:002020-10-29T14:35:47.056+07:00Tidak Bisa Edit Salutation di Lightning - #SalesforceJourney<p>Masalahnya sepele, cuma ingin mengubah daftar Salutation yang ada di object Lead dan Contact, yang merupakan field dengan tipe picklist. Dulu caranya gampang, tinggal buka object Lead, buka daftar field, pilih Salutation. Dari situ bisa langsung oprek daftar Salutation yang ada. Bisa nambah, hapus ataupun mengubah yang sudah ada.</p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicYWwan0CPLVpAhliH7S6jLhC02fVk4Q-uM2ejl9StzDfKC8oMLMhilRu4PFGsJpwq2Ek0mu1mnAbxu5hPedm2Rt9GTuCkwnwtrJ4M2q4DBAywSzS5KCz2-D0MTH7OkU60rd7C/" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="419" data-original-width="1052" height="254" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicYWwan0CPLVpAhliH7S6jLhC02fVk4Q-uM2ejl9StzDfKC8oMLMhilRu4PFGsJpwq2Ek0mu1mnAbxu5hPedm2Rt9GTuCkwnwtrJ4M2q4DBAywSzS5KCz2-D0MTH7OkU60rd7C/w640-h254/image.png" width="640" /></a></div><br /><p></p><p>Tapi di Lightning, ternyata fitur itu tidak tersedia. Jadi hingga saat ini, satu-satunya cara ya harus pindah dulu ke tampilan Classic, dan lakukan perubahan dari sana.</p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnorfVLo4oYQPkv0NnSK1V3NfS3mKqULy2HGy0c5u2rpZcb5rEbH1PpDK_JpNHLZpjEzqs9RO-UYEXLhxnGr9RfQS98crktmub14EYnHWuIMXgFgfdSol1Lo5vvBdZXq5ddbK1/" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="283" data-original-width="832" height="218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnorfVLo4oYQPkv0NnSK1V3NfS3mKqULy2HGy0c5u2rpZcb5rEbH1PpDK_JpNHLZpjEzqs9RO-UYEXLhxnGr9RfQS98crktmub14EYnHWuIMXgFgfdSol1Lo5vvBdZXq5ddbK1/w640-h218/image.png" width="640" /></a></div><br /><br /><p></p><p>Oh ya, ternyata values yang ada di Salutation di Lead, juga dipakai di Contact. Jadi mengubah daftar picklist Salutation di Lead, otomatis akan berlaku juga di Contact. Praktis.</p><span><a name='more'></a></span><p><br /></p><p><i>#SalesforceJourney adalah catatan ringan tentang apa saja yang aku pelajari selama berkutat dengan Salesforce.com. Semacam diary, terlalu pendek untuk jadi artikel, tapi terlalu panjang untuk jadi postingan twitter.</i></p>Yudi Kurniawanhttp://www.blogger.com/profile/11776237111778952924noreply@blogger.com0tag:blogger.com,1999:blog-11099161.post-72434568768909622812020-07-10T20:56:00.001+07:002020-07-10T20:56:52.568+07:00Mengatur Password MariaDB Yang Baru Diinstal di UbuntuOke, sebenarnya ini masalah sepele, tapi karena aku sering lupa, aku catat saja.<div><br /></div><div>Ceritanya aku baru nyoba-nyoba lagi install Linux, terpaksa pakai Ubuntu lagi karenan entah mengapa nyoba install Linux Mint gagal melulu. Selanjutnya seperti biasa, install Apache, PHP, Postgresql dan MariaDb - versi gratisan dari MySQL. Termasuk tentu saja install phpmyadmin.</div><div>Catatan: yang aku install adalah versi terbaru yang tersedia di ubuntu, yaitu Ver 15.1 Distrib 10.1.44-MariaDB.</div><div><br /></div><div>Sebenarnya saat install phpmyadmin, ada permintaan untuk mengisi password. Tapi karena kurang fokus, aku lupa. Pas sekarang butuh mau pakai MariaDb, baru bingung.</div><div>Aku coba jalankan perintah biasa di console:</div><div><br /></div><pre style="text-align: left;"><font face="inherit"><b>> mariadb -u root -p </b></font></pre><div><br /></div><div>Pas aku masukin password kosong, error. Pas nyobain pakai password standard yang aku pakai, gagal juga.</div><div><br /></div><div>Browsing sebentar, nemu artikel ini : <a href="https://www.digitalocean.com/community/tutorials/how-to-reset-your-mysql-or-mariadb-root-password-on-ubuntu-18-04">https://www.digitalocean.com/community/tutorials/how-to-reset-your-mysql-or-mariadb-root-password-on-ubuntu-18-04</a></div><div><br /></div><div>Jadinya aku coba lagi di console,</div><pre style="text-align: left;"><b>> sudo mariadb -u root</b></pre><div>Ketika diminta password, yang aku masukkan adalah password ke server (karena sudo). Eh, berhasil masuk.</div><pre style="text-align: left;"><b>MariaDB [(none)] > use mysql;<br />MariaDB [mysql] > select user, password, host from user;</b></pre><div><br /></div><div>Akan tampil daftar user dan password, dan ternyata hanya ada 2 user: root dan phpmyadmin. Password root ternyata kosong.</div><div><br /></div><pre style="text-align: left;"><b>MariaDB [mysql] > update user set password = password('password_baru') where user = 'root';</b></pre><div>Pas aku query lagi user dan password, password untuk root sudah berubah. Tapi saat aku keluar dari console MariaDB dan coba masuk lagi cara normal</div><pre style="text-align: left;"><b>> mariadb -u root -p </b></pre><div>kemudian memasukkan password yang barusan aku buat, ternyata masih gagal. </div><div>Jadi aku masuk lagi dengan cara </div><pre style="text-align: left;"><b>> sudo mariadb -u root</b></pre><div>Ternyata aku harus mengubah authentication_string dan plugin di record user terkait. Mengikuti petunjuk di artikel tadi, aku jalankan perintah berikut.</div><div><br /></div><pre style="text-align: left;"><b>MariaDB [(none)]> use mysql;<br />MariaDB [mysql]> update user set authentication_string = '' where user = 'root';<br />MariaDB [mysql]> update user set plugin = '' where user = 'root';</b></pre><div><div><br /></div></div><div>Selanjutnya keluar dari console MariaDB, dan coba masuk lagi dengan user dan password root tadi, sukses.</div><div>Selanjutnya aku coba jalankan phpmyadmin, masukkan user root dan password root yang baru, sukses.</div><div><br /></div><div></div><blockquote><div>NB: menurut artikel, untuk database mysql, ada perlakuan berbeda. Alih-alih dikosongkan, nilai authentication_string harus diisi dengan password('password_baru'), sedangkan plugin diisi dengan mysql_native_password.</div><div><pre><b>MariaDB [mysql]> update user set authentication_string = password('password_baru') where user = 'root';<br />MariaDB [mysql]> update user set plugin = 'mysql_native_password' where user = 'root';</b></pre></div><div></div></blockquote><div><br /></div><div>Selamat mencoba.</div>Yudi Kurniawanhttp://www.blogger.com/profile/11776237111778952924noreply@blogger.com0tag:blogger.com,1999:blog-11099161.post-84881760422672665672015-07-30T17:51:00.003+07:002015-07-30T17:51:37.732+07:00Internet of Things, Opo Kuwi?Belakangan ini aku sering mendengar istilah Internet of Things, tapi gak gitu paham apa maksudnya. Sejauh ini sih aku cuek saja, toh belum bersinggungan dengan pekerjaan. Akhirnya pagi ini tertarik dengan satu link video yang memberi penjelasan tentang IoT ini.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe width="320" height="266" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/_AlcRoqS65E/0.jpg" src="https://www.youtube.com/embed/_AlcRoqS65E?feature=player_embedded" frameborder="0" allowfullscreen></iframe></div>
<br />
Intinnya adalah benda-benda bisa berkomunikasi satu sama lain lewat internet, bahkan tanpa campur tangan manusia. Apakah ini hal baru? Tergantung definisi barunya sejak kapan, yang jelas sih kalau di film-film sudah sering kita tonton kisah-kisah fiksi tentang teknologi ini.<br />
<br />
Tapi sekitar 10 tahun lalu aku sudah sempat mendengarkan cerita dari Pak Bagus Mahawan tentang hal ini. Hanya saja waktu itu istilah IoT belum ada.<br />
<br />
Dalam sebuah perjalanan penuh macet menuju pertemuan dengan salah satu client di Jakarta, pak Iwan berkisah tentang apa yang sedang terjadi di Jepang. Terkesan bahwa saat ini mereka sedang stagnan dalam perkembangan teknologi, dan mulai kalah dengan negara lain. Makanya mereka sedang mengembangkan konsep IT yang disebut dengan ubiquity. Kurang lebihnya itu lah. Intinya teknologi yang akan menghubungkan peralatan-peralatan, bisa rumah tangga atau dimanapun.<br />
<br />
Misalnya ada kulkas yang bisa mendeteksi stok susu. Jika susu sudah habis, atau hampir habis, sistem di kulkas itu akan memberi informasi ke pemilik. Atau bisa langsung menghubungi pihak supermarket tertentu untuk memesan susu secara otomatis. Obrolan yang cukup menarik waktu itu karena penggunaan teknologi yang cerdas dan tepat bisa sangat mempermudah dan memanjakan hidup.<br />
<br />
Tapi di satu sisi aku juga pesimis, dari sisi keamanan. Adanya integrasi system, apalagi kalau sampai terhubung ke internet, berarti akan memungkinkan celah untuk hacker atau pihak lain untuk menerobos sistem dan ngobok-obok semua perangkat yang terhubung. Apa gak bahaya? Kebanyakan nonton film tentang hacker, apalagi yang terakhir dari Fast and Furious 6 soal God's Eye :)<br />
<br />
Di luar masalah pesimis, tampaknya IoT adalah hal lain yang akan berkembang dan perlu dipertimbangkan kalau ingin selalu uptodate dengan perkembangan teknologi.Yudi Kurniawanhttp://www.blogger.com/profile/11776237111778952924noreply@blogger.com0tag:blogger.com,1999:blog-11099161.post-50642578289486496592015-05-26T09:00:00.002+07:002015-05-26T09:00:46.503+07:00Foto-Foto Dalam AWS Summit 2015, Singapore<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyhlZG0qsVq0Py26VxYLlBD7aYAW46UzQggUZyLS8ciNAfR3YOPwfx8dcMZ14-LHsiFt0btoTpSR7kKDfWqIAQHHv5CmvUNnikwqsFDCZIkTfZDLbCxza_1D2hwJz8JWQS5A2K/s1600/20150519_080522.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="402" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyhlZG0qsVq0Py26VxYLlBD7aYAW46UzQggUZyLS8ciNAfR3YOPwfx8dcMZ14-LHsiFt0btoTpSR7kKDfWqIAQHHv5CmvUNnikwqsFDCZIkTfZDLbCxza_1D2hwJz8JWQS5A2K/s640/20150519_080522.jpg" width="640" /></a></div>
<br />
Meja registrasi acara AWS Summit 2015 di Singapura masih tampak lenggang karena acara baru akan dimulai sekitar satu jam lagi. Aku datang agak awal karena janjian dengan teman, yang mengundangku ikut acara ini. Mumpung gratis katanya, siapa tahu bisa nambah ilmu dan nambah koneksi. Lagipula aku sedang tidak terlalu sibuk, jadi ya ikutan saja. Acara berlangsung seharian di Raffles City Convention Center, lantai 4.<br />
<br />
Aku bukanlah pengguna aktif AWS, karena bagiku layanan mereka terlalu mahal. Tapi karena kantor dulu beberapa kali menggunakan layanan AWS, khususnya layanan EC2, ya sedikit banyak aku tahu lah. Tapi ya sebatas EC2 saja, lebih ke server hostingnya. Padahal sebenarnya layanan dari AWS itu ada lebih banyak lagi, sampai aku bingung dengan banyaknya menu yang ada. Karena merasa tidak perlu, aku malas belajar sendiri. Nah dengan adanya acara ini, setidaknya aku dapat <i>overview</i> tentang produk-produk AWS itu, siapa tahu suatu saat dibutuhkan.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4A_vyJL1OKCyrUnJpAggK6JL6ndNq7XjivM0SDEHK0iNmNhhOu-XnJIBs73TWWZGRwWO6qyTuje_botZszVoa3CVoqW-6GJnQkTdZCLxIiXC4jxycy3IHXHqMrOI-9sI6BWSe/s1600/20150519_085452.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="324" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4A_vyJL1OKCyrUnJpAggK6JL6ndNq7XjivM0SDEHK0iNmNhhOu-XnJIBs73TWWZGRwWO6qyTuje_botZszVoa3CVoqW-6GJnQkTdZCLxIiXC4jxycy3IHXHqMrOI-9sI6BWSe/s640/20150519_085452.jpg" width="640" /></a></div>
<br />
Saat acara baru akan dimulai, ruangan belum 100% terisi, masih banyak tempat kosong. Tapi menariknya, saat acara berlangsung, mulai padat.<br />
<br />
Acara ini menurutku adalah bentuk promosi Amazon Web Service di ASEAN, termasuk promosi rekan-rekan bisnisnya. Kalau dilihat di <a href="http://aws.amazon.com/summits/singapore/agenda/">jadwal acara</a>, sebagian besar acara diisi oleh sponsor mereka. Meskipun demikian, acara seperti ini, kalau memang berkualitas, akan menguntungkan kedua belah pihak. Bagi peserta, bisa dapat pengetahuan gratis serta kesempatan untuk konsultasi gratis dengan para ahlinya, meskipun hanya sebentar, juga bisa menambah jaringan bisnis. Bagi AWS dan para sponsor ya jelas, mereka bisa mempromosikan bisnisnya.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb8vphHgi7QrWCxTB26UqHqmT2qcQPpUB_xXh9JTijjP68vmJ9KHV7dzTtK5J5RjVaRuOaf7mNDBNNwcojlIBEgarndpArvfMMzMG1lhAIUcUjNgt44xgLDV6l6ZsaP8jWGwGT/s1600/20150519_134030.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb8vphHgi7QrWCxTB26UqHqmT2qcQPpUB_xXh9JTijjP68vmJ9KHV7dzTtK5J5RjVaRuOaf7mNDBNNwcojlIBEgarndpArvfMMzMG1lhAIUcUjNgt44xgLDV6l6ZsaP8jWGwGT/s640/20150519_134030.jpg" width="640" /></a></div>
<br />
Satu hal lagi yang membuatku tidak merasa rugi ikut acara ini adalah makan siang dan coffee break yang gratis. Hidup gratisan hehehe... Jarang-jarang bisa dapat sajian makan sekelas hotel berbintang, gratis dan bisa makan sepuasnya.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl3oVW-V6ThAHVckpdDVBa1OprjdZnUXjj9hCntuKPKZDgx2OQw83fdWgGyq_TuhVgjK1jF0HEvcSq9HPdPG-O0yODVmUZtVLGb4tSZ2zy9qebOXK5oCaq2LG5skFQ_L8fVacc/s1600/20150519_164351.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl3oVW-V6ThAHVckpdDVBa1OprjdZnUXjj9hCntuKPKZDgx2OQw83fdWgGyq_TuhVgjK1jF0HEvcSq9HPdPG-O0yODVmUZtVLGb4tSZ2zy9qebOXK5oCaq2LG5skFQ_L8fVacc/s640/20150519_164351.jpg" width="512" /></a></div>
<br />
Di akhir acara juga ada pembagian doorprice, baik dari AWS sendiri maupun dari masing-masing sponsor. Tapi memang sejak awal aku gak berminat mengikutnya karena selama ini tidak pernah beruntung kalau soal lucky draw. Tapi aku dan temanku tetap mengikuti acara hingga akhir, penasaran saja. Hadiah yang diberikan bervariasi, mulai dari voucher AWS, paket liburan, hingga gadget terbaru, bahkan ada juga perhiasan emas.<br />
<br />
Berikut beberapa foto selama kegiatan, iseng-iseng saja buat kenangan, meskipun gak ada nama yang akrab buatku.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7UNByCIeZQjav-io0oQ5MzkNAS7aWMrzOkc3YVMkBq7Y48dzNg3Yp_0sLP2Ehtd33S_RXSMC4UvAfKr4eO-0UzT4JlixCp1PL7zu-ZJelsrWG_a7dix1jukHuWWyPhyphenhyphenqARgGG/s1600/20150519_080656.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="390" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7UNByCIeZQjav-io0oQ5MzkNAS7aWMrzOkc3YVMkBq7Y48dzNg3Yp_0sLP2Ehtd33S_RXSMC4UvAfKr4eO-0UzT4JlixCp1PL7zu-ZJelsrWG_a7dix1jukHuWWyPhyphenhyphenqARgGG/s640/20150519_080656.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Richard Harsman, Head of ASEAN, AWS</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0za0HjRj8Nvznj0xZ4-kLEUeNzaJyistnr7sZ6-8HidfgdcYktdiGZA3_9AoqDj3qtw_RYUv-GmT2_7fBGOQwN4556JxBvqsEP1huetyp0thNVFuHyt3hT_ocZANEXMwVE12l/s1600/20150519_080720.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="450" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0za0HjRj8Nvznj0xZ4-kLEUeNzaJyistnr7sZ6-8HidfgdcYktdiGZA3_9AoqDj3qtw_RYUv-GmT2_7fBGOQwN4556JxBvqsEP1huetyp0thNVFuHyt3hT_ocZANEXMwVE12l/s640/20150519_080720.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Stephen Orban, Head of Enterprise Strategy, AWS</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkzducOmM9X7_yYCZqhOq6Xmif9Io1d1kktwXgCGf6H2ihZBt8IQG95SZRajqYoSquNusiZENlEWqskVJU-sbKPd1L2E3KRDpgci6GjXi2fNhNb5pmEhewC1ecwt3wXRNTO1no/s1600/20150519_082227.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="290" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkzducOmM9X7_yYCZqhOq6Xmif9Io1d1kktwXgCGf6H2ihZBt8IQG95SZRajqYoSquNusiZENlEWqskVJU-sbKPd1L2E3KRDpgci6GjXi2fNhNb5pmEhewC1ecwt3wXRNTO1no/s640/20150519_082227.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Ernest Cu, President & CEO Globe Telecom (Filipina)</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMC67XqVO5_lDp53OjJCHa6iwjhJGrcXlGxHlUq1QDm33BiexJdjKdIpKZGVtAfPOUIGuDzZgQUbXOXkhHeGd_BxX_OC_Pof2IAb3NPggYFKbmzlsd0L4ykc_rhXlAOASOHN51/s1600/20150519_083625.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMC67XqVO5_lDp53OjJCHa6iwjhJGrcXlGxHlUq1QDm33BiexJdjKdIpKZGVtAfPOUIGuDzZgQUbXOXkhHeGd_BxX_OC_Pof2IAb3NPggYFKbmzlsd0L4ykc_rhXlAOASOHN51/s640/20150519_083625.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Rajesh Lingappa, Redmart</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikafLouWwsCZT9t67KZpB9j-am3uTKzNyv0Xl5wMvLC-q2nEYJtQv2H2knTVYaoBTUE_3QQ9K8iH18uBNtCimyNmFk3WcSbQ3sg_idrOJZc2TB8JmSFLOuvBAzz15R0Pat65rs/s1600/20150519_084419.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="446" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikafLouWwsCZT9t67KZpB9j-am3uTKzNyv0Xl5wMvLC-q2nEYJtQv2H2knTVYaoBTUE_3QQ9K8iH18uBNtCimyNmFk3WcSbQ3sg_idrOJZc2TB8JmSFLOuvBAzz15R0Pat65rs/s640/20150519_084419.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Brendan O'Neill, SEACO</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBfn108P6K9v8WcggpT3qcFnnQb8nnMqu875O3ysRarwRzLZPr_j9B2hnI47ODvmCQDgBza-ZcDpMCNmxRmImitomHUxiyERNjOA0Gpy6nR1ThKwTDQpvNVraG4XlU4p0QtFzZ/s1600/20150519_085146.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="420" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBfn108P6K9v8WcggpT3qcFnnQb8nnMqu875O3ysRarwRzLZPr_j9B2hnI47ODvmCQDgBza-ZcDpMCNmxRmImitomHUxiyERNjOA0Gpy6nR1ThKwTDQpvNVraG4XlU4p0QtFzZ/s640/20150519_085146.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Baru tahu soal Amazon Aurora, database engine buat nyaingin MySQL, yang tersedia sebagai salah satu bagian layanan RDS (Relational Database Service)</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7mJeAyBST1IhXWwcwe1zwH0HC1KvxDTfeEQ0icf9aQlHpYJaHhYGcFI4DwEhcb7INP2my5ZnvuHIdZszZ3yL1pUVQJpm0gps8Kx_EXCw1xMNJ8MwuDOJsuNRSJXzYIbCh-CtZ/s1600/20150519_085941.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="450" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7mJeAyBST1IhXWwcwe1zwH0HC1KvxDTfeEQ0icf9aQlHpYJaHhYGcFI4DwEhcb7INP2my5ZnvuHIdZszZ3yL1pUVQJpm0gps8Kx_EXCw1xMNJ8MwuDOJsuNRSJXzYIbCh-CtZ/s640/20150519_085941.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Marcelo Wesseler, CEO SingPost eCommerce Pte Ltd</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuYlWTB4CXdLPEho6uLNBQoS_NzDxYq8s_Bcj1DYNr6WjE3Ir-UUEl7l6ZVrRVJ8hqP5hiVhLJYHGW2Y9dR-oKAAqriVxv042VAhwcaUS8SPFGB6S52xrleJ8ea4j6EzgO7hrJ/s1600/20150519_093233.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="472" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuYlWTB4CXdLPEho6uLNBQoS_NzDxYq8s_Bcj1DYNr6WjE3Ir-UUEl7l6ZVrRVJ8hqP5hiVhLJYHGW2Y9dR-oKAAqriVxv042VAhwcaUS8SPFGB6S52xrleJ8ea4j6EzgO7hrJ/s640/20150519_093233.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Glenn Gore, APAC Solution Architect Manager, AWS. Dia menjelaskan sedikit tentang big data, termasuk salah satu produk baru Amazon Learning Machine.</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHZWxHE1hyZgKPWh1plDqATJVjuxq1vzls0o4ulYgBsH-SfOxQ-DBbrrXhvDEiVN9Srlf0kEgYMkL8_td3wOb3STnFYc_2203ZoKbai1LdO-JAZHqHBA3YJ8n_SjSmr_wE2jzp/s1600/20150519_102139.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="290" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHZWxHE1hyZgKPWh1plDqATJVjuxq1vzls0o4ulYgBsH-SfOxQ-DBbrrXhvDEiVN9Srlf0kEgYMkL8_td3wOb3STnFYc_2203ZoKbai1LdO-JAZHqHBA3YJ8n_SjSmr_wE2jzp/s640/20150519_102139.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Anindo Sengupta, Minjar (Sponsor)</td></tr>
</tbody></table>
<br />
Chris Hampartsoumian, Technology Evangelist, ASEAN AWS, menjelaskan tentang dasar-dasar produk AWS. Nah, dengan begini jadi lebih paham secara garis besar apa saja produk AWS. Ternyata banyak dan cukup menarik.<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhefRKfTnqzOgfkMjIsVtQGnTBr2v_fIfc-xcvtRvrRrXNNy_S-0rCj8QJiP4zy-hYo4LlYnEt0RjTEIXiPuJ5NFY0mH-laXaanraLDqu1ZNQJx0qDNDzvFu_PO71eHGJnORKsh/s1600/20150519_110745.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhefRKfTnqzOgfkMjIsVtQGnTBr2v_fIfc-xcvtRvrRrXNNy_S-0rCj8QJiP4zy-hYo4LlYnEt0RjTEIXiPuJ5NFY0mH-laXaanraLDqu1ZNQJx0qDNDzvFu_PO71eHGJnORKsh/s640/20150519_110745.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"></td><td class="tr-caption" style="text-align: center;"></td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC25MFn9mejlHCe7R6QvKnAs86umcP64ePENo4Pygcee9cfNUPuarSj4F3Gy7kZeDbeTeaky7u1633Y3rXB6HOYtTP0sveEbLRkmiQZ8c-oKtAbv3F-Ah3B29e-nDuo2wyH8G6/s1600/20150519_131345.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="482" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC25MFn9mejlHCe7R6QvKnAs86umcP64ePENo4Pygcee9cfNUPuarSj4F3Gy7kZeDbeTeaky7u1633Y3rXB6HOYtTP0sveEbLRkmiQZ8c-oKtAbv3F-Ah3B29e-nDuo2wyH8G6/s640/20150519_131345.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Dhruv Parpia, Solution Architect, ASEAN, AWS.</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2YcSX9j3Rar_G7JlC8paZ-37Ez3JP1UiJWNF6tUZ0NwdmaPjo7k_IIUwq3sUu8jd8b3Fz7H9neONXLmQuU26pjlzfgtaqbSVIivqYjEecBVUhQZtr2sH2LW0vb_0povJ5qMqW/s1600/20150519_135530.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="402" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2YcSX9j3Rar_G7JlC8paZ-37Ez3JP1UiJWNF6tUZ0NwdmaPjo7k_IIUwq3sUu8jd8b3Fz7H9neONXLmQuU26pjlzfgtaqbSVIivqYjEecBVUhQZtr2sH2LW0vb_0povJ5qMqW/s640/20150519_135530.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-size: 12.8000001907349px;">Menjelaskan tentang mobile development dengan menggunakan produk-produk AWS, seperti Cognito, Lambda, Mobile Analytics, SNS dll. Salah satu keynote favoritku.</span></td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVovbzLK0F48paE8BJFUeyWUPS7TNfPtnTovugVa6GehtmawlItRi1gyEwl4jWWDa1EaKL1NOmgT4uV0TlaM3ixdBlRciK18d0I298Ah0g_smXm0QG_QDpep8YJFvKejQxUB_O/s1600/20150519_150030.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="528" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVovbzLK0F48paE8BJFUeyWUPS7TNfPtnTovugVa6GehtmawlItRi1gyEwl4jWWDa1EaKL1NOmgT4uV0TlaM3ixdBlRciK18d0I298Ah0g_smXm0QG_QDpep8YJFvKejQxUB_O/s640/20150519_150030.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Sivaram Shunmugam, Manager, Infrastructure Practice, Redhat.</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiejD827yq-hqY1lmGx5x1wjvkhPyo3JziNpujD3IIeFiUVtqQoe64MDNXYJw4yWJ71xwYQTpkHYzBK66HL56Hv-GH69J1llNVF39T__ZsJyLYKEum1NJq53NxIN5aKc_Zlp0Ve/s1600/20150519_152732.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="496" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiejD827yq-hqY1lmGx5x1wjvkhPyo3JziNpujD3IIeFiUVtqQoe64MDNXYJw4yWJ71xwYQTpkHYzBK66HL56Hv-GH69J1llNVF39T__ZsJyLYKEum1NJq53NxIN5aKc_Zlp0Ve/s640/20150519_152732.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Keynote ini membuatku tahu (meski belum paham), tentang container, salah satunya yang populer adalah Docker. Sepertinya teknologi ini pantas untuk dipelajari.</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixfM6p_vO2unBryRp4Cqtkl30NzgcjTL01-_Lju8A9luMhtfl0uAR2O-WYgIDxTtyApn-JQPEtUqotgqZESYZyltqEYVL6s2qm10nCc0mhsqVr__toX_qS6RkdJnak7pWp-0NW/s1600/20150519_160944.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="420" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixfM6p_vO2unBryRp4Cqtkl30NzgcjTL01-_Lju8A9luMhtfl0uAR2O-WYgIDxTtyApn-JQPEtUqotgqZESYZyltqEYVL6s2qm10nCc0mhsqVr__toX_qS6RkdJnak7pWp-0NW/s640/20150519_160944.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Russell Nush, Solution Architect, AWS</td></tr>
</tbody></table>
Secara keseluruhan aku cukup puas ikut acara ini, apalagi gratis dan dapat makan juga. Di akhir acara juga dapat botol minum gratis hanya dengan menyerahkan feedback form. Pokoknya puas karena gratis lah :)Yudi Kurniawanhttp://www.blogger.com/profile/11776237111778952924noreply@blogger.com0tag:blogger.com,1999:blog-11099161.post-5491122764948429052014-08-27T22:41:00.002+07:002016-08-11T16:29:28.565+07:00Soal Test Class di Salesforce.com<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="http://www2.sfdcstatic.com/assets/images/products/sf1/Data.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="284" src="https://www2.sfdcstatic.com/assets/images/products/sf1/Data.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Sumber gambar: force.com</td></tr>
</tbody></table>
Aku adalah penganut falsafah "learning by doing", artinya lebih suka untuk praktek langsung daripada repot baca teori. Ini berlaku juga saat membeli barang baru, langsung utak-atik tanpa mau repot-repot membaca buku petunjuk penggunaan. Termasuk saat belajar pengembangan aplikasi di Salesforce.com (force.com). Seminggu pertama baca-baca dan mengikuti tutorial sangatlah membosankan, dan baru semangat ketika terjun langsung dalam proyek, dan belajar dengan mencontek hasil kerjaan orang lain. Akibatnya, tidak memiliki dasar yang mendalam.<br />
<br />
Termasuk dalam hal membuat testclass. Selama ini aku anggap testclass hanya sebagai basa-basi, formalitas agar aplikasi bisa di-deploy ke production. Soalnya system mewajibkan minimal code coverage 75%, baru bisa di-deploy. Tentu saja ini hal yang menjengkelkan dan membuat frustrasi. Hal ini diperparah dengan kebiasaanku yang tidak pernah membaca teori tentang test class ataupun cara yang benar untuk membuat test class. Jadinya asal jadi saja, yang penting bisa di-deploy.<br />
<br />
Masalah muncul ketika kerumitan memperoleh code coverage dikombinasikan dengan adanya berbagai governor limit, terutama SOQL limit. Secara standard, dalam satu alur eksekusi, salesforce membatasi hanya boleh ada 100 kali query untuk mengambil data (SELECT). Ini termasuk query yang terjadi dalam trigger, yang mungkin memicu rangkaian trigger dari object lain yang terpengaruh. Oke lah, dalah prakteknya aku bisa paham, karena sifatnya multi-tenant, jadi masing-masing tidak boleh mendominasi resource. Tapi ini kan cuma test class.<br />
<br />
Kejengkelanku bertambah karena ternyata di dalam test class, penerapan governor limit itu merupakan akumulasi dari seluruh proses awal. Jadi misalnya aku ada melakukan insert record untuk 3 object berbeda, selama itu masih dalam satu fungsi testclass, akan dianggap sebagai satu eksekusi proses dan akumulasi penggunaan resource akan dikontrol dengan governor limit. Padahal dalam prakteknya, sangat mustahil proses itu berjalan sekaligus. Biasanya user akan insert record A, kemudian pindah menu untuk insert record B, dan terakhir pindah menu untuk insert record C. Jadi dalam prakteknya akan ada 3 eksekusi, yang masing-masing memiliki penggunaan resource yang terpisah. Payahnya, seringkali aku harus membuat testclass untuk object X, dimana untuk bisa membuat record object X itu perlu terlebih dahulu dibuat record untuk object A, B, C, D dst. Pokoknya prosesnya panjang. Kadang baru sampai di pembuatan record D saja sudah mentok kena governor limit.<br />
<br />
Salah satu cara untuk mengakali adalah dengan memanfaatkan <span style="background-color: #f8f8f8; font-family: "arial" , "helvetica" , sans-serif; font-size: 12px; white-space: pre;">@isTest(SeeAllData=true) </span> supaya bisa memanfaatkan data yang sudah ada untuk membuat test class bagi trigger/class yang aku buat. Keuntungannya adalah aku tidak perlu melewati tahap insert record A, B, C karena asumsi record sudah ada. Kekurangannya jelas kita harus memastikan bahwa data untuk dipakai itu sudah ada, kalau gak ada ya test classnya jadi mubazir, dan ujung-ujungnya bisa gagal mencapai code coverage 75%. Sejauh ini teknik ini banyak membantu. Teknik lain adalah dengan memecah-mecah test class menjadi beberapa fungsi testclass, karena setiap fungsi akan di-reset perhitungan governor limitnya. Ini juga cukup membantu, asalkan alur prosesnya tidak terlalu panjang.<br />
<br />
Tapi hari ini aku kembali mentok, gara-gara kena governor limit. Padahal sudah pakai SeeAllData, dan prosesnya pun tergolong pendek. Entah kenapa tetap saja kena query limit. Iseng-iseng aku nyeletuk di twitter, eh kok ada yang membalas, katanya soal test class itu cuma masalah pengalaman, kalau sudah terbiasa akan menjadi "<i>piece of cake</i>". Busyet .... pengen lempar asbak rasanya. Untung aku gak ngerokok :D<br />
<br />
Setelah hampir seharian ngoprek, sampai lebih dari 10 kali mencoba melakukan deployment dan masih gagal, aku coba cari solusi di internet. Di situlah aku nemu tentang fungsi startTest() dan stopTest(). Lebih lengkapnya Test.startTest() dan Test.stopTest(). Rupanya aku bisa menggunakan ini untuk menentukan bagian mana yang aku anggap untuk testing, dan saat mulai memanggil startTest itu, perhitungan governor limit akan di-reset. Jadi aku bisa mengumpulkan data dulu, bikin record A, B, C misalnya, baru waktu mau mulai bikin record X, aku panggil startTest(). Dan hasilnya .... mujarab! Masalah governor limit teratasi. Jadi sekarang aku punya 3 senjata :<br />
<br />
<ol>
<li>Menggunakan SeeAllData=true</li>
<li>Memecah menjadi beberapa fungsi testclass</li>
<li>Menggunakan StartTest dan StopTest</li>
</ol>
<br />
<br />
Oh ya, sepertinya aku harus lebih banyak baca teori. Jadi mendingan aku salin saja "<a href="https://www.salesforce.com/us/developer/docs/apexcode/Content/apex_testing_best_practices.htm">Testing Best Practice</a>" sebagai pengingat (dengan sedikit improvisasi, bukan sekedar terjemahan)<br />
<br />
<ol>
<li>Capailah coverage sebanyak mungkin, untuk setiap kelas. Jadi jangan hanya mengandalnya total rata-rata, yang minimal 75%</li>
<li>Jika ada logika kondisi (if, case dsb), usahakan untuk membuat test class untuk setiap kondisi</li>
<li>Lakukan pemanggilan fungsi dengan inputan data yang benar maupun yang tidak benar</li>
<li>Pastikan testclass tidak menghasilkan error, kecuali kalau errror itu bisa dijebak dengan benar (tidak menimbulkan fatal error)</li>
<li>Pastikan menangani setiap peluang kesalahan (exception) dengan benar, tidak hanya menjebaknya.</li>
<li>Gunakan metode System.assert untuk memastikan kode program berperilaku dengan benar</li>
<li>Gunakan metode RunAs untuk melakukan pengujian dengan berbagai profil yang berbeda</li>
<li>Latih dengan menggunakan data yg banyak, minimal 20 record dalam testing yang dibuat</li>
<li>Gunakan ORDER BY untuk memastikan hasil yang diinginkan dalam urutan yang sesuai</li>
<li>Jangan berasumsi bahwa Record ID itu pasti berurutan</li>
<li>Kumpulkan data yang diperlukan sebelum membuat kode untuk testing, dan setelah itu baru panggil fungsi Test.startTest().</li>
<li>Buat komentar selengkap mungkin, tidak hanya tujuan pengujian, melainkan juga data awal dan data akhir yang diharapkan, perkecualian dan lain-lain.</li>
<li>Buat test class untuk masing-masing kelas secara terpisah, jangan hanya membuat satu test class untuk seluruh aplikasi.</li>
</ol>
<div>
Setidaknya dalam 3 tahun pengalaman ngulik force.com ini, sudah 50% dari saran-saran diatas yang aku ikuti hehehe..... perlu lebih disiplin lagi nih :)<br />
<br />
Update:<br />
Ada satu fungi yang belakangan aku temukan adalah Test.isRunningTest(), untuk mengetahui apakah yang menjalankan code adalah program test atau bukan. Jadi ada baiknya, di class/trigger yang menggunakan penggalan code yang tidak bisa ditest, seperti callout, diabaikan saat test.</div>
Yudi Kurniawanhttp://www.blogger.com/profile/11776237111778952924noreply@blogger.com0tag:blogger.com,1999:blog-11099161.post-18490816254051970392014-08-18T23:54:00.001+07:002014-08-18T23:54:22.455+07:00[Debug] Dua Masalah PHPSiang tadi mendapat tugas untuk memeriksa dua aplikasi bermasalah, keduanya bukan aku yang mengerjakan, dan keduanya terkait dengan PHP. Karena gak bisa aku kerjakan siang, jadi terpaksa aku cek malam hari, itupun dengan setengah niat. Kalau susah ya aku tinggalkan, kalau mudah ya aku bereskan. Kedua masalah memiliki dampak yang sama, membuat aplikasi tidak bisa berjalan semestinya, dan tanpa keterangan kesalahan yang jelas. Pokoknya pelapor hanya menyebutkan bahwa website gak jalan.<br />
<br />
Masalah pertama, terkait dengan proyek donasi, yang melakukan integrasi dengan paypal. Sebelumnya kami sudah melakukan testing di server sementara (punya kantor), dan pihak web designer mencoba menggabungkan program kami dengan desain mereka, dan menginstall di server mereka. Meskipun sudah diinstall sesuai petunjuk, tetap saja program error. Untuk kali ini pas aku coba, pesan errornya cukup jelas : "tidak bisa mengakses file /var/www/xxx/dst...". Ok, mudah, pikirku. Pas aku cek filenya, ada kok :-? Kenapa katanya file ini gak bisa diakses ya :-? Permission juga oke, 644. Mulai puyeng ... Setelah coba baca-baca programnya, ternyata memang masalahnya sepele, meskipun perlu waktu juga untuk menemukan.<br />
Aku cukup mengganti folder dari "/var/www/xxx/dst.." menjadi "xxx/dst". Rupanya webserver tidak diberi akses ke /var/www<br />
<br />
Fuih .. testing, lancar, kirim email laporan.<br />
<br />
Masalah kedua, membingungkan. Pertama, aku lupa bagaimana cara melakukan testing terhadap fitur yang katanya error tadi. Ngoprek program kanan-kiri, setelah setengah jam baru ketemu caranya. Simple, cukup entri data baru :) Baru ketahuan errornya, rupanya website yang dituju tidak bisa diakses. Entah kenapa mendadak ada pesan 500, Fatal Error. Untung saja ini juga program untuk demo product, jadi bukan program milik customer. Bisa panik kalau client yang complain. Soalnya sudah lama gak ngelihat demo ini, gak ada update, eh mendadak kok error.<br />
<br />
Aku coba hapus programnya, dan cuma menampilkan echo "ABC". Masih muncul error juga. Waduh, kenapa lagi. Aku hapus semua isi file, tetap saja muncul error yang sama. Wah, dah gak masuk akal nih. Syukurlah Tuhan masih baik, mataku diarahkan pada file error_log, yang jam updatenya belum lama. Artinya log ini uptodate, menyimpan data error terbaru. Benar, waktu aku buka, ketahuan errornya terkait "allow_call_time_pass_reference". Katanya fungsi itu sudah tidak didukung lagi. Wah ... berarti masala hosting nih.<br />
<br />
Pas dah siap-siap buat tidur, karena kupikir ini harus ngirim ticket pertanyaak ke penyedia hosting yang mendingan aku lakukan besoknya, aku coba googling. Eh, ketemu web ini https://processwire.com/talk/topic/1724-directive-allow-call-time-pass-reference-is-no-longer-available-in-php/<br />
<br />
Di situ ada juga link untuk memberi solusi, tapi ada posting juga yang dengan gamblang memberi solusi : cukup edit php.ini, dan non aktifkan pilihan itu. Rupanya parameter ini sudah tidak lagi didukung oleh PHP versi terbaru, jadi harus dimatikan. Pantesan saja error terus, meskipun tidak menjalankan program apapun.<br />
<br />
Problems solved, waktunya tidur!Yudi Kurniawanhttp://www.blogger.com/profile/11776237111778952924noreply@blogger.com0tag:blogger.com,1999:blog-11099161.post-66133883081085619742014-01-28T10:41:00.003+07:002014-01-28T10:50:21.784+07:00Menampilkan Angka dengan Format Ribuan dan PecahanMasalah sepele : ingin menampilkan angka seperti 12345.57 jadi 123,45.57 (untuk saat ini dibatasi hanya 2 desimal).<br />
<br />
Karena masalahnya sepele, algoritmanya juga harusnya sepele. Tapi sering lupa, jadi mending aku tulis di sini sekedar jadi pengingat.<br />
<br />
PHP<br />
Kalau di php simple, cukup pakai sintaks<br />
number_format(Angka, Jumlah Decimal)<br />
Lengkapnya bisa dilihat di sini <a href="http://php.net/number_format">http://php.net/number_format</a><br />
<br />
JAVASCRIPT<br />
Sepertinya di javascript belum ada fungsi bawaan yang standard, jadi terpaksa bikin sendiri. Agak gak efektif memang, tapi biarlah.<br />
<br />
<span class="feedText" style="background-color: #f0f8e2; color: #333333; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 12px; line-height: 5px; position: relative;"></span><br />
<div class="feedcommenttext" id="ext-gen7" style="line-height: 20px; margin-top: 5px; overflow: hidden;">
<pre id="ext-gen6" style="background-color: whitesmoke; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.14902); color: #333333; display: block; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; line-height: 20px; margin: 0px 0px 10px; padding: 9.5px; white-space: pre-wrap; word-break: break-all; word-wrap: break-word;"><div style="color: black; font-family: 'Times New Roman'; line-height: normal; white-space: normal;">
<span style="font-family: Courier New, Courier, monospace;">function currFormat(decAmount)</span></div>
<div style="color: black; font-family: 'Times New Roman'; line-height: normal; white-space: normal;">
<span style="font-family: Courier New, Courier, monospace;"> {</span></div>
<div style="color: black; font-family: 'Times New Roman'; line-height: normal; white-space: normal;">
<span style="font-family: Courier New, Courier, monospace;"> strSymbol = (decAmount < 0) ? '-' : '';</span></div>
<div style="color: black; font-family: 'Times New Roman'; line-height: normal; white-space: normal;">
<span style="font-family: Courier New, Courier, monospace;">
</span></div>
<div style="color: black; font-family: 'Times New Roman'; line-height: normal; white-space: normal;">
<span style="font-family: Courier New, Courier, monospace;"> decAmount = Math.abs(decAmount);</span></div>
<div style="color: black; font-family: 'Times New Roman'; line-height: normal; white-space: normal;">
<span style="font-family: Courier New, Courier, monospace;"> decAmount = Math.round(decAmount * 100);</span></div>
<div style="color: black; font-family: 'Times New Roman'; line-height: normal; white-space: normal;">
<span style="font-family: Courier New, Courier, monospace;"> dec1 = Math.floor(decAmount / 100);</span></div>
<div style="color: black; font-family: 'Times New Roman'; line-height: normal; white-space: normal;">
<span style="font-family: Courier New, Courier, monospace;"> dec2 = decAmount - (dec1 * 100);</span><span style="font-family: 'Courier New', Courier, monospace;"> </span></div>
<div style="color: black; font-family: 'Times New Roman'; line-height: normal; white-space: normal;">
<span style="font-family: Courier New, Courier, monospace;"> str1 = dec1.toString();</span></div>
<div style="color: black; font-family: 'Times New Roman'; line-height: normal; white-space: normal;">
<span style="font-family: Courier New, Courier, monospace;"> str2 = dec2.toString();</span><span style="font-family: 'Courier New', Courier, monospace;"> </span></div>
<div style="color: black; font-family: 'Times New Roman'; line-height: normal; white-space: normal;">
<span style="font-family: Courier New, Courier, monospace;"> // get dolar</span></div>
<div style="color: black; font-family: 'Times New Roman'; line-height: normal; white-space: normal;">
<span style="font-family: Courier New, Courier, monospace;"> if (str1 == '') str1 =0;</span></div>
<div style="color: black; font-family: 'Times New Roman'; line-height: normal; white-space: normal;">
<span style="font-family: Courier New, Courier, monospace;"> else {</span></div>
<div style="color: black; font-family: 'Times New Roman'; line-height: normal; white-space: normal;">
<span style="font-family: Courier New, Courier, monospace;"> i = 0;</span></div>
<div style="color: black; font-family: 'Times New Roman'; line-height: normal; white-space: normal;">
<span style="font-family: Courier New, Courier, monospace;"> strTmp = str1;</span><span style="font-family: 'Courier New', Courier, monospace;"> </span></div>
<div style="color: black; font-family: 'Times New Roman'; line-height: normal; white-space: normal;">
<span style="font-family: Courier New, Courier, monospace;"> str1 = '';</span></div>
<div style="color: black; font-family: 'Times New Roman'; line-height: normal; white-space: normal;">
<span style="font-family: Courier New, Courier, monospace;"> for(j = strTmp.length - 1; j >= 0; j--)</span></div>
<div style="color: black; font-family: 'Times New Roman'; line-height: normal; white-space: normal;">
<span style="font-family: Courier New, Courier, monospace;"> {</span></div>
<div style="color: black; font-family: 'Times New Roman'; line-height: normal; white-space: normal;">
<span style="font-family: Courier New, Courier, monospace;"> str1 = strTmp[j] + str1 + '';</span></div>
<div style="color: black; font-family: 'Times New Roman'; line-height: normal; white-space: normal;">
<span style="font-family: Courier New, Courier, monospace;"> i++;</span></div>
<div style="color: black; font-family: 'Times New Roman'; line-height: normal; white-space: normal;">
<span style="font-family: Courier New, Courier, monospace;"> if (i >= 3 && j != 0)</span></div>
<div style="color: black; font-family: 'Times New Roman'; line-height: normal; white-space: normal;">
<span style="font-family: Courier New, Courier, monospace;"> {</span></div>
<div style="color: black; font-family: 'Times New Roman'; line-height: normal; white-space: normal;">
<span style="font-family: Courier New, Courier, monospace;"> str1 = ',' + str1;</span></div>
<div style="color: black; font-family: 'Times New Roman'; line-height: normal; white-space: normal;">
<span style="font-family: Courier New, Courier, monospace;"> i = 0;</span></div>
<div style="color: black; font-family: 'Times New Roman'; line-height: normal; white-space: normal;">
<span style="font-family: Courier New, Courier, monospace;"> }</span></div>
<div style="color: black; font-family: 'Times New Roman'; line-height: normal; white-space: normal;">
<span style="font-family: Courier New, Courier, monospace;"> }</span></div>
<div style="color: black; font-family: 'Times New Roman'; line-height: normal; white-space: normal;">
<span style="font-family: Courier New, Courier, monospace;"> }</span></div>
<div style="color: black; font-family: 'Times New Roman'; line-height: normal; white-space: normal;">
<span style="font-family: Courier New, Courier, monospace;"> if (str2.length == 1) str2 = str2 + '' + '0'; // memastikan 2 decimal</span></div>
<div style="color: black; font-family: 'Times New Roman'; line-height: normal; white-space: normal;">
<span style="font-family: Courier New, Courier, monospace;"> return (strSymbol + str1 + '.' + str2);</span></div>
<div style="color: black; font-family: 'Times New Roman'; line-height: normal; white-space: normal;">
<span style="font-family: Courier New, Courier, monospace;"> }</span></div>
<span style="font-size: x-small;">
</span></pre>
</div>
<br />
APEX (VISUALFORCE) SALESFORCE.COM<br />
Memanfaatkan apex:outputText<br />
<span class="feedText" style="background-color: #f0f8e2; color: #333333; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 12px; line-height: 5px; position: relative;"></span><br />
<span class="feedText" style="background-color: #f0f8e2; color: #333333; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 12px; line-height: 5px; position: relative;"></span><br />
<div class="feedcommenttext" id="ext-gen7" style="margin-top: 5px; overflow: hidden;">
<pre id="ext-gen6" style="background-color: whitesmoke; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.14902); display: block; margin: 0px 0px 10px; padding: 9.5px; word-break: break-all; word-wrap: break-word;"><span style="color: #333333; font-family: Monaco, Menlo, Consolas, Courier New, monospace;">
<apex:outputtext value="{0, number, ###,##0.00}">
<apex:param value="{!opp.Amount}">
</apex:param></apex:outputtext>
</span></pre>
</div>
Yudi Kurniawanhttp://www.blogger.com/profile/11776237111778952924noreply@blogger.com0tag:blogger.com,1999:blog-11099161.post-9782460011789842282013-11-18T15:07:00.000+07:002013-11-18T15:12:19.788+07:00Visual Force Page : Create List With Hyperlink ColumnApex code sederhana, untuk membuat table berisi daftar record suatu object, dengan menampilkan hyperlink ke record tersebut. Soalnya kalau hanya menampilkan field Name (sebagai primary key), ternyata gak ada hyperlink. Contohnya ingin menampilkan list Lead seperti berikut.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYdC7enreWu0bdapZj_Ml4NoAE4pcOYx6pYpEMPx-_QNRTh3pm79VIxRZ47dDehCPPGv5z3ydmpyS1VztXWChZ4sCzS1rpJs6abAXSUNLAgzDLqXptd8EnjGrPjZj0taTo7V17/s1600/vfpage+list+lead.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="89" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYdC7enreWu0bdapZj_Ml4NoAE4pcOYx6pYpEMPx-_QNRTh3pm79VIxRZ47dDehCPPGv5z3ydmpyS1VztXWChZ4sCzS1rpJs6abAXSUNLAgzDLqXptd8EnjGrPjZj0taTo7V17/s640/vfpage+list+lead.png" width="640" /></a></div>
Nah, potongan programnya cukup seperti ini<br />
<script src="https://gist.github.com/ykurnia/7524374.js"></script>
Dengan asumsi, listLead adalah List<lead>, yang merupakan list berisi record dari standard object Lead.</lead><br />
Sekedar pengingat saja.Yudi Kurniawanhttp://www.blogger.com/profile/11776237111778952924noreply@blogger.com0tag:blogger.com,1999:blog-11099161.post-85927260942931407632013-08-29T17:48:00.002+07:002013-08-29T17:48:41.310+07:00Apex Controller - New Button Override with Autotext for NameField Name di Salesforce ada dua jenis : Autonumber atau Text(80). Jika kita pilih Autonumber, kita gak bisa mengubah nilainya. Tapi jika kita pilih Text, field ini jadi wajib.<br />
<br />
Kadangkala kita ingin punya Autonumber sendiri, tidak memakai autonumber standard dari salesforce. Ini bisa ditangani dengan membuat trigger. Masalahnya, field Name itu wajib diisi dan user tidak bisa menyimpan sebuah record tanpa memberi isi pada field tersebut, padahal field tersebut nantinya akan ditimpa (replace) dengan trigger. Jadi terkesan user harus mengisi dengan sesuatu yang tidak berguna, hanya sekedar agar record bisa disimpan.<br />
<br />
Salah satu solusi mengatasi ini adalah dengan memberi nilai default ke field Name tersebut, sehingga nilainya sudah otomatis ada, dan user tidak perlu repot-repot mengisinya. Ini bisa dilakukan dengan membuat sebuah VF Page sederhana, yang akan meng-override New button dan isinya cuma meredirect ke halaman New.<br />
<br />
Berikut contoh code Controllernya. Sengaja malas mengubah detailnya, jadi aku copas apa adanya. Ini contoh jika object yang ingin diproses adalah Quotation. Source code ini sudah mengakomodasi pemilihan Record Type.<br />
<br />
<script src="https://gist.github.com/ykurnia/6376604.js"></script>Yudi Kurniawanhttp://www.blogger.com/profile/11776237111778952924noreply@blogger.com0tag:blogger.com,1999:blog-11099161.post-31014596703151211542013-07-26T15:49:00.000+07:002013-07-26T15:49:14.388+07:00Software Jaman Sekarang Cenderung Rakus Ini hanya pendapat ngawur, tidak ada survey yang ilmiah. Menurutku, kebanyakan software jaman sekarang dibuat dengan tidak terlalu mempertimbangkan penggunaan memory dan efisiensi. Yang penting cepat diselesaikan, toh memory makin murah, storage juga makin murah, processor makin cepat. Gak terlalu pusing dengan optimasi. Kalau software dirasa berjalan lambat, bukan softwarenya yang diperbaiki, tapi spec hardwarenya yang harus diupgrade. Tambah memory, upgrade processor, dan sebagainya.<br />
<br />
Aku memang tidak pernah merasakan bikin sofware jaman cobol, fortran, C dsb. Tapi setidaknya aku pernah mengalami berbagai keterbatasan saat belum ada Windows, processor masih 133Mhz, memory 32Mb :) Jaman dimana software diusahakan sangat optimal, karena banyaknya keterbatasan hardware. Ada tuntutan software yang optimal, agar kinerja tidak terlalu tergantung dengan kemampuan hardware. Seiring dengan munculnya berbagai visual tools, yang cukup dengan drag and drop, dan perkembangan hardware tentu saja, kurasa masalah optimasi dalam pemrograman mulai ditinggalkan. Aku sendiri mengalami.<br />
<br />
Benarkah? Mungkin sebagian besar iya. Apalagi bagi yang hanya bekecimpung dalam pemrograman desktop. Tapi dalam dunia web, dan mungkin juga cloud computing, sepertinya programmer yang bagus harus kembali memikirkan optimasi dalam source code yang ditulisnya. Kadang aku gak habis pikir waktu baca di forum, CSS saja harus dioptimalkan, apalagi Javascript. Soalnya ketika bicara website, loading yang terlalu lama meskipun menghasilkan website yang ciamik, tetap saja bisa segera ditinggalkan pengunjung. Rendering javascript juga sedikit banyak tergantung kemampuan browser, tidak hanya mengandalkan hardware. Tentu, kondisi hardware tidak bisa dikesampingkan. Pokoknya urusan web programming gak bisa sembarangan lagi. Belum lagi ketika bicara pemrograman untuk mobile, yang notabene hardwarenya masih serba terbatas.<br />
<br />
Nah, kalau di cloud computing, aku pernah kepergok. Oke lah, menggunakan istilah cloud computing jelas terlalu luas. Aku batasin, coding di salesforce.com. Sekarang aku dibuat puyeng karena salesforce.com menerapkan apa yang mereka sebut sebagai "governor limit". Batasan jumlah query, batasan jumlah baris, batasan jumlah memory, batasan jumlah data yang diakses, dan sebagainya. Ini diperlukan karena sistem mereka yang multi-tenant, dimana harus melayani banyak sistem dalam satu infrastruktur. Segala batasan itu diterapkan agar tidak ada system yang rakus dan mendominasi penggunaan resource.<br />
<br />
Jadi gak bisa sembarangan, harus benar-benar memikirkan optimasi program waktu coding di salesforce.com. Bukan karena keterbatasan hardware, tapi karena batasan-batasan yang mereka terapkan, yang sering menjengkelkan. Bosku pernah bilang, mungkin kalau clientnya perusahaan besar batasan itu akn dikurangi. Mungkin juga, tapi aku lebih memilih mengambil hikmahnya saja -- demi membuat program yang lebih optimal, lebih efisien dan handal. Amin :))))Yudi Kurniawanhttp://www.blogger.com/profile/11776237111778952924noreply@blogger.com0tag:blogger.com,1999:blog-11099161.post-38876164369637346302013-03-25T11:19:00.000+07:002013-03-25T11:20:46.074+07:00Lowongan ProgrammerIni bukan posting lowongan kerja yang mencari programmer. Ini cuma posting cerita, bahwa tenaga programmer masih banyak yang nyari. :)<br />
<br />
Tadi pagi ada telpon dari Presdir (wuih, tumben beliau nelpon, soalnya dah lama gak ada komunikasi karena beliau super sibuk). Kirain mau nawarin bonus atau tambahan tunjangan (ngarep tujuh keliling !!!), eh ternyata cuma tanya apa aku punya teman programmer. Teman programmer sih banyak, tapi kalau teman programmer yang lagi nyari kerja atau mau pindah kerja, aku gak yakin.<br />
<br />
Setidaknya ada 3-4 kenalanku yang pernah menanyakan hal yang sama dalam waktu dekat. Semuanya punya "software house" yang tidak terlalu besar, tapi tetap menjanjikan. Ada diantara mereka yang sudah mencoba berbagai cara termasuk pasang iklan di berbagai media, namun hasilnya kurang maksimal juga.<br />
<br />
Masalahnya, dengan umurku sekarang, kebanyakan teman seangkatanku sudah tidak lagi berminat sebagai programmer. Mungkin cuma sedikit yang seperti aku, yang masih bergelut dengan programmer, menikmati kerjaan jadi tukang ketik kode-kode yang gak terlalu manusiawi.<br />
<br />
Seorang teman sudah mulai jeli melihat kebutuhan ini dengan membuat lembaga pelatihan sekaligus penyalur (outsourcing) tenaga programmer. Tapi tetap saja sepertinya gak mudah bagi dia untuk merekrut orang yang mau jadi tenaga outsource.<br />
<br />
Setidaknya, fenomena ini menegaskan bahwa tenaga programmer yang BERKUALITAS, masih sangat dibutuhkan. Ayo kawan, jadilah programmer yang baik, tidak cuma cerdas, tapi juga berkarakter dan berakhlak mulia hehehe .. (mulai ngaco nih menjelang akhir bulan Maret) :D<br />
<br />
<i>Btw, kalau Anda programmer, baik muda maupun tua, yang lagi nyari kerjaan (baru atau lama) dan yakin punya kemampuan yang bisa dipertanggungjawabkan, bisa saja kontak ke sini, siap tahu saya bisa menyalurkan, gratis ! :D Tapi jangan posting lowongan kerja di sini ya.</i>Yudi Kurniawanhttp://www.blogger.com/profile/11776237111778952924noreply@blogger.com0tag:blogger.com,1999:blog-11099161.post-86840348158418511192013-01-07T23:24:00.001+07:002013-01-07T23:24:33.401+07:00Pengalaman Ngoprek Zurmo<p dir=ltr><a href="http://zurmo.org">Zurmo</a> adalah aplikasi pengelolaan relasi pelanggan (customer relationship management - CRM) berbasis web dan bersifat open source. Dikembangkan selama dua tahun lebih, dan baru saja rilis versi 1.0. Entah mengapa masih ada yang bikin aplikasi CRM baru di tengah banyaknya aplikasi sejenis yang sudah ada, baik yang gratisan maupun berbayar. Belum lagi layanan berbasis cloud. Pasar CRM sepertinya masih menjanjikan.</p>
<p dir=ltr>Ada beberapa hal yang membuatku tertarik mencoba Zurmo. <br>
* Open source dan gratis<br>
* Berbasis web, Dikembangkan dengan PHP.<br>
* Database bisa Mysql, PostgreSql atau Oracle<br>
* Memakai Yii sebagai framework, yang kebetulan lebih kukenal dibanding framework lain<br>
* Modular, tiap fitur ataupun menu dijadikan modul, dalam satu folder. Jadi nambahin atau ngilangin modul bisa sesederhana menambah dan menghapus folder. Ya kurang lebihnya gitu, meski gak gampang2 amat sih<br>
* Aku suka User Interface nya. Bersih dan rapi.<br>
* Fiturnya menjanjikan, seperti Gamification, activity tracking,  workflow dan reporting tools. Dua terakhir itu paling mantap, meskipun belum selesai dikembangkan<br>
* Ada fitur module designer, tempat kita bisa menambah field2 baru langsung dari aplikasi tanpa mengubah source ataupun database secara langsung.  Juga ada layout designer, yang memungkinkan kita mengatur field apa saja yang ingin ditampilkan. Belum secanggih salesforce.com atau SugarCRM, tapi sudah sangat cukup memudahkan.</p>
<p dir=ltr>Bukan berarti tanpa cacat. Keluhanku yang pertama adalah spec terlalu tinggi. Versi PHP minimal 3.3. Okelah, beberapa hosting sudah support ini. Tapi untuk menginstal aplikasi ini dengan Mysql, ada beberapa variable Mysql yang harus diganti. Nah inilah yang tidak disediakan oleh web hosting konvensional. Kecuali kita punya paket co location atau daftar di Amazon EC2. Alhasil, aku hanya bisa install di komputer sendiri, gak bisa upload ke web hosting. </p>
<p dir=ltr>Kelemahan kedua, saat ini, adalah minimnya dokumentasi teknis. User guide sih gak terlalu perlu, wong fitur masih sederhana. Dibandingkan dengan Yii, dokumentasi yang ada bisa dibilang sangat minim. Dimaklumi lah, tim masih berjuang merampungkan program, ga sempat ngurus dokumentasi. Bahkan di dalam source code kurasa komentar kode juga minim, khususnya penjelasan per class atau method yang ada. Untunglah tim mereka cukup aktif di forum, selalu tanggap dengan pertanyaan yang diajukan.</p>
<p dir=ltr>Ok, sekarang soal daleman. Maksudnya source code. Akhir pekan kemarin aku habiskan untuk sedikit ngoprek source code, ceritanya mau di - custom sesuai kebutuhan.</p>
<p dir=ltr>Pertama, ganti logo. Ga bisa lewat konfigurasi di aplikasi. Cara kasar, file logo diganti. Cara agak kasar, bongkar css dan template.  Lancar.</p>
<p dir=ltr>Kedua, bikin modul baru. Copy folder modul yang ada, replace teks-teks terkait. Kerja otot sebentar karena ternyata dalam satu modul banyak file yang perlu di edit, khususnya di dalam view. Sedikit paham cara kerja modul, termasuk MVC nya. Pas coba deploy, ternyata masih banyak langkah yang harus dilakukan. Cari-cari info di forum mereka, sukses juga. Meskipun berjam-jam :-)</p>
<p dir=ltr>Ketiga, nyoba ngubah tampilan. Rupanya, view tidak harus ditulis lengkap dalam source code. Cukup yang dasar saja, kemudian kita bisa mengatur lagi dari aplikasinya.  Adanya field dan layout designer di dalam aplikasi sudah sangat memudahkan.</p>
<p dir=ltr>Cuma ada satu ganjalan yang kutemukan terkait tampilan. Waktu aku coba mengubah sebuah view agar menambah portlet baru dan menghapus portlet lama, susah payah. Portlet itu semacam objek berisi informasi tambahan untuk melengkapi informasi dari data tertentu. Misalnya, secara default saat kita membuka record salah satu Account,  akan tampil informasi kalender, aktivitas, contact dan opportunities yang terkait dengan record tersebut. Nah aku ingin menghapus info opportunities dan menambah modul baru yang kubuat, misal Modul X.</p>
<p dir=ltr>Aku sudah ubah di file view yang terkait, pancet ga berubah. Kuvoba clear cache dan refresh metadata, gagal. Hapus file di folder assets,  hapus cache browser,  hapus temp php, restart apache hingga restart komputer, masih gagal. Akhirnya aku posting masalah ini di forum, ada respon tapi tidak menyelesaikan masalah. Hampir seharian cuma ngoprek masalahbini. Bikin jengkel, tapi juga penasaran. </p>
<p dir=ltr>Akhirnya aku coba lebih telaten baca source code, melacak fungsi demi fungsi. Gak mudah buatku, karena progranya sangat OOP, padahal OOPku jeblok. Akhirnya aku dapati, bahwa setting view yang terkait portlet itu disimpan di database. Penyimpanan informasi dibuat saat modul itu pertama kali dibaca. Selanjutnya, yang dipakai adalah informasi yang ada di database, bukan di file view. Setelah aku hapus modifikasi record di database langsung,  barulah berhasil. Tampilan berubah sesuai keinginanku. Woalahh.... gini aja bikin puyeng.</p>
<p dir=ltr>Ok, ngoprek stop dulu. Kesimpulan : gak semudah yang kubayangkan.</p>
Yudi Kurniawanhttp://www.blogger.com/profile/11776237111778952924noreply@blogger.com0tag:blogger.com,1999:blog-11099161.post-5249333557075737792012-11-30T23:54:00.002+07:002012-12-04T20:18:44.420+07:00Salesforce.com Trigger : Generate Auto Running NumberSalesforce memiliki tipe data berupa autonumber, yang akan terisi otomatis dengan nilai yang selalu bertambah (<i>auto increment</i>). Ternyata ini tidak hanya untuk field Name, tapi kita juga bisa menambah baru. Kita juga bisa menentukan berapa jumlah karakter dari nilai autonumber yang kita inginkan. Misalnya kita ingin field itu berisi 5 karakter, maka kita cukup atur {00000} dan nilainya nanti akan menjadi 00001, 00002 dst. Kita bahkan bisa menggabungkan dengan huruf tertentu, misal X-{00}, akan menjadi X-01 dst. Atau bahkan dengan tahun, bulan dan tanggal record tersebut dibuat, misal {YYYY}/{MM}/{000} akan menghasilkan 2012/11/001 dst.<br />
<br />
Meskipun demikian, ada beberapa kekurangan yang belum aku temukan solusinya selain dengan membuat trigger untuk menghasilkan nilai nomor urut (<i>running number) </i>tersebut. Berikut beberapa kasus yang sepertinya tidak bisa dihandle hanya dengan field auto number tersebut.<br />
<br />
<ol>
<li>Nomor urut yang perlu di-reset secara berkala, misal per bulan atau per tahun.</li>
<li>Nomor urut yang unik untuk setiap data tertentu. Misal, nomor urut Account berdasar huruf awal.</li>
<li>Nomor urut yang unik untuk setiap data terkait (lookup). Misal, nomor urut Invoice tiap Account punya urutan tersendiri.</li>
</ol>
<br />
<br />
Sebenarnya untuk setiap kasus manapun, algoritma dasarnya adalah standard.<br />
<br />
<ul>
<li>Cari nomor urut terakhir</li>
<li>Increment angka</li>
<li>Format angka</li>
<li>Simpan data</li>
</ul>
<br />
Sebagai contoh, kita ingin menghasilkan nomor Invoice sendiri, tanpa menggunakan field autonumber yang standard. Object Invoice memiliki field sebagai berikut:<br />
* Name - Text(80)<br />
* Account__c - Lookup (Account)<br />
* Invoice_Date__c - Date<br />
* Invoice_Type__c - Picklist(A, B, C)<br />
* Month_Code__c - Formula (Year-Month of Invoice Date)<br />
* Acc_Running_No__c - Number(10,0)<br />
<br />
Field Name akan kita gunakan sebagai nomor Invoice, dan kita tidak ingin menggunakan standard autonumber, melainkan dengan Text. Tentu saja kita tidak mau user menginput sendiri nomor invoice karena mereka akan mengeluh ketika harus mengelola nomor urut sendiri. Jadi kita bantu dengan mengisi secara otomatis. Di sini kita batasi, bahwa nomor invoice akan digerenate khusus untuk record baru (insert) saja.<br />
<br />
<h3>
Kasus 1 : Nomor Invoice reset setiap tahun, berdasar Created Date</h3>
File: <a href="https://gist.github.com/4162169">https://gist.github.com/4162169</a><script src="https://gist.github.com/4162169.js"> </script>
<br />
<br />
<h3>
Kasus 2 : Nomor Invoice reset setiap bulan, berdasar Invoice Date</h3>
<div>
Di sini kita akan menggunakan Month_Code__c untuk memudahkan query.</div>
File: <a href="https://gist.github.com/4176831">https://gist.github.com/4176831</a><script src="https://gist.github.com/4176831.js"> </script>
<br />
<br />
<h3>
Kasus 3 : Nomor Invoice setiap customer/account memiliki urutan sendiri</h3>
Nah di sini, aku merasa perlu menggunakan field Acc_Running_No__c untuk menyimpan nomor terakhir, karena agak sulit saat melakukan query dalam menentukan nomor terbesar
File: <a href="https://gist.github.com/4203741">https://gist.github.com/4203741</a>
<script src="https://gist.github.com/4203741.js"> </script>
<br />
Masih banyak kasus lain tentunya, tapi setidaknya contoh-contoh sederhana di atas bisa memberi ide bagaimana membuat nomor sendiri.Yudi Kurniawanhttp://www.blogger.com/profile/11776237111778952924noreply@blogger.com0tag:blogger.com,1999:blog-11099161.post-44489435836893372122012-11-07T17:25:00.000+07:002013-01-21T08:57:47.636+07:00Rumus Menghitung Umur di SalesforceSekedar catatan saja, buat rumus untuk menghitung umur seseorang, lewat formula field. Asumsi field tanggal lahir adalah Date_of_Birth__c<br />
<br />
<span style="font-family: Courier New, Courier, monospace; font-size: x-small;">IF(</span><br />
<span style="font-family: Courier New, Courier, monospace; font-size: x-small;"> MONTH(TODAY())>MONTH( Date_of_Birth__c ),</span><br />
<span style="font-family: Courier New, Courier, monospace; font-size: x-small;"> YEAR(TODAY())-YEAR(Date_of_Birth__c ), </span><br />
<span style="font-family: Courier New, Courier, monospace; font-size: x-small;"> IF(AND(MONTH(TODAY()) = MONTH(Date_of_Birth__c ),</span><br />
<span style="font-family: Courier New, Courier, monospace; font-size: x-small;"> DAY(TODAY()) >= DAY(Date_of_Birth__c )),</span><br />
<span style="font-family: Courier New, Courier, monospace; font-size: x-small;"> YEAR(TODAY())-YEAR(Date_of_Birth__c ),</span><br />
<span style="font-family: Courier New, Courier, monospace; font-size: x-small;"> (YEAR(TODAY())-YEAR(Date_of_Birth__c ))-1)</span><br />
<span style="font-family: Courier New, Courier, monospace; font-size: x-small;">)</span><br />
<br />
Entah cukup akurat atau tidak, tapi secara umum berjalan dengan baik :)<br />
<br />
<br />
Sekedar tambahan untuk, berikut rumus untuk menghitung Tanggal Akhir = Tanggal Awal + Durasi (Bulan)<br />
Agak rumit karena penjumlahan di formula hanya untuk hari, sementara dalam satu bulan jumlah hari berbeda-beda. Sebenarnya yang sulit adalah menentukan tanggal akhir, agar tanggal tidak melebihi jumlah hari di bulan tertentu.<br />
<br />
Jika Y adalah tanggal akhir, X tanggal awal dan D adalah durasi dalam bulan, kira-kira berikut rumusnya.<br />
<br />
<br />
<span style="font-family: Courier New, Courier, monospace; font-size: x-small;">DATE(</span><br />
<span style="font-family: Courier New, Courier, monospace; font-size: x-small;"> YEAR(X) + FLOOR((MONTH(X) + D) / 12),</span><br />
<span style="font-family: Courier New, Courier, monospace; font-size: x-small;"> IF(MOD((MONTH(X) + D), 12) == 0, 12, MOD((MONTH(X) + D), 12)),</span><br />
<span style="font-family: Courier New, Courier, monospace; font-size: x-small;"> IF ( DAY(X) < 28, DAY(X),</span><br />
<span style="font-family: Courier New, Courier, monospace; font-size: x-small;"> IF (MOD((MONTH(X) + D), 12) == 2, 28,</span><br />
<span style="font-family: Courier New, Courier, monospace; font-size: x-small;"> IF ( DAY(X) < 31, DAY (X),</span><br />
<span style="font-family: Courier New, Courier, monospace; font-size: x-small;"> CASE (MOD((MONTH(X) + D), 12),</span><br />
<span style="font-family: Courier New, Courier, monospace; font-size: x-small;"> 1, 31,</span><br />
<span style="font-family: Courier New, Courier, monospace; font-size: x-small;"> 3, 31,</span><br />
<span style="font-family: Courier New, Courier, monospace; font-size: x-small;"> 4, 30,</span><br />
<span style="font-family: Courier New, Courier, monospace; font-size: x-small;"> 5, 31,</span><br />
<span style="font-family: Courier New, Courier, monospace; font-size: x-small;"> 6, 30,</span><br />
<span style="font-family: Courier New, Courier, monospace; font-size: x-small;"> 7, 31,</span><br />
<span style="font-family: Courier New, Courier, monospace; font-size: x-small;"> 8, 31,</span><br />
<span style="font-family: Courier New, Courier, monospace; font-size: x-small;"> 9, 30,</span><br />
<span style="font-family: Courier New, Courier, monospace; font-size: x-small;"> 10, 31,</span><br />
<span style="font-family: Courier New, Courier, monospace; font-size: x-small;"> 11, 30,</span><br />
<span style="font-family: Courier New, Courier, monospace; font-size: x-small;"> 31</span><br />
<span style="font-family: Courier New, Courier, monospace; font-size: x-small;"> )</span><br />
<span style="font-family: Courier New, Courier, monospace; font-size: x-small;"> )</span><br />
<span style="font-family: Courier New, Courier, monospace; font-size: x-small;"> ) </span><br />
<span style="font-family: Courier New, Courier, monospace; font-size: x-small;"> )</span><br />
<span style="font-family: Courier New, Courier, monospace; font-size: x-small;">)</span><br />
<br />
Tiga puluh menit ngoprek rumus di atas. Aku masih malas handle tahun kabisat di sini, jadi aku pukul rata aja, tiap Februari selalu berakhir di tanggal 28 hehehe<br />
Yudi Kurniawanhttp://www.blogger.com/profile/11776237111778952924noreply@blogger.com0tag:blogger.com,1999:blog-11099161.post-17221412907110609922012-09-27T09:11:00.000+07:002012-09-27T09:11:02.077+07:00Mengatasi Jumlah Tab di SalesforceSecara default, Salesforce hanya menyediakan 25 tab. Jika kita ingin membuat tab melebihi itu, kita harus membayar lagi. Konsep tab di salesforce mirip dengan menu, bisa dibilang menggantikan menu, karena tidak banyak pilihan navigasi lain selain lewat tab. Pada dasarnya, untuk tab dibutuhkan jika kita ingin mengakses data (termasuk membuat record baru, menghapus record yang ada ataupun mengeditnya) dalam sebuah object tertentu. Sedikit merepotkan saat kita membuat object baru, kita harus membuat tab baru untuk melakukan testing atau agar object itu bisa aktif, karena membuat object baru tidak secara otomatis menghasilkan tab untuk mengakses menu itu.<br />
<br />
Untuk proyek yang sekelas ERP misalnya, tentu tidak cukup hanya memiliki 25 tab, dan kami pernah dapat <i>complaint</i> dari customer karena hal itu. Makanya dulu kepikiran, pasti ada cara untuk mengatasi hal ini. Mungkin bisa dengan membuat visualforce page yang bermanfaat untuk mengakses object tertentu, tanpa harus membuat tab baru. Akhirnya kemarin aku baru dapat kesempatan untuk melakukan sedikit ekplorasi tentang hal itu.<br />
<br />
Idenya sederhana. Buat visualforce page yang menampilkan semua object, khususnya <i>custom object</i>, Ternyata, untuk mengakses record dalam sebuah object, kita cukup mengetikkan 3 karakter awal dari ID object tersebut dalam URL, dan Apex menyediakan fungsi untuk bisa tahu. Jadi kita cukup memanfaatkan metode-metode yang terkait dengan Schema.<br />
<br />
Cukup memanfaatkan fungsi-fungsi berikut<br />
<br />
<blockquote class="tr_bq">
<ul>
<li><span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;">Map<string chema.sobjecttype="chema.sobjecttype" nbsp="nbsp"> mapGD = Schema.getGlobalDescribe(); // untuk mengambil daftar object</string></span></li>
<li><span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;">SObjectType f = mapGD.get(strName); // untuk mengambil SObject tertentu berdasar nama API</span></li>
<li><span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;">strPref = f.getDescribe().getKeyPrefix(); // mengambil prefix, 3 karakter awal dari sebuah object</span></li>
<li><span style="font-family: 'Courier New', Courier, monospace; font-size: x-small;">String url = '/' + strPref; // url yang bisa digunakan untuk mengakses record object tersebut</span></li>
</ul>
</blockquote>
<br />
<br />
<br />
Contoh kode yang aku buat adalah seperti ini<br />
<span id="ApexClassViewPage:theTemplate:theForm:thePageBlock:j_id56:j_id57:j_id58"></span><br />
<pre class="codeBlock">// CONTROLLER TO DISPLAY ALL OBJECT, AS REPLACEMENT OF STANDARD TABS</pre>
<pre class="codeBlock">// by Yudi K.
public class CustomMenuController
{
public List<mymenu> listMenu {get;set;}
public CustomMenuController (Apexpages.StandardController stdController)
{
listMenu = new List<mymenu>();
Map<string chema.sobjecttype="chema.sobjecttype" nbsp="nbsp"> mapGD = Schema.getGlobalDescribe();
List<schema .sobjecttype=".sobjecttype"> gd = mapGD.Values();
Set<string> setName = mapGD.keyset();
List<string> lsName = new List<string>();
for(String S: setName)
{
lsName.add(S);
}
lsName.sort();
String strPref;
for(String strName : lsName)
{
SObjectType f = mapGD.get(strName);
strPref = f.getDescribe().getKeyPrefix();
if (strPref != null && strPref != '' && strName.endsWith('__c') && !(strName.contains('SFGA')))
{
MyMenu mM = new MyMenu(f.getDescribe().getName(), f.getDescribe().getLabel(), strPref);
listMenu.add(mM);
}
}
}
public class MyMenu
{
public String objName {get;set;} // name of object API
public String objLabel {get;set;} // label of the object
public String objPref {get;set;} // 3 chars prefix of this object
public MyMenu(String sName, String sLabel, String sPref)
{
objName = (sName == null) ? '' : sName;
objLabel = (sLabel == null) ? '' : sLabel;
objPref = (sPref == null) ? '' : sPref;
}
}
}</string></string></string></schema></string></mymenu></mymenu></pre>
<br />
<br />
Yah, banyak hal yang masih perlu dirapikan dari kode di atas, misalnya agar hak akses bisa disesuaikan dengan user dan sebagainya. Tapi setidaknya, bisa sedikit menghemat biaya untuk menambah tab baru. Tinggal mengatur tampilan di visualforce page agar bisa lebih menarik.Yudi Kurniawanhttp://www.blogger.com/profile/11776237111778952924noreply@blogger.com0tag:blogger.com,1999:blog-11099161.post-69898224532382756002012-06-05T16:48:00.001+07:002012-06-12T10:26:20.455+07:00Take Screen Shot on AndroidDulu aku pernah menemukan sebuah file gambar di hp Android yang isinya screenshot. Padahal aku sendiri gak tahu gimana caranya mengambil screenshot. Kalau di PC kan ada tombol Print-Screen (PrnScr), dan di desktop Linux malah ada aplikasi bawaan buat screen capture yang lebih canggih. Nah, mendadak teringat dan jadi penasaran. Akibatnya aku <i>googling</i> deh.<br />
<br />
Hasilnya, banyak referensi yang memberitahukan daftar aplikasi yang bisa digunakan untuk melakukan hal itu. Kebanyakan merupakan aplikasi yang membutuhkan <i>rooting</i>, seperti Screenshot, Shoot Me, Drocap2 dsb. Itu kalau mau pakai yang gratisan. Kalau mau tanpa <i>rooting,</i> ada aplikasnya, tapi bayar. Hingga akhirnya aku perhatikan komentar-komentar di halaman web yang memberi informasi itu, eh, katanya bisa melakukan screenshot tanpa aplikasi. Nah, masuk akal, <i>wong</i> aku pernah melakukannya kok, cuma secara tidak sengaja.<br />
<br />
Ternyata caranya gampang. Cukup pencet-tahan tombol BACK, kemudian pencet tombol HOME. Langsung deh terdengar bunyi "ckrek" (mirip bunyi kamera), dan screenshot pun tersimpan. Ah, mudahnya. FYI, aku pakai Android Froyo 2.2 di Galaxy Fit yang murah meriah :)<br />
<br />
<i>NB:</i><br />
<i>Dah lama gak nulis di blog ini, jadi nulis yang ringan-ringan aja dulu :)</i><br />
<i><br /></i><br />
<i><b>UPDATE:</b></i><br />
<i>Ternyata tidak semua hape Android bisa melakukan trik ini. Belum lama ini beli hape Smartfren Andro, yang murah meriah, produk Hisense. Kucoba berkali-kali gak bisa juga, padahal OSnya dah ICS (4.0) hiks hiks...</i>Yudi Kurniawanhttp://www.blogger.com/profile/11776237111778952924noreply@blogger.com0tag:blogger.com,1999:blog-11099161.post-32920893820149025682011-10-18T15:58:00.002+07:002011-10-26T18:06:24.841+07:00Apex Salesforce Limitation<div class="separator" style="clear: both; text-align: center;">
<a href="http://upload.wikimedia.org/wikipedia/en/e/e2/SFDC_logo.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="156" src="http://upload.wikimedia.org/wikipedia/en/e/e2/SFDC_logo.jpg" width="200" /></a></div>
Geregetan juga saat coding di Salesforce.com dengan Apex, ternyata cukup banyak keterbatasan yang diterapkan di sana. Memang sih, tujuannya untuk optimalisasi proses dan mencegah server berantakan gara-gara terlalu banyak proses yang berjalan secara simultan. Bosku bilang ke client "ini adalah konsekuensi menggunakan sistem <i>multi-tenant</i>".<br />
<br />
Awalnya aku penasaran, apa saja sih yang dibatasi oleh Salesforce.com ini. Eh, ternyata di debug log ada penjelasannya. Berikut daftar (mungkin belum semua) batasan yang diberikan oleh Salesforce, sekedar untuk pengingat:<br />
<ul>
<li>Number of SOQL queries: 100</li>
<li>Number of query rows: 50000</li>
<li>Number of SOSL queries: 20</li>
<li>Number of DML statements: 150</li>
<li>Number of DML rows: 10000</li>
<li>Number of script statements: 200000</li>
<li>Maximum heap size: 3000000</li>
<li>Number of callouts: 10</li>
<li>Number of Email Invocations: 10</li>
<li>Number of fields describes: 100</li>
<li>Number of record type describes: 100</li>
<li>Number of child relationships describes: 100</li>
<li>Number of picklist describes: 100</li>
<li>Number of future calls: 10</li>
</ul>
<br />
Gak semuanya aku paham apa maksudnya (<i>newbie total, </i>gan<i>!</i>), tapi setidaknya aku sudah dipersulit akibat adalah batasan script statements dan DML statements. Kebetulan ada client yang datanya banyak, selain itu prosesnya juga ribet.<br />
<br />
Masih ada batasan lain sih, seperti jumlah Apex Job yang boleh dijalankan, jumlah maksimum Batch Processing (untuk import data), dan sebagainya. Belum sempat menggali semuanya. Ada yang tahu dokumentasi lengkapnya? Lagi malas baca user manual nih.<br />
<br />
Update::<br />
Ternyata ada cara untuk bisa mengetahui limit dari batasan-batasan tersebut, termasuk cara mengukur penggunaannya. Cekidot di sini <a href="http://www.salesforce.com/us/developer/docs/apexcode/Content/apex_methods_system_limits.htm">http://www.salesforce.com/us/developer/docs/apexcode/Content/apex_methods_system_limits.htm</a>Yudi Kurniawanhttp://www.blogger.com/profile/11776237111778952924noreply@blogger.com1tag:blogger.com,1999:blog-11099161.post-74028838543241225382011-09-21T19:33:00.001+07:002020-07-10T20:59:03.911+07:00Salesforce Data Connection with PHPSekedar untuk mengingat aja, contoh kelas untuk koneksi PHP ke Salesforce dengan API/SOAP.<br /><pre style="text-align: left;">/**<br /> Class to handle connection to salesforce<br /><br /> */<br /> require_once("soapclient/SforcePartnerClient.php");<br /> require_once("soapclient/BulkApiClient.php");<br /><br /> define('SOAP_PATH', "soapclient");<br /> define('WSDL_XML_PARTNER', "partner.wsdl.xml");<br /> define('WSDL_XML_ENTERPRISE', "enterprise.wsdl.xml");<br /> define('WSDL_XML_METADATA', "metadata.wsdl.xml");<br /><br /> class SFConnectionClass<br /> {<br /> public $connection;<br /> public $server = 'sand'; // option (sand or prod)<br /> public $username = '';<br /> public $password = '';<br /> public $token = '';<br /> public $sfSessionID = '';<br /> public $sfLocation = '';<br /><br /> /*<br /> constructor<br /> // if parameter empty, use default<br /> */<br /> public function SFConnectionClass($server = 'sand', $username = '', $password = '', $token = '')<br /> {<br /> if ($server != "") $this->server = $server;<br /> if ($username != "") $this->username = $username;<br /> if ($password != "") $this->password = $password;<br /> if ($token != "") $this->token = $token;<br /> $this->connection = $this->getConnectionSF();<br /> }<br /><br /> /*<br /> get database connection to salesforce<br /> */<br /> public function getConnectionSF()<br /> {<br /> try {<br /><br /> $username = $this->username;<br /> $password = $this->password;<br /> $token = $this->token;<br /><br /> $SforceConnection = new SforcePartnerClient();<br /> //$wsdl_xml = ($isEnterprise) ? WSDL_XML_ENTERPRISE : WSDL_XML_PARTNER;<br /> $wsdl_xml = SOAP_PATH."/".$this->server."_".WSDL_XML_PARTNER;<br /> $SforceConnection->createConnection($wsdl_xml);<br /> $SforceConnection->login($username, $password.$token);<br /> $this->connection = $SforceConnection;<br /> $this->sfSessionID = $SforceConnection->getSessionID();<br /> $this->sfLocation = $SforceConnection->getLocation();<br /> return $SforceConnection; // soap salesforce<br /> }<br /> catch (Exception $e) {<br /> print_r($e);<br /> die();<br /> }<br /> return null;<br /> }<br /> /*<br /> function to get query result in csv format<br /> */<br /> public function fetchQueryCSV($strSQL)<br /> {<br /> $queryResult = $this->getQueryResultSF($strSQL);<br /> $strRes = "";<br /> if (isset($queryResult->records) && count($queryResult->records) > 0)<br /> {<br /> // generate header<br /> $arrHeader = array();<br /> $strHeader = "";<br /> foreach($queryResult->records[0]->fields AS $strKey => $objV)<br /> {<br /> $arrHeader[$strKey] = $strKey;<br /> $strHeader .= ($strHeader == "") ? $strKey : ",".$strKey;<br /> }<br /> if (isset($queryResult->records[0]->sobjects))<br /> {<br /> foreach($queryResult->records[0]->sobjects[0]->fields AS $strKey => $objV)<br /> {<br /> $strKey = $queryResult->records[0]->sobjects[0]->type .".".$strKey;<br /> $arrHeader[$strKey] = $strKey;<br /> $strHeader .= ($strHeader == "") ? $strKey : ",".$strKey;<br /> }<br /> }<br /> // generate detail<br /> foreach ($queryResult->records AS $i => $obj)<br /> {<br /> $arrTmp = array();<br /> foreach ($obj->fields AS $strKey => $objV)<br /> {<br /> $arrTmp[$strKey] = (string)$objV;<br /> }<br /> if (isset($obj->sobjects))<br /> {<br /> foreach($obj->sobjects AS $j => $objSO)<br /> { <br /> foreach($objSO->fields AS $strKey => $objV)<br /> $arrTmp[$objSO->type.".".$strKey] = (string)$objV;<br /> }<br /> }<br /> $strDetail = "";<br /> $x = 0;<br /> foreach ($arrHeader AS $key)<br /> {<br /> $strVal = (isset($arrTmp[$key])) ? $arrTmp[$key] : "";<br /> if (strstr($strVal, ",")) $strVal = '"'.$strVal.'"';<br /> $strDetail .= ($x == 0) ? $strVal : ",".$strVal;<br /> $x++;<br /> }<br /> if ($strRes != "") $strRes .= chr(13).chr(10);<br /> $strRes .= $strDetail;<br /> }<br /> $strRes = $strHeader .chr(13).chr(10).$strRes;<br /> }<br /> return $strRes;<br /> }<br /><br /> /*<br /> function to get query result in array of fields=>value<br /> */<br /> public function fetchQueryArray($strSQL)<br /> {<br /> $queryResult = $this->getQueryResultSF($strSQL);<br /> $arrRes = array();<br /> if (isset($queryResult->records))<br /> {<br /> foreach ($queryResult->records AS $i => $obj)<br /> {<br /> if (isset($obj->Id)) $arrRes[$i]['ID'] = $obj->Id;<br /> if (isset($obj->Id)) $arrRes[$i]['OBJECT_NAME'] = $obj->type;<br /> if (isset($obj->fields))<br /> {<br /> foreach($obj->fields AS $strKey => $objV)<br /> $arrRes[$i][$strKey] = (string)$objV;<br /> }<br /> if (isset($obj->sobjects))<br /> {<br /> foreach($obj->sobjects AS $j => $objSO)<br /> { <br /> $arrRes[$i]['REFERENCES'] = array();<br /> foreach($objSO->fields AS $strKey => $objV)<br /> $arrRes[$i]['REFERENCES'][$objSO->type][$strKey] = (string)$objV;<br /> }<br /> }<br /> }<br /> }<br /> return $arrRes;<br /> }<br /><br /> /*<br /> function to get query result - SOAP<br /> */<br /> public function getQueryResultSF($strSQL)<br /> {<br /> $response = $this->connection->query($strSQL);<br /> $queryResult = new QueryResult($response);<br /><br /> return $queryResult;<br /> }<br /> /* function to execute delete data based on result of the query<br /> */<br /> public function deleteResultData($strSQL)<br /> {<br /> $arrData = $this->fetchQueryArray($strSQL);<br /> $strCsv = "";<br /> $strObjectName = "";<br /> foreach ($arrData AS $i => $records)<br /> {<br /> if ($records['OBJECT_NAME'] != "") $strObjectName = $records['OBJECT_NAME'];<br /> if ($records['ID'] != "") <br /> {<br /> if ($strCsv != "") $strCsv .= chr(13).chr(10);<br /> $strCsv .= $records['ID'];<br /> }<br /> }<br /> if ($strCsv == "" || $strObjectName == "") return "ERROR: No Data!";<br /> $strCsv = "Id".chr(13).chr(10).$strCsv;<br /> return $this->processBulkAPI("delete", $strObjectName, $strCsv);<br /> }<br /> /*<br /> function to execute bulkAPI processing data<br /> input : process type (insert/update/delete), object name, csv<br /> output : result<br /> */<br /> public function processBulkAPI($type, $strObject, $strCsv = '')<br /> {<br /> if ($strCsv == "") return false;<br /> try {<br /> // BulkAPI client<br /> $myBulkApiConnection = new BulkApiClient($this->sfLocation, $this->sfSessionID);<br /> $myBulkApiConnection->setLoggingEnabled(true);<br /> $myBulkApiConnection->setCompressionEnabled(true);<br /><br /> // Hand oops Bulk Jobs :P<br /> $job = new JobInfo();<br /> $job->setObject($strObject);<br /> $job->setOpertion($type);<br /> $job->setContentType("CSV");<br /> $job->setConcurrencyMode("Parallel");<br /> $job = $myBulkApiConnection->createJob($job);<br /><br /> // Result<br /> $result = $myBulkApiConnection->createBatch($job, $strCsv);<br /> $tmp = $myBulkApiConnection->updateJobState($job->getId(), "Closed");<br /> $resultBatch = $myBulkApiConnection->getBatchResults($job->getId(), $result->getId());<br /> return $resultBatch;<br /> }<br /> catch (Exception $e)<br /> {<br /> return $e->getMessage();<br /> }<br /> }<br /> // function to parse csv string to array<br /> public function parseCsv($strCsv)<br /> {<br /> $arrResult = array();<br /> $arrH = array();<br /> $arr = explode("\n", $strCsv);<br /> $i = 0;<br /> foreach($arr AS $j => $str)<br /> {<br /> $arrD = explode(",", $str);<br /> if ($i == 0)<br /> {<br /> $arrH = $arrD;<br /> }<br /> else<br /> {<br /> $arrTmp = array();<br /> foreach($arrD AS $k=>$tmp)<br /> {<br /> $strKey = str_replace("\"", "", $arrH[$k]);<br /> $arrTmp[$strKey] = str_replace("\"", "", $tmp);<br /> }<br /> $arrResult[] = $arrTmp;<br /> }<br /> $i++;<br /> }<br /> return $arrResult;<br /> }<br /><br /> }<br /> ?></pre>
<div>
<span class="Apple-style-span"><font face="inherit"><br /></font></span></div>
<div>
<font face="inherit"><span class="Apple-style-span">Sapa tahu suatu saat berguna.</span><br />
<span class="Apple-style-span"><a href="http://tinypaste.com/e4c5e">http://tinypaste.com/e4c5e</a></span></font></div>
<span><a name='more'></a></span>Yudi Kurniawanhttp://www.blogger.com/profile/11776237111778952924noreply@blogger.com0tag:blogger.com,1999:blog-11099161.post-87986503181036431342011-09-16T11:47:00.004+07:002011-09-16T11:47:47.260+07:00Decimal vs Integer : Sedikit Masalah Di ApexAku buat program dengan menggunakan Map di Apex.<br />
<br />
<blockquote>
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Map<string, decimal=""> mapData = new Map<string, decimal="">();</string,></string,></span><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">mapData.put('01', 10000);</span><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">mapData.put('02',5000000000);</span></blockquote>
<br />
Waktu di-save, gagal dengan error berikut :<br />
<span class="Apple-style-span" style="color: red;">Error: Compile Error: Invalid Integer: 5000000000 at line ...</span><br />
<br />
Loh? Masak decimal gak bisa menampung data 5M? Gimana bisa buat program akunting di Indonesia kalau gini. Penasaran, aku tanya ke senior.<br />
<br />
Dia mencoba menawarkan menambahkan .00 di belakang angka 5M.<br />
<br />
<blockquote>
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">mapData.put('02',5000000000.00);</span></blockquote>
<br />
Dan berhasil!!!<br />
Aneh. Bahkan seniorkupun merasa heran kok solusi yang diberikan dia bisa berhasil.<br />
<br />
Dugaanku, apex menganggap angka itu sebagai Integer (sesuai pesan errornya), meskipun tipe datanya sudah kuberi Decimal. Akibatnya error karena 5M melebih batas untuk integer.<br />
<br />
Mungkin paling tepat adalah menggunakan casting data : Decimal.valueOf(5000000000). Tapi kan merepotkan :(Yudi Kurniawanhttp://www.blogger.com/profile/11776237111778952924noreply@blogger.com0tag:blogger.com,1999:blog-11099161.post-40518899345145923372011-04-03T17:00:00.330+07:002011-04-06T10:49:41.117+07:00Morfik Application Workspace<span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px;"></span><br />
<div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Bidang kerja (<i>workspace</i>) aplikasi Morfik menyediakan cara efektif bagi Anda untuk berinteraksi dengan dokumen proyek, properti dan kode. Morfik menggunakan antarmuka Ribbon berbarengan dengan tumbnail dokumen pada Project View untuk menyediakan lingkungan desain yang efektif yang mampu mengakomodir kebutuhan akan pemrograman visual dan desain secara grafis. </div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Bidang kerja ini meletakkan operasi yang paling umum digunakan pada toolbar yang sangat visible sehingga Anda dapat dengan mudah melakukan perubahan pada proyek dan dokumen Anda. Toolbar utama aplikasi menyediakan akses pada hampir seluruh fitur pengelolaan proyek dan dokumen seperti pemformatan dokumen dan desain secara grafis.</div><div id="Workspace_Layout" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></div><a href="http://www.blogger.com/post-edit.g?blogID=11099161&postID=4051889934514592337" id="Workspace_layout" name="Workspace_layout" style="color: #19806d; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"></a><br />
<div class="blog-head" style="border-bottom-color: rgb(229, 229, 216); border-bottom-style: solid; border-bottom-width: 1px; line-height: 30px; margin-bottom: 8px; margin-left: 0px; margin-right: 0px; margin-top: 16px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><h2 style="color: #3f3f3f; font-size: 18px; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Penataan Bidang Kerja</h2></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Bidang kerja Morfik dibagi menjadi beberapa area yang ditandai dengan angka-angka seperti pada diagram berikut ini.<br />
<br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></div><table class="screenshot" style="background-color: #f0f0f0; border-bottom-color: rgb(206, 207, 208); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(206, 207, 208); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(206, 207, 208); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(206, 207, 208); border-top-style: solid; border-top-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><tbody style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<tr align="center" style="height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><div class="center" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><div class="floatnone" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><map name="ImageMap_1_1861501591" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></map><img alt="" border="0" height="640" src="http://wiki.morfik.com/images/9/9c/Workspace-num.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" usemap="#ImageMap_1_1861501591" width="720" /></div></div></div></td></tr>
<tr style="height: 40px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td align="center" style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><span class="Apple-style-span" style="font-size: x-small;">Clicking on different sections of the Workspace takes you to the relevant topic</span></td></tr>
</tbody></table><div id="The_Power_Menu" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></div><a href="http://www.blogger.com/post-edit.g?blogID=11099161&postID=4051889934514592337" id="1_-_The_Power_Menu" name="1_-_The_Power_Menu" style="color: #19806d; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"></a><br />
<div class="blog-head" style="border-bottom-color: rgb(229, 229, 216); border-bottom-style: solid; border-bottom-width: 1px; line-height: 30px; margin-bottom: 8px; margin-left: 0px; margin-right: 0px; margin-top: 16px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><h3 style="color: #282521; font-size: 16px; font-style: italic; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">1 - Power Menu</h3></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Power Menu dapat diakses dengan mengeklik tombol biru tua dengan simbol '<i>power o</i>n' di bagian paling kiri dari Ribbon. Sebuah menu <i>drop-down</i> menyediakan akses langsung pada sebagian besar fungsi Morfik yang terkait dengan pengelolaan dokumen dan proyek, seperti membuka dan menutup file. Beberapa pilihan menu di Power Menu ini disesuaikan dengan konteks dan akan tidak aktif jika tidak cocok pada kondisi yang ada di dalam <i>Integrated Development Environment</i> (IDE).</div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></div><div class="screenshot" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><table style="background-color: #f0f0f0; border-bottom-color: rgb(206, 207, 208); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(206, 207, 208); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(206, 207, 208); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(206, 207, 208); border-top-style: solid; border-top-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><tbody style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<tr style="height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"></td></tr>
<tr align="center" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><img alt="power-menu.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/power-menu.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></td></tr>
<tr align="center" style="height: 50px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="color: #007ba7; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></b>The Power Menu</td></tr>
</tbody></table></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br />
Power Menu berisi pilihan sebagai berikut (pilihan sub-menu ditandai dengan simbol | ):</div><table style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><tbody style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" valign="top"><th style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="35px"></th><th style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="300px"></th></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" valign="top"><td align="center" style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><img alt="NewProject16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/common/icons16/NewProject16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></td><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><b>New Project | New Web Application</b><br />
<span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px;">Membuat aplikasi web yang baru dengan server database bawaan (built-in).</span></td><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" valign="top"><td align="center" style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><img alt="package16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/common/icons16/package16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></td><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><b>New Project | New Package</b><br />
<span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px;">Memanggil <i>wizard</i> untuk Package baru. Untuk membuat package, sebuah file Package Ticket harus diperoleh dari Morfik.</span></td><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" valign="top"><td align="center" style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><img alt="NewProjectWizard16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/common/icons16/NewProjectWizard16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></td><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><b>New Project | New Project Wizard</b><br />
<span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px;">Menjalankan <i>wizard</i> untuk Proyek baru, yang mencakup pilihan jenis aplikasi (aplikasi web atau browser) dan dukungan database eksternal. </span></td><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" valign="top"><td align="center" style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><img alt="newpage16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/common/icons16/newpage16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></td><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><b>New Page</b><br />
<span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px;">Perintah ini membuka dialog New Page dimana Anda bisa membuat halaman baru berdasar template yang tersedia. Berbagai kategori template halaman tersedia untuk berbagai browser untuk komputer atau perangkat genggam.</span></td><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" valign="top"><td align="center" style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><img alt="form16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/common/icons16/form16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></td><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><b>New Item | New Form</b><br />
<span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px;">Membuat form baru untuk proyek yang sedang dikerjakan. Form adalah dasar dari sisi tampilan untuk aplikasi Anda. Form memungkinkan pengguna berinteraksi dengan aplikasi Anda dan melakukan tugas-tugas seperti menampilkan data, menambah dan mengubah data.</span></td><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" valign="top"><td align="center" style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><img alt="Report16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/common/icons16/Report16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></td><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><b>New Item | New Report</b><br />
<span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px;">Membuat Report baru di untuk proyek yang sedang dikerjakan. Report memungkinkan untuk menampilkan dan mencetak informasi yang tersimpan di database. Dengan Report, informasi ini dapat diurutkan, dikelompokkan dan direkap dengan banyak cara. Report ditampilkan lewat browser dengan format Adobe PDF, untuk memastikan yang tampil di layar sama dengan hasil di kertas.</span></td><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" valign="top"><td align="center" style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><img alt="table16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/common/icons16/table16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></td><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><b>New Item | New Table</b><br />
<span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px;">Membuat Table baru di proyek yang sedang dikerjakan. Table adalah mekanisme penyimpanan yang sesungguhnya di database. Mereka berisi baris (record) dan kolom (nama field) yang mengorganisir data yang disimpan. Database bisa berisi berbagai tabel, dan mungkin berkaitan satu sama lain.</span></td><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" valign="top"><td align="center" style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><img alt="tables16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/common/icons16/tables16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></td><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><b>New Item | New Query</b><br />
<span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px;">Membuat Query baru di proyek yang sedang dikerjakan. Query adalah mekanisme untuk mencari data di tabel. Mereka memungkinkan Anda untuk mengambil subset data di tabel database berdasarkan kriteria pencarian tertentu.</span></td><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" valign="top"><td align="center" style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><img alt="text_code_server16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/common/icons16/text_code_server16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></td><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><b>New Item | New Module</b><br />
<span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px;">Membuat Module baru di proyek yang sedang dikerjakan. Module adalah unit yang berdiri sendiri yang dapat dipanggil dari modul lain, termasuk modul di sisi server maupun client di Form dan Report. Mereka berguna untuk mengorganisasikan kode program Anda menjadi unit-unit logis dan untuk berbagi kode antara berbagai bagian berbeda dalam aplikasi (atau bahkan antar aplikasi).</span></td><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" valign="top"><td align="center" style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><img alt="gear16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/common/icons16/gear16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></td><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><b>New Item | New Web Method</b><br />
<span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px;">Membuat WebMethod baru di proyek yang sedang dikerjakan. WebMethod adalah kode yang diimplementasikan dan dijalankan di dalam aplikasi di server (bukan di dalam browser). Mereka dapat dipanggil saat dibutuhkan oleh Aplikasi Anda (baik dari WebMethod lainnya atau dari dalam browser), atau dipublikasikan sehingga dapat dipanggil dari aplikasi lain.</span></td><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" valign="top"><td align="center" style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><img alt="widget16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/common/icons16/widget16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></td><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><b>New Item | New Widget</b><br />
<span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px;">Membuat Widget baru dan mengisinya ke dalam editor.</span></td><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" valign="top"><td align="center" style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><img alt="Open16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/common/icons16/Open16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></td><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><b>Open</b><br />
<span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px;">Menampilkan kotak dialog Open File untuk membuka dokumen yang sudah ada.</span></td><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" valign="top"><td align="center" style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><img alt="folder_closed16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/common/icons16/folder_closed16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></td><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><b>Close</b><br />
<span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px;">Menutup dokumen yang sedang dibuka (atau proyek jika dokumen yang sedang dibuka adalah halaman tab Project)</span></td><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" valign="top"><td align="center" style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><img alt="folder_closeAll16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/common/icons16/folder_closeAll16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></td><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><b>Close All</b><br />
<span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px;">Menutup semua dokumen yang dibuka, menyisakan halaman tab Project.</span></td><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" valign="top"><td align="center" style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><img alt="Save16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/common/icons16/Save16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></td><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><b>Save</b><br />
<span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px;">Menyimpan (tanpa menutup) dokumen saat ini.</span></td><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" valign="top"><td align="center" style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><img alt="save_as16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/common/icons16/save_as16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></td><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><b>Save As | Save As</b><br />
<span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px;">Menyimpan (tanpa menutup) dokumen yang sedang dibuka dengan nama yang baru. Save As akan mengekspor dokumen ke sebuah file XML dengan ekstensi khusus Morfik (misalnya form akan punya ekstensi .mfr). Hal ini bermanfaat untuk keperluan sharing kode antar proyek, khususnya saat menggunakan format .MXS. Save As tidak mengubah nama nama dokumen di dalam proyek.</span><br />
<span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px;"><i>Minor bug</i>: jika ada perubahan yang belum tersimpan di dokumen ketika Save As dijalankan, ini tidak akan termasuk dalam file hasil ekspor.</span></td><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" valign="top"><td align="center" style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><img alt="ConvertProject16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/common/icons16/ConvertProject16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></td><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><b>Save As | Save Project As</b><br />
<span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px;">Menampilkan dialog Save Project As untuk mengganti nama proyek, menyimpan ke lokasi yang berbeda atau mengubah ke bahasa Morfik yang berbeda.</span></td><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" valign="top"><td align="center" style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><img alt="SaveAll16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/common/icons16/SaveAll16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></td><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><b>Save All</b><br />
<span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px;">Menyimpan semua (tanpa menutup) dokumen yang sedang dibuka.</span></td><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" valign="top"><td align="center" style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><img alt="deployment16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/common/icons16/deployment16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></td><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><b>Deploy</b><br />
<span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px;">Mulai menjalankan wizard untuk Deployment</span></td><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"></td></tr>
</tbody></table><div id="Run_Button" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></div><a href="http://www.blogger.com/post-edit.g?blogID=11099161&postID=4051889934514592337" id="2_-_Run_Button" name="2_-_Run_Button" style="color: #19806d; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"></a><br />
<div class="blog-head" style="border-bottom-color: rgb(229, 229, 216); border-bottom-style: solid; border-bottom-width: 1px; line-height: 30px; margin-bottom: 8px; margin-left: 0px; margin-right: 0px; margin-top: 16px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><h3 style="color: #282521; font-size: 16px; font-style: italic; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">2 - Tombol Run</h3></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Tombol Run ada di samping kanan Power Menu. Tombol Run digunakan untuk menjalankan, menghentikan atau menghentikan sebentar aplikasi Anda.</div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></div><div class="screenshot" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><table style="background-color: #f0f0f0; border-bottom-color: rgb(206, 207, 208); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(206, 207, 208); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(206, 207, 208); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(206, 207, 208); border-top-style: solid; border-top-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><tbody style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<tr style="height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"></td></tr>
<tr align="center" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><img alt="run-button.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/run-button.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></td></tr>
<tr align="center" style="height: 50px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="color: #007ba7; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></b>Morfik Run Button</td></tr>
</tbody></table></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br />
Tombol Run hanya aktif jika ada proyek yang dibuka dan berubah-ubah antara 3 jenis kondisi:</div><dl style="margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.2em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><dd style="line-height: 1.5em; margin-bottom: 0.1em; margin-left: 2em; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><img alt="GreenPlay16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/GreenPlay16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Kondisi 1—</b>Tekan untuk meng-compile dan mulai menjalankan aplikasi;</dd></dl><dl style="margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.2em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><dd style="line-height: 1.5em; margin-bottom: 0.1em; margin-left: 2em; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><img alt="Stop16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/Stop16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Kondisi 2—</b>Tampil saat aplikasi sedang dijalankan. Tekan untuk menghentikan aplikasi;</dd></dl><dl style="margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.2em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><dd style="line-height: 1.5em; margin-bottom: 0.1em; margin-left: 2em; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><img alt="media_step_forward16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/media_step_forward16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Kondisi 3—</b>Tampil ketika debugger berada pada posisi breakpoint. Tekan untuk melanjutkan pelaksanaan aplikasi tanpa menjelajahi bertahap kode yang tersisa.</dd></dl><div id="Quick_Access_Toolbar" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></div><a href="http://www.blogger.com/post-edit.g?blogID=11099161&postID=4051889934514592337" id="3_-_Quick_Access_Toolbar" name="3_-_Quick_Access_Toolbar" style="color: #19806d; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"></a><br />
<div class="blog-head" style="border-bottom-color: rgb(229, 229, 216); border-bottom-style: solid; border-bottom-width: 1px; line-height: 30px; margin-bottom: 8px; margin-left: 0px; margin-right: 0px; margin-top: 16px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><h3 style="color: #282521; font-size: 16px; font-style: italic; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">3 - Toolbar Quick Access</h3></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Toolbar Quick Access dan tombol Customize berada di sebelah kanan tombol Power Menu. Ini akan menyediakan akses satu-klik untuk sebagian besar fungsi IDE yang sering digunakan. Toolbar ini juga dapat diatur penggunaannya.</div><div class="screenshot" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><table style="background-color: #f0f0f0; border-bottom-color: rgb(206, 207, 208); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(206, 207, 208); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(206, 207, 208); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(206, 207, 208); border-top-style: solid; border-top-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><tbody style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<tr style="height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"></td></tr>
<tr align="center" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><img alt="quick-access-toolbar.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/quick-access-toolbar/quick-access-toolbar.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></td></tr>
<tr align="center" style="height: 50px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="color: #007ba7; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><span class="Apple-style-span" style="font-size: x-small;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></b>Toolbar Quick Access dan Tombol Customize</span></td></tr>
</tbody></table></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br />
Untuk mengatur toolbar Quick Access, tekan tombol Customize Button (seperti yang tampil di atas) untuk menapilkan menu <i>drop-down</i> Customize dengan pilihan menu seperti berikut:</div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><blockquote><img alt="navigate-check16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/quick-access-toolbar/navigate-check16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>List of Currently Configured Commands</i> </blockquote><blockquote>Daftar tombol-tombol yang telah dikonfigurasikan. Saat diaktifkan, tombol-tombol memiliki tanda centang di sampingnya. Untuk menonaktifkan tombol, klik pada tombol dan tanda centang akan hilang. </blockquote><blockquote><img alt="preferences16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/common/icons16/preferences16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>More Commands...</i> </blockquote><blockquote>Menampilkan kotak dialog Morfik Options, dengan pilihan Customize. </blockquote><blockquote><img alt="up-down16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/quick-access-toolbar/up-down16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>Show Quick Access Toolbar [Above | Below] the Ribbon</i> </blockquote><blockquote>Meletakkan Quick Access Toolbar di atas atau di bawah Ribbon. </blockquote><blockquote><img alt="navigate_minus16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/quick-access-toolbar/navigate_minus16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>Minimize Ribbon</i> </blockquote><blockquote>Meminimkan bagian Ribbon, hanya menampilkan pilihan menu untuk setiap tab di bagian Ribbon. Meletakkan kursor mouse di atas menu akan memunculkan lagi pilihan menu drop-down; menyingkirkan kursor akan menyembunyikan lagi. . </blockquote><br />
<span class="Apple-style-span" style="color: #3f3f3f; font-size: 18px; line-height: 30px;">Bagaimana Caranya: Mempelajari Tips dan Trik pada Ribbon Menu dan Toolbar?</span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Video ini adalah tour untuk gaya (style) antarmuka dari Ribbon-nya Morfik. Beberapa perintah pada Ribbon Morfik ini telah dijelaskan dan tips diberikan mengenai cara mereka dapat digunakan. Video ini juga mencakup overview tentang toolbar Quick Access dan Power Menu.</div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><table class="screenshot" style="background-color: #f0f0f0; border-bottom-color: rgb(206, 207, 208); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(206, 207, 208); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(206, 207, 208); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(206, 207, 208); border-top-style: solid; border-top-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><tbody style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<tr style="height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"></td></tr>
<tr align="center" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><div id="MWPlayer-1" style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><embed allowfullscreen="true" flashvars="width=500&height=375&controlbar=over&screencolor=#C0C0C0&image=http://bkey-wiki.s3.amazonaws.com/videos/workspace/ribbons/Ribbons_500_375.png&backcolor=eeeeee&file=http://bkey-wiki.s3.amazonaws.com/videos/workspace/ribbons/Ribbons.flv" height="375" id="player" name="player" quality="high" src="http://wiki.morfik.com/extensions/MediawikiPlayer/player.swf" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" type="application/x-shockwave-flash" width="500"></embed></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></div></td></tr>
<tr align="center" style="height: 50px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="color: #007ba7; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-size: x-small;">Video tentang Ribbon-nya Morfik dan toolbar Quick Access</span></b></td></tr>
</tbody></table></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></div><div id="WS_Ribbon" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></div><a href="http://www.blogger.com/post-edit.g?blogID=11099161&postID=4051889934514592337" id="4_-_Ribbon" name="4_-_Ribbon" style="color: #19806d; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"></a><br />
<div class="blog-head" style="border-bottom-color: rgb(229, 229, 216); border-bottom-style: solid; border-bottom-width: 1px; line-height: 30px; margin-bottom: 8px; margin-left: 0px; margin-right: 0px; margin-top: 16px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><h3 style="color: #282521; font-size: 16px; font-style: italic; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">4 - Ribbon</h3></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Ribbon adalah toolbar utama dalam bidang kerja Morfik. Morfik mengadopsi toolbar yang lebih tinggi ini agar dapat lebih baik dalam menampilkan informasi yang penuh grafis tentang tema (theme), penataan (layout) dan pemilihan warna.</div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Tab-tab pada Ribbon menampilkan perintah yang paling relevan untuk setiap bidang tugas di aplikasi. Berikut adalah daftar tab di Ribbon Morfik.</div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></div><div class="screenshot" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><table style="background-color: #f0f0f0; border-bottom-color: rgb(206, 207, 208); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(206, 207, 208); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(206, 207, 208); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(206, 207, 208); border-top-style: solid; border-top-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><tbody style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<tr style="height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"></td></tr>
<tr align="center" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><img alt="tabhome-projectview.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/tabhome-projectview.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></td></tr>
<tr align="center" style="height: 50px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="color: #007ba7; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><span class="Apple-style-span" style="font-size: x-small;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></b>Morfik Ribbon</span></td></tr>
</tbody></table></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></div><blockquote><img alt="tabs16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/tabs16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>Home Tab</i> </blockquote><blockquote><span class="Apple-style-span" style="font-family: inherit;"><span class="Apple-style-span" style="line-height: 16px;">Tab ini berisi operasi yang paling sering digunakan selama mendesain aplikasi atau website. Isi tab ini berubah sesuai dengan apa yang sedang Anda kerjakan. Meski demikian, option untuk bagian Document, Compile dan Clipboard selalu terlihat.</span> </span></blockquote><blockquote><img alt="tabs16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/tabs16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>Design Tab </i> </blockquote><blockquote><span class="Apple-style-span" style="font-family: inherit;"><span class="Apple-style-span" style="line-height: 16px;">Tab ini menawarkan akses langsung pada operasi yang terkait dengan tema (theme). Dari tab ini Anda dapat mengubah tema dari proyek yang sedang dikerjakan atau membuat baru, memodifikasi dan menghapus tema. Isi dari tab ini tidak berubah saat Anda mengubah rancangan. </span> </span></blockquote><blockquote><img alt="tabs16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/tabs16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>Project Tab</i> </blockquote><blockquote><span class="Apple-style-span" style="font-family: inherit;">Tab ini memungkinkan Anda mengakses berbagai pilihan yang akan mempengaruhi seluruh proyek, seperti : import sumber data atau webservice, membuat RSS Feed, mengelola sumberdaya, deploy dan mengelola backup-restore database.Di tab ini Anda memiliki opsi untuk membuat dokumen proyek baru dan objek seperti Form, Report, Table dan Query yang baru. Dari tab ini Anda dapat mengakses dialog option yang dapat Anda gunakan untuk mengatur option. </span></blockquote><blockquote><img alt="tabs16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/tabs16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>Debug Tab</i> </blockquote><blockquote><span class="Apple-style-span" style="font-family: inherit;"><span class="Apple-style-span" style="line-height: 16px;">Tab ini memungkinkan akses ke sejumlah fitur debugging. Dari tab ini Anda dapat menambahkan variabel ke daftar watch, menambah atau menghapus breakpoint dan mengumpulkan informasi yang Anda perlukan untuk memperbaiki masalah di aplikasi Anda. Sebagian pilihan tersedia dari tab Debug hanya saat dilakukan debug.</span> </span></blockquote><blockquote><img alt="tabs16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/tabs16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>View Tab </i> </blockquote><blockquote><span class="Apple-style-span" style="font-family: inherit;"><span class="Apple-style-span" style="line-height: 16px;">Tab ini menawarkan akses ke berbagai tampilan objek yang saat ini sedang diedit atau tampilan yang berlaku pada keseluruhan proyek, seperti tampilan Relationship.</span> </span></blockquote><blockquote><img alt="tabs16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/tabs16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>External Data Tab</i> </blockquote><blockquote><img alt="tabs16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/tabs16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>Insert Tab</i> </blockquote><blockquote><span class="Apple-style-span" style="font-family: inherit;">Tab ini hanya terlihat jika kita mengerjakan desain Form atau Report. Tab ini menawarkan daftar control yang dapat disisipkan di dokumen yang Anda edit.Control yang tersedia saat merancang Form dan Report tidaklah sama karena perbedaan karakteristik dari kedua jenis dokumen tersebut. </span></blockquote><div id="Project_View" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></div><a href="http://www.blogger.com/post-edit.g?blogID=11099161&postID=4051889934514592337" id="5_-_Project_View" name="5_-_Project_View" style="color: #19806d; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"></a><br />
<div class="blog-head" style="border-bottom-color: rgb(229, 229, 216); border-bottom-style: solid; border-bottom-width: 1px; line-height: 30px; margin-bottom: 8px; margin-left: 0px; margin-right: 0px; margin-top: 16px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><h3 style="color: #282521; font-size: 16px; font-style: italic; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">5 - Project View</h3></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Project View menampilkan objek-objek yang ada di proyek Anda seperti Form, Report, Tabel dan WebMethods. Tempat ini juga menyediakan referensi visual untuk mengelola objek-objek ini termasuk kemampuan untuk membuat objek baru dan memodifikasi yang sudah ada.</div><div class="screenshot" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><table style="background-color: #f0f0f0; border-bottom-color: rgb(206, 207, 208); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(206, 207, 208); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(206, 207, 208); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(206, 207, 208); border-top-style: solid; border-top-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><tbody style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<tr style="height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"></td></tr>
<tr align="center" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><img alt="project-view.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/project-view.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></td></tr>
<tr align="center" style="height: 50px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="color: #007ba7; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><span class="Apple-style-span" style="font-size: x-small;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></b>Project View</span></td></tr>
</tbody></table></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br />
<blockquote><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Catatan:</b> Anda dapat mengaktifkan Project View kapan saja dengan menggunakan shortcut Ctrl+Alt+P.</blockquote></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br />
Dokumen yang bisa ditampilkan secara visual secara default akan tampil dalam bentuk gambar thumbnail. Ini membuat kita mudah dan cepat dalam menempatkan Form dan Report tertentu dalam proyek degan jumlah objek yang cukup banyak. Gambar XX menampilkan Project View untuk proyek kecil.</div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Untuk proyek yang memiliki dokumen yang mirip terkadang sangat baik untuk menggunakan pilihan filtering yang tersedia di Home Tab pada Ribbon ketika kita berada pada Project View. Di gambar XX Anda dapat melihat Project View dari sebuah proyek dan mekanisme filtering sedang digunakan. Dalam contoh ini, dokumen dan objek yang mengandung 'staff' sebagai nama akan ditampilkan.</div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></div><div class="screenshot" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><table style="background-color: #f0f0f0; border-bottom-color: rgb(206, 207, 208); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(206, 207, 208); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(206, 207, 208); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(206, 207, 208); border-top-style: solid; border-top-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><tbody style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<tr style="height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"></td></tr>
<tr align="center" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><img alt="project-view-filter.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/project-view-filter.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></td></tr>
<tr align="center" style="height: 50px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="color: #007ba7; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><span class="Apple-style-span" style="font-size: x-small;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></b>Project View dengan filtering</span></td></tr>
</tbody></table></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br />
Untuk melihat banyak objek di layar pada waktu yang bersamaan, kurangi Zoom Factor pada Project View. Pilihan ini tersedia di Home Tab pada Ribbon. Mengurangi level perbesaran akan membuat thumbnail diganti dengan icon kecil dan memungkinkan lebih banyak objek tampil di layar pada waktu bersamaan. Gambar 4 menampilkan Project View pada pengaturan perbesaran yang paling minim.</div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></div><div class="screenshot" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><table style="background-color: #f0f0f0; border-bottom-color: rgb(206, 207, 208); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(206, 207, 208); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(206, 207, 208); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(206, 207, 208); border-top-style: solid; border-top-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><tbody style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<tr style="height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"></td></tr>
<tr align="center" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><img alt="project-view-zoom.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/project-view-zoom.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></td></tr>
<tr align="center" style="height: 50px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="color: #007ba7; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><span class="Apple-style-span" style="font-size: x-small;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></b>Kontrol level perbesaran Zoom untuk Project View</span></td></tr>
</tbody></table></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></div><table cellpadding="10" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><tbody style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" valign="top"><td align="right" style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;" width="70"><blockquote><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Catatan:</b></blockquote></td><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><blockquote>Anda dapat menekan terus Ctrl dan menggunakan roda mouse untuk memperbesar atau memperkecil Project View.</blockquote></td></tr>
</tbody></table><div id="designers_Editors" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></div><a href="http://www.blogger.com/post-edit.g?blogID=11099161&postID=4051889934514592337" id="Designer.2FEditor" name="Designer.2FEditor" style="color: #19806d; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"></a><br />
<div class="blog-head" style="border-bottom-color: rgb(229, 229, 216); border-bottom-style: solid; border-bottom-width: 1px; line-height: 30px; margin-bottom: 8px; margin-left: 0px; margin-right: 0px; margin-top: 16px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><h3 style="color: #282521; font-size: 16px; font-style: italic; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Designer/Editor</h3></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Designer/Editor memampukan Anda melakukan pekerjaan desain secara grafis pada objek Anda (seperti Form dan Report) dan mengerjakan kode di belakang objek tersebut dengan menggunakan text editor yang luar biasa.</div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Area di tengah-tengah bidang kerja disediakan khusus untuk Desainer atau Editor dari document. Isi dari bagian ini bisa berubah sesuai dokumen dan tampilan yang dipilih. Saat mengedit Form, contohnya, Sebuah desain visual dan tampilan dua kode akan tersedia. Tampilan dapat diubah dari Ribbon.</div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br />
Designer/Editor dipanggil dari objek-objek berikut:</div><dl style="margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.2em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><dd style="margin-bottom: 0.1em; margin-left: 2em; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><div style="line-height: 1.5em;"><img alt="form16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/common/icons16/form16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>Form Designer</i> </div></dd><dd style="line-height: 1.5em; margin-bottom: 0.1em; margin-left: 2em; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><img alt="Report16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/common/icons16/Report16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>Report Designer</i> </dd><dd style="line-height: 1.5em; margin-bottom: 0.1em; margin-left: 2em; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><img alt="table16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/common/icons16/table16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>Table Designer</i></dd><dd style="line-height: 1.5em; margin-bottom: 0.1em; margin-left: 2em; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><img alt="tables16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/common/icons16/tables16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>Query Designer</i> </dd><dd style="line-height: 1.5em; margin-bottom: 0.1em; margin-left: 2em; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><img alt="webservices16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/common/icons16/webservices16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>WebMethod Designer</i> </dd><dd style="line-height: 1.5em; margin-bottom: 0.1em; margin-left: 2em; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><img alt="text_code_server16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/common/icons16/text_code_server16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>Module Designer</i></dd><dd style="line-height: 1.5em; margin-bottom: 0.1em; margin-left: 2em; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><img alt="relationships16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/common/icons16/relationships16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>Relationship Designer </i>
<div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"> </span></div></dd></dl><div id="Left_Docking_Site" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></div><a href="http://www.blogger.com/post-edit.g?blogID=11099161&postID=4051889934514592337" id="6_-_Left_Docking_Site" name="6_-_Left_Docking_Site" style="color: #19806d; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"></a><br />
<div class="blog-head" style="border-bottom-color: rgb(229, 229, 216); border-bottom-style: solid; border-bottom-width: 1px; line-height: 30px; margin-bottom: 8px; margin-left: 0px; margin-right: 0px; margin-top: 16px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><h3 style="color: #282521; font-size: 16px; font-style: italic; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">6 - Docking Site Sebelah Kiri</h3></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Docking Site Sebelah Kiri, yang secara default berada di sebelah kiri dari bidang kerja, berisi Inspector untuk Properti, Event dan Style. Panel tersembunyi di sisi kiri dari layar jika tidak digunakan. Klik pada panel akan melebarkannya ke kanan, dan saat mousenya bergeser pergi maka akan kembali lagi. Panel itu bisa dikunci dalam posisi lebarnya dengan 'menjepit' menggunakan Tombol Pin.</div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></div><div class="screenshot" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><table style="background-color: #f0f0f0; border-bottom-color: rgb(206, 207, 208); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(206, 207, 208); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(206, 207, 208); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(206, 207, 208); border-top-style: solid; border-top-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><tbody style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<tr style="height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"></td></tr>
<tr align="center" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><img alt="left-dock-panels.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/left-docksite/left-dock-panels.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></td></tr>
<tr align="center" style="height: 50px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="color: #007ba7; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></b><span class="Apple-style-span" style="font-size: x-small;"> Docking Site Sebelah Kiri</span></td></tr>
</tbody></table></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Sebuah Inspector dapat dipindah dari lokasi asalnya dengan menyeret ke lokasi lain dalam bidang kerja. Untuk memfasilitasi perpindahan ini, Inspector harus lebih dulu dijepit di tempat. Untuk meletakkan kembali Inspector di tempat asalnya, klik-ganda pada kotak nama Inspector. Sebuah Inspector juga dapat ditutup dengan menekan tombol Close. Jika Anda secara tidak sengaja menutup panel, Anda dapat membukanya kembali melalui menu drop-down 'View | Panels | Panels' yang ada di Ribbon dan memilih panel yang sesuai.</div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br />
Fungsi Inspector untuk Properties, Events dan Styles Inspectors adalah sebagai berikut:</div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><blockquote><br />
<img alt="Properties16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/common/icons16/Properties16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>Properties Inspector Overview</i> </blockquote><blockquote><i></i>Inspector ini memungkinkan Anda mengubah berbagai properti dari objek seperti Form, Report dan kontrol visual lainnya. Setiap kali Anda memilih sebuah kontrol, inspector Properties secara otomatis mengupdate sendiri, menampilkan properti yang sesuai. Nama properti tampil di kolom sebelah kiri sedangkan isinya ada di kolom kanan; Daftar properti diurutkan sesuai alfabet.<br />
Untuk mengubah properti, cukup klik pada nilainya di kolom kanan, pilih dan isi nilai yang baru. Beberapa nilai bisa diisi langsung, terkadang ada yang diisi melalui kotak dialog, yang secara otomatis tampil saat kita mengeklik nilai itu. </blockquote><blockquote><img alt="flash-events-16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/flash-events-16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>Events Inspector Overview</i> </blockquote><blockquote><br />
Inspector ini memungkinkan Anda memberi tindakan (action) pada sebuah kejadian (event). Ketika sebuah event dipanggil, event handler untuk event tersebut akan merespon dan menjalankan kode tindakan yang ada didalamnya.<br />
Tindakan yang terkait dengan event handler dapat diberikan melalui dua cara.<br />
1. Memberikan kode secara manual. Ini bisa dilakukan dengan melakukan klik-ganda pada bagian edit event, yang membuat event handler baru dalam source code dimana Anda bisa langsung menuliskan kode program yang Anda ingin jalankan ketika event itu dipanggil.<br />
2. Mengisikan WebAction pada event. Ini dapat dicapai dengan menekan tombol elips [..] di bagian edit event, yang akan menampilkan wizard WebAction. WebAction adalah event handler yang telah didefinisikan sejak awal dan berisi tindakan yang dapat meminimalisir kebutuhan penulisan kode program sebagai respon pemanggilan event. Wizard tersebut akan menuntun Anda melalui proses pendek pemilihan sebuah tindakan penanganan event dan parameter yang terkait. Setelah selesai, wizard itu akan membuat event handler dan potongan kode program yang bisa memungkinkan tindakan untuk dijalankan. Anda bisa juga mengubah atau menambah potongan kode tersebut jika diperlukan. </blockquote><blockquote><img alt="brush-style-16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/brush-style-16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>Styles Inspector Overview</i> </blockquote><blockquote><i></i>Inspector ini memungkinkan berbagai aspek dari penampilan dan perilaku kontrol saat dijalankan dapat dimodifikasi pada level tema (theme). Meskipun Theme digunakan oleh kontrol untuk penampilan secara umum sepanjang aplikasi, Style dapat digunakan untuk lebih mempertegas cara penampilan dan perilaku kontrol ketika program dijalankan (run-time).<br />
Bekerja menggunakan Style dapat dicapai pada dua level. Pertama, sebagian besar kontrol Morfik tersedia dengan beragam alternatif style yang telah disediakan. Jika sebuah kontrol punya banyak style, akan ada panah di bawah atau di samping nama kontrol di Ribbon. Mengeklik panah tersebut akan membuka daftar alternatif style yang dapat Anda pilih. </blockquote></div><br />
<div id="Right_Docking_Site" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></div><a href="http://www.blogger.com/post-edit.g?blogID=11099161&postID=4051889934514592337" id="7_-_Right_Docking_Site" name="7_-_Right_Docking_Site" style="color: #19806d; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"></a><br />
<div class="blog-head" style="border-bottom-color: rgb(229, 229, 216); border-bottom-style: solid; border-bottom-width: 1px; line-height: 30px; margin-bottom: 8px; margin-left: 0px; margin-right: 0px; margin-top: 16px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><h3 style="color: #282521; font-size: 16px; font-style: italic; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">7 - Docking Site Sebelah Kanan</h3></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Di sisi kanan bidang kerja, secara default, adalah Docking Site Sebelah Kanan yang berisi Inspector untuk Debug Scripts dan Debug Source. </div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></div><div class="screenshot" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><table style="background-color: #f0f0f0; border-bottom-color: rgb(206, 207, 208); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(206, 207, 208); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(206, 207, 208); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(206, 207, 208); border-top-style: solid; border-top-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><tbody style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<tr style="height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"></td></tr>
<tr align="center" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><img alt="right-dock-panels.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/right-dock-panels.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></td></tr>
<tr align="center" style="height: 50px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="color: #007ba7; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></b><span class="Apple-style-span" style="font-size: x-small;">Docking Site Sebelah Kanan</span></td></tr>
</tbody></table></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br />
Panel (secara default) tersembunyi di sisi kanan layar saat tidak digunakan. Mengarahkan mouse di atas panel akan membuatnya melebar ke kanan; menyingkirkan kursor membuatnya kembali lagi.</div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Panel dapat dikunci pada posisi melebarnya dengan 'menjepit' di tempatnya; tekan tombol Pin untuk melakukannya.</div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Panel-panel ini digunakan hanya digunakan saat men-<i>debug </i>aplikasi pada level platform compiler (Javascript dan Object Pascal untuk browser dan bagian server dari aplikasi, berturut-turut).</div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br />
Inspektor untuk Debug Scripts dan Debug Source berfungsi sebagai berikut:</div><dl style="margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.2em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><dd style="line-height: 1.5em; margin-bottom: 0.1em; margin-left: 2em; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><img alt="bug_yellow16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/common/icons16/bug_yellow16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>Debug Scripts</i> : <span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px; line-height: 16px;">Inspector ini mampu menampilkan atau men-<i>debug </i>kode Javascript (di sisi browser) yang di-<i>generate</i> oleh <i>compiler</i>. Sebagian besar objek di aplikasi, seperti Form dan WebMethod, akan memiliki Javascript dan terdaftar di inspector. Klik-ganda file Javascript itu akan menampilkannya ke editor kode. Kode ini hanya bisa dilihat tanpa bisa diubah, karena di-<i>generate</i> oleh <i>compiler</i>. Anda dapat memberi breakpoint pada baris tertentu dengan mengeklik penanda baris, atau dengan memilih menu Debug | Add Breakpoint dari Ribbon.</span></dd></dl><dl style="margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.2em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><dd style="line-height: 1.5em; margin-bottom: 0.1em; margin-left: 2em; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><img alt="bug_yellow16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/common/icons16/bug_yellow16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>Debug Source</i> : <span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px; line-height: 16px;">Inspector ini mampu menampilkan atau men-<i>debug</i> kode Object Pascal (di sisi server) yang di-<i>generate</i> oleh <i>compiler</i>. Cara debug kode ini sama seperti cara debug kode Javascript yang dijelaskan di atas.</span></dd></dl><dl style="margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.2em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><dd style="line-height: 1.5em; margin-bottom: 0.1em; margin-left: 2em; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><img alt="cpu16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/common/icons16/cpu16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>CPU View</i></dd></dl><div id="Bottom_Docking_Site" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></div><a href="http://www.blogger.com/post-edit.g?blogID=11099161&postID=4051889934514592337" id="8_-_Bottom_Docking_Site" name="8_-_Bottom_Docking_Site" style="color: #19806d; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"></a><br />
<div class="blog-head" style="border-bottom-color: rgb(229, 229, 216); border-bottom-style: solid; border-bottom-width: 1px; line-height: 30px; margin-bottom: 8px; margin-left: 0px; margin-right: 0px; margin-top: 16px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><h3 style="color: #282521; font-size: 16px; font-style: italic; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">8 - Docking Site Sebelah Bawah</h3></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></div><div class="screenshot" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><table style="background-color: #f0f0f0; border-bottom-color: rgb(206, 207, 208); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(206, 207, 208); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(206, 207, 208); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(206, 207, 208); border-top-style: solid; border-top-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><tbody style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<tr style="height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"></td></tr>
<tr align="center" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><img alt="Bottom_Docking_Site.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/Bottom_Docking_Site.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></td></tr>
<tr align="center" style="height: 50px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="color: #007ba7; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></b>Bottom Docking Site</td></tr>
</tbody></table></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br />
Berada di sebelah bawah bidang kerja, secara default, Docking Site Sebelah Bawah berisi sekumpulan inspector yang dapat digunakan saat melakukan tugas-tugas pengelolaan bagi proyek Anda atau ketika men-<i>debug</i>. Inspectors-inspector itu meliputi:</div><blockquote><img alt="NewDocument16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/NewDocument16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>Output</i> </blockquote><blockquote><span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px; line-height: 16px;">This inspector displays the output from the compiler and the linker, including any errors encountered during the compilation or linking steps. It also displays messages output by the DebugOut function.</span> </blockquote><blockquote><img alt="Stoptest16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/Stoptest16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>Errors</i> </blockquote><blockquote><span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px; line-height: 16px;">Inspector ini menampilkan error sintaks dan peringatan secara real-time saat Anda bekerja dalam Code Editor.</span> </blockquote><blockquote><img alt="text_code_server16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/common/icons16/text_code_server16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>Search</i> </blockquote><blockquote><span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px; line-height: 16px;">Inspector ini menampilkan hasil pencarian teks. Fungsi pencarian adalah melakukan pencarian teks baik dalam file kode yang sedang dikerjakan atau pada semua file kode yang ada.</span> </blockquote><blockquote><img alt="NewDocument16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/NewDocument16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>Log</i> </blockquote><blockquote><span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px; line-height: 16px;">Inspector ini menampilkan isi dari log. Log ini dihasilkan saat run-time oleh debugger di sisi server, dan menyimpan setiap tahap aplikasi selama awal dijalankan. Informasi yang disimpan termasuk modul-modul (DLL) yang dipanggil dan <i>treads </i>yang dibuat oleh aplikasi Anda.</span> </blockquote><blockquote><img alt="bug_yellow16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/common/icons16/bug_yellow16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>Watches</i> </blockquote><blockquote><span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px; line-height: 16px;">Inspector ini menampilkan variabel yang telah ditentukan untuk diperhatikan (watched) selama run-time. Mengawasi status aplikasi Anda dengan mengamati variabel-variabel saat aplikasi Anda dijalankan adalah teknik debug yang sangat berguna, terutama saat variabel Anda diberi nilai yang tidak dapat diduga (mungkin pada saat yang tidak terduga juga).</span> </blockquote><blockquote><span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px; line-height: 16px;"></span> <img alt="bug_yellow16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/common/icons16/bug_yellow16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>Breakpoints</i> </blockquote><blockquote><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Inspector ini menampilkan daftar breakpoint yang telah diatur pada source code aplikasi Anda. Saat program dijalankan, ketika aplikasi sampai pada bagian breakpoint tersebut, Code Editor akan menampilkan kode di baris tersebut</span><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">.</span> </blockquote><blockquote><img alt="bug_yellow16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/common/icons16/bug_yellow16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>Call Stack</i> </blockquote><blockquote><span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px; line-height: 16px;">Inspector ini menampilkan level bercabang dari pemanggilan prosedur dan fungsi selama aplikasi dijalankan. Call Stack bergantung pada breakpoint yang diatur karena informasi yang ditampilkan pada Call Stact ini tergantung pada momen waktu tertentu yang sedang dijumpai; sebuah breakpoint adalah alat untuk menentukan kapan berhenti dan kondisi aplikasi dapat dipelajari. Call Stack juga dapat dipelajari saat terjadi error ketika program dijalankan; mempelajari call stack di saat seperti itu bisa menjadi teknik debug yang sangat efektif.</span> </blockquote><blockquote><img alt="document_text16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/document_text16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>XML</i> </blockquote><blockquote><span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px; line-height: 16px;">Inspector XML memungkinkan kita melihat paket XML yang dipertukarkan antara sisi server dan browser dalam aplikasi. Komunikasi antara server dan browser dicapai melalui SOAP (Simple Object Access Protocol), yang merupakan protokol pengiriman pesan berbasis XML. Paket XML ini hanya dibuat ketika melibatkan WebMethods dan Web Service.</span> </blockquote><blockquote><img alt="document_text16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/document_text16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>JSON</i> </blockquote><blockquote><span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px; line-height: 16px;">Inspector ini menampilkan data JSON yang diterima dan dikirim oleh server. JSON menggantikan XML sebagai format pertukaran data internal antara browser sebagai client dengan server.</span> </blockquote><blockquote> <img alt="document_text16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/document_text16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>SQL</i> </blockquote><blockquote><span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px; line-height: 16px;">Inspector ini memampukan Anda melihat pernyataan SQL yang dikirim ke server database.</span> </blockquote><blockquote><img alt="document_text16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/document_text16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>HTTP</i> </blockquote><blockquote><span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px; line-height: 16px;">Inspector ini memampukan Anda melihat semua permintaan/respon HTTP yang diterima oleh web server.</span></blockquote><span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px; line-height: normal;"></span> <br />
<br />
<div id="Status_Bar" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></div><a href="http://www.blogger.com/post-edit.g?blogID=11099161&postID=4051889934514592337" id="9_-_Status_Bar" name="9_-_Status_Bar" style="color: #19806d; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"></a><br />
<div class="blog-head" style="border-bottom-color: rgb(229, 229, 216); border-bottom-style: solid; border-bottom-width: 1px; line-height: 30px; margin-bottom: 8px; margin-left: 0px; margin-right: 0px; margin-top: 16px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><h3 style="color: #282521; font-size: 16px; font-style: italic; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">9 - Kotak Status</h3></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Kotak Status di aplikasi memberikan sejumlah informasi kontekstual tentang objek-objek. Dibagi menjadi beberapa bagian untuk menunjukkan informasi tentang perbesaran (Zoom), posisi, style, lebar dan tinggi.</div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></div><div class="screenshot" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><table style="background-color: #f0f0f0; border-bottom-color: rgb(206, 207, 208); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(206, 207, 208); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(206, 207, 208); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(206, 207, 208); border-top-style: solid; border-top-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><tbody style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<tr style="height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"></td></tr>
<tr align="center" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><img alt="statusbar.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/statusbar.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></td></tr>
<tr align="center" style="height: 50px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="color: #007ba7; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><span class="Apple-style-span" style="font-size: x-small;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></b>Kotak Status</span></td></tr>
</tbody></table></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></div><dl style="margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.2em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><dd style="line-height: 1.5em; margin-bottom: 0.1em; margin-left: 2em; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><img alt="zoom16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/zoom16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>Zoom Percentage</i> : <span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px; line-height: 16px;">Menampilkan level perbesaran dokumen saat ini. 100% berarti dokumen ditampilkan pada ukuran aslinya.</span></dd><dd style="line-height: 1.5em; margin-bottom: 0.1em; margin-left: 2em; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><img alt="DesignView16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/common/icons16/DesignView16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>Edit State</i> : <span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px; line-height: 16px;">Menunjukkan bahwa dokumen saat ini telah dimodifikasi sejak disimpan terakhir.</span></dd><dd style="line-height: 1.5em; margin-bottom: 0.1em; margin-left: 2em; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><img alt="MoreControls16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/MoreControls16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>Control Name and Type</i> : <span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px; line-height: 16px;">Menampilkan nama dan kelas dari kontrol yang sedang dipilih.</span></dd><dd style="line-height: 1.5em; margin-bottom: 0.1em; margin-left: 2em; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><img alt="TopLeft16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/TopLeft16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>Left and Top Positions</i> : <span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px; line-height: 16px;">Menampilkan penempatan dari kontrol yang sedang dipilih, relatif terhadap kontrol yang memuatnya.</span></dd><dd style="line-height: 1.5em; margin-bottom: 0.1em; margin-left: 2em; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><img alt="WidthHeight16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/WidthHeight16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>Width and Height</i> : <span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px; line-height: 16px;">Menampilkan dimensi dari kontrol yang sedang dipilih.</span></dd><dd style="line-height: 1.5em; margin-bottom: 0.1em; margin-left: 2em; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><img alt="font16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/font16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>Font Type and Size</i> : <span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px; line-height: 16px;">Menampilkan informasi tentang font yang digunakan oleh kontrol yang sedang dipilih.</span></dd><dd style="line-height: 1.5em; margin-bottom: 0.1em; margin-left: 2em; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><img alt="brush-style-16.png" src="http://bkey-wiki.s3.amazonaws.com/images/workspace/brush-style-16.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: text-top;" /> <i>Style Details</i> : <span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px; line-height: 16px;">Menampilkan style dari kontrol yang sedang dipilih, dan menampilkan efek yang telah ditambahkan atau dihapus dari kontrol.</span></dd></dl><br />
<b>Sumber</b>:<br />
Artikel ini adalah terjemahan dari website resmi Morfik : <a href="http://wiki.morfik.com/wiki3/Morfik_Application_Workspace">Morfik Application Workspace</a>Yudi Kurniawanhttp://www.blogger.com/profile/11776237111778952924noreply@blogger.com0tag:blogger.com,1999:blog-11099161.post-33965575795184864882011-04-02T09:00:00.000+07:002011-04-02T09:00:55.178+07:00Membuat Aplikasi Pertama Anda Dengan Morfik<span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 15px; -webkit-border-vertical-spacing: 15px; font-family: Verdana, Arial; font-size: 12px; line-height: 16px;">Pendekatan terbaik untuk menguasai perangkat pengembangan software yang baru seperti Morfik adalah dengan 'belajar sambil berlatih' — dan inilah kesempatan Anda untuk melakukannya. Dalam pasal ini, Anda akan membuat aplikasi web pertama anda dari awal hingga akhir menggunakan beberapa fitur inti yang ada di Morfik. Tidak diperlukan pengetahuan awal tentang Morfik.</span><br />
<span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 15px; -webkit-border-vertical-spacing: 15px; font-family: Verdana, Arial; font-size: 12px; line-height: 16px;"><br />
</span><br />
<span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 15px; -webkit-border-vertical-spacing: 15px; font-family: Verdana, Arial; font-size: 12px; line-height: 16px;"></span><br />
<a name='more'></a><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; line-height: normal;"></span><br />
<div class="blog-head" style="border-bottom-color: rgb(229, 229, 216); border-bottom-style: solid; border-bottom-width: 1px; line-height: 30px; margin-bottom: 8px; margin-left: 0px; margin-right: 0px; margin-top: 16px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><h2 style="color: #3f3f3f; font-size: 18px; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; font-family: Verdana, sans-serif; line-height: normal;">Pengantar</span></h2></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; font-family: Verdana, sans-serif; font-size: x-small; line-height: normal;">Artikel in fokus pada <i>apa yang</i> dapat Anda kerjakan dengan. Pada tahap ini Anda tidak perlu tahu <i>bagaimana </i>dan <i>mengapa</i> -- Anda akan mempelajarinya kemudian.</span></div><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; line-height: normal;"><a href="http://www.blogger.com/post-create.g?blogID=11099161" id="Creating_your_first_application.E2.80.94a_guest_book" name="Creating_your_first_application.E2.80.94a_guest_book" style="color: #19806d; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"></a></span><br />
<div class="blog-head" style="border-bottom-color: rgb(229, 229, 216); border-bottom-style: solid; border-bottom-width: 1px; line-height: 30px; margin-bottom: 8px; margin-left: 0px; margin-right: 0px; margin-top: 16px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><h2 style="color: #3f3f3f; font-size: 18px; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; font-family: Verdana, sans-serif; line-height: normal;">Membuat aplikasi pertama Anda - buku tamu</span></h2></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; font-family: Verdana, sans-serif; font-size: x-small; line-height: normal;">Di tahap ini, Anda mungkin berkata, "Hey, tunggu dulu! Aku tidak tahu apa-apa tentang Morfik, atau membangun aplikasi web untuk masalah itu!" Baik, jangan takut! Kami tidak hanya akan menunjukkan pada Anda bagaimana membangun aplikasi web dari awal sampai akhir, kami ingin membuktikan betapa cepat dan mudahnya - bahkan jika Anda tidak tahu apa-apa tentang pengembangan aplikasi!</span><br />
<span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; font-family: Verdana, sans-serif; font-size: x-small; line-height: normal;"><br />
</span><br />
<span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; font-family: Verdana, sans-serif; font-size: x-small; line-height: normal;">Kita akan membangun sebuah aplikasi buku tamu online yang memungkinkan pengguna mengirim pesan ke papan pesan. Tugas ini membutuhkan tabel (untuk menyimpan pengguna dan komentar) dan antarmuka pengguna untuk melihat dan menambah komentar.</span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; font-family: Verdana, sans-serif; font-size: x-small; line-height: normal;">Selama proses pembuatan aplikasi ini - dengan fungsinya yang spesifik - Anda akan ditunjukkan banyak fitur inti dari Morfik.</span></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><div style="line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; font-family: Verdana, sans-serif; font-size: x-small; line-height: normal;">Jika Anda belum melakukannya, silakan install Morfik terlebih dahulu. Instruksi lengkap ada di <a href="http://wiki.morfik.com/wiki3/Installing_Morfik" style="color: #19806d; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;" title="Installing Morfik">sini</a>. Jika sudah, jalankan Morfik dan ayo kita mulai!</span></div><div style="line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; line-height: normal;"><br />
</span></div><div style="line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; line-height: normal;"><span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px; line-height: normal;"></span></span></div><div class="blog-head" style="border-bottom-color: rgb(229, 229, 216); border-bottom-style: solid; border-bottom-width: 1px; line-height: 30px; margin-bottom: 8px; margin-left: 0px; margin-right: 0px; margin-top: 16px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><h2 style="color: #3f3f3f; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; font-family: Verdana, sans-serif; font-size: small; line-height: normal;">Langkah 1—Buat Proyek</span></h2></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><div style="line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; font-family: Verdana, sans-serif; font-size: x-small; line-height: normal;">Untuk membuat aplikasi dengan Morfik, Anda harus membuat sebuah proyek untuk aplikasi. Untuk membuat sebuah proyek, klik menu 'New Project' pada tab Home|New di Ribbon Bar.</span></div><div style="line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; line-height: normal;"><br />
</span></div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="line-height: 16px; margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://bkey-wiki.s3.amazonaws.com/images/first-application/new-project-m3.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="http://bkey-wiki.s3.amazonaws.com/images/first-application/new-project-m3.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 1 Dialog Proyek Baru</td></tr>
</tbody></table><blockquote><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; font-family: Verdana, Arial; font-size: 12px; line-height: 16px;"><b>Catatan</b>: Ribbon Bar mungkin berubah secara dinamis tergantung konteksnya. Jika Anda telah membuka sebuah proyek, tombol 'New Project' mungkin tidak terlihat. Tutup proyeknya atau akses perintah New Project atau New Project Wizard dari Tombol Power Menu (<i>Power Menu Button</i>).</span></blockquote><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; font-family: Verdana, Arial; font-size: 12px; line-height: 16px;"><br />
</span><br />
<span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; font-family: Verdana, Arial; font-size: 12px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; line-height: normal;"></span></span><br />
<div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; font-family: Verdana, Arial; font-size: 12px; line-height: 16px;">Dari daftar template yang tersedia pada dialog New Project kami memilih template yang paling cocok dengan proyek Anda. Kami memilih template 'Rocking Green', memberi nama 'GuestBook' dan membiarkan lokasi apa adanya dan di dalam folder baru.</span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; font-family: Verdana, Arial; font-size: 12px; line-height: 16px;">Jika checkbox 'Create sample pages' dicontreng, proyek baru akan menyertakan beberapa halaman contoh (termasuk halaman untuk perangkat genggam). Halaman-halaman ini juga dapat ditambahkan setelah proyek dibuat melalui perintah 'New Page'.</span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; font-family: Verdana, Arial; font-size: 12px; line-height: 16px;">Tekan tombol OK dan tunggu hingga proyek baru terbentuk. Proyek baru menyertakan template halaman utama untuk proyek yang disebut Index dan halaman template untuk Apple Iphone (Gambar 2). Dalam artikel ini kita akan fokus pada template halaman Index. Dalam proyek Morfik, Halaman menentukan antarmuka aplikasi Anda dan dan organisasi internal sebagaimana Anda menentukan penempatan isi dan struktur navigasi.</span><br />
<span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; font-family: Verdana, Arial; font-size: 12px; line-height: 16px;"><br />
</span><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://bkey-wiki.s3.amazonaws.com/images/first-application/new-project-projecttab-m3.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="http://bkey-wiki.s3.amazonaws.com/images/first-application/new-project-projecttab-m3.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 2. Sebuah proyek berhasil dibuat.</td></tr>
</tbody></table><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; font-family: Verdana, Arial; font-size: 12px; line-height: 16px;"><br />
</span><br />
<span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; font-family: Verdana, Arial; font-size: 12px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;">Selamat! Anda berhasil membuat sebuah aplikasi web! Meskipun memang tidak memberi kegunaan apapun, namun bukan itu poinnya. Dengan menentukan pengaturan dasar, dan tanpa menulis baris kode apapun, Anda telah memiliki aplikasi yang dapat di-compile, eksekusi, dipasang dan memiliki database berkinerja tinggi!</span></span><br />
<span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; font-family: Verdana, Arial; font-size: 12px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;"><br />
</span></span><br />
<span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; font-family: Verdana, Arial; font-size: 12px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;"><span class="Apple-style-span" style="line-height: normal;"></span></span></span><br />
<div class="blog-head" style="border-bottom-color: rgb(229, 229, 216); border-bottom-style: solid; border-bottom-width: 1px; line-height: 30px; margin-bottom: 8px; margin-left: 0px; margin-right: 0px; margin-top: 16px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><h2 style="color: #3f3f3f; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; font-family: Verdana, Arial; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; font-size: small;">Langkah 2 - Membuat dan Mengatur Table Komentar Tamu</span></span></h2></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; font-family: Verdana, Arial; font-size: 12px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;">Kita akan membuat table untuk menyimpan informasi tentang tamu dan komentar mereka. Kita akan menggunakan Table Wizard untuk membuat tabel dan menamai tabel itu 'Guests'.</span></span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; font-family: Verdana, Arial; font-size: 12px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;">Tekan tombol 'Table' pada tab 'Project|Document Wizards' di Ribbon Bar untuk menampilkan Table Wizard. Isikan "Guests" sebagai nama tabel seperti tampak pada Gambar 3.</span></span></div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://bkey-wiki.s3.amazonaws.com/images/first-application/table-wizard1-m3.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="http://bkey-wiki.s3.amazonaws.com/images/first-application/table-wizard1-m3.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 3: New Table Wizard - Nama Tabel</td></tr>
</tbody></table><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; font-family: Verdana, Arial; font-size: 12px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;"><br />
</span></span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; font-family: Verdana, Arial; font-size: 12px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;"><span class="Apple-style-span" style="line-height: normal;"></span></span></span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; font-family: Verdana, Arial; font-size: 12px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;">Tekan tombol Next untuk melanjutkan.</span></span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; font-family: Verdana, Arial; font-size: 12px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;">Kita sekarang perlu menamai kolom-kolom dalam tabel 'Guests'. Tekan tombol 'Add' untuk membuat kolom baru. Isi namanya jadi GuestID dan tipenya menjadi AutoNumber (Gambar 4) dan tekan tombol OK untuk menutup kotak dialog Field.</span></span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; font-family: Verdana, Arial; font-size: 12px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;"><br />
</span></span></div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://bkey-wiki.s3.amazonaws.com/images/first-application/new-table-wizard2-m3.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="http://bkey-wiki.s3.amazonaws.com/images/first-application/new-table-wizard2-m3.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 4: Menentukan field pada New Table Wizard</td></tr>
</tbody></table><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; font-family: Verdana, Arial; font-size: 12px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;"><br />
</span></span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; font-size: 12px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;"><span class="Apple-style-span" style="line-height: normal;"></span></span></span></div><div style="font-family: Verdana, Arial; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; font-size: 12px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;">Tekan tombol Add lagi untuk membuat kolom baru lainnya. Isi namanya Fullname dan tipenya Text dan kemudian tekan tombol OK untuk menutup kotak dialog Field. Ulangi langkah diatas untuk membuat 3 kolom tambahan :</span></span></div><div style="font-family: Verdana, Arial; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; font-size: 12px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span></span></div><div align="center" style="color: #007ba7; font-family: Verdana, Arial; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><table align="center" border="1" cellpadding="4" cellspacing="0" class="table" style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: none; background-origin: initial; background-position: 0px 0px; background-repeat: repeat repeat; border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-collapse: collapse; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; color: black; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><tbody style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td bgcolor="#D9D9D9" style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">COLUMN</b></td><td bgcolor="#D9D9D9" style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">TYPE</b></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;">EmailAddress</td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;">Text</td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;">Comment</td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;">Memo</td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;">ContactMe</td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;">Yes/No</td></tr>
</tbody></table></div><div style="font-family: Verdana, Arial; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; font-size: 12px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />Setelah field-field tersebut ditambahkan di tabel, Anda seharusnya melihat daftar field seperti yang terlihat di Gambar 5. </span></span></div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img border="0" src="http://bkey-wiki.s3.amazonaws.com/images/first-application/table-wizard-fieldlist.png" style="margin-left: auto; margin-right: auto;" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 5: Daftar Field yang sudah lengkap</td></tr>
</tbody></table><div style="font-family: Verdana, Arial; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; font-size: 12px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;"><span class="Apple-style-span" style="line-height: normal;"></span></span></span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; font-size: 12px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; font-family: Verdana, sans-serif;">Tekan tombol Next untuk melanjutkan.</span></span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; font-size: 12px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; font-family: Verdana, sans-serif;">Sekarang Anda tentukan bahwa GuestID seharusnya digunakan sebagai primary key sebagai penanda unik dari setiap record dalam tabel (Gambar 6). Pilih radiobutton 'Yes, use the following field(s) as the primary key' dan tekan tombol [..] untuk menampilkan kotak dialog Define Primary Key. Pilih kolom 'GuestID' dan tekan tombol OK untuk menutup kotak dialog itu.</span></span></div><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://bkey-wiki.s3.amazonaws.com/images/first-application/table-wizard-pk.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="http://bkey-wiki.s3.amazonaws.com/images/first-application/table-wizard-pk.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 6: Tentukan primary key dalam Table Wizard</td></tr>
</tbody></table><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;"><span class="Apple-style-span" style="line-height: normal;"></span></span></span></div><div style="font-family: Verdana, Arial; font-size: 12px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;">Tekan tombol Next untuk melanjutkan.</span></span></div><div style="font-family: Verdana, Arial; font-size: 12px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;">Kita telah selesai membuat tabel Guests. Tekan tombol Finish untuk menutupnya (Gambar 7).</span></span></div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="font-size: 12px; margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img border="0" src="http://bkey-wiki.s3.amazonaws.com/images/first-application/new-table-wizard6-short.png" style="margin-left: auto; margin-right: auto;" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 7: Menyelesaikan New Table Wizard</td></tr>
</tbody></table><div class="separator" style="clear: both; font-size: 12px; text-align: center;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;"><a href="http://bkey-wiki.s3.amazonaws.com/images/first-application/new-table-wizard6-short.png" imageanchor="1"><span class="Apple-style-span" style="font-family: Verdana, sans-serif;"></span></a></span></span></div><div style="font-family: Verdana, Arial; font-size: 12px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;"><br />
</span></span></div><div style="font-family: Verdana, Arial; font-size: 12px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;">Anda akan melihat tabel dan field yang baru saja Anda buat melalui Table Design View (Gambar 8). Setiap penyesuaian field dapat diterapkan dari sini, tapi kita akan membiarkan konfigurasi apa adanya untuk aplikasi ini.</span></span></div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="font-size: 12px; margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://bkey-wiki.s3.amazonaws.com/images/first-application/table-guests-design.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="http://bkey-wiki.s3.amazonaws.com/images/first-application/table-guests-design.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 8: Table Design View</td></tr>
</tbody></table><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;"><span class="Apple-style-span" style="line-height: normal;"></span></span></span></div><div style="font-family: Verdana, Arial; font-size: 12px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;">Mumpung ada di sini, mari kita tambahkan record coba-coba di tabel Guests untuk tujuan testing. Tekan [F12] untuk beralih ke Table Data View (Gambar 9). Jawab 'Yes' jika ditanya konfirmasi untuk menyimpan data di tabel.</span></span></div><div style="font-family: Verdana, Arial; font-size: 12px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;">Di tab Home|Records pada Ribbon bar, klik perintah New Record.</span></span></div><div style="font-family: Verdana, Arial; font-size: 12px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;">Tambahkan nilai berikut ini dalam record:</span></span></div><div style="font-family: Verdana, Arial; font-size: 12px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">FullName</b> : Jon Citizen<br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">EmailAddress</b>: jon@citizen.com <br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Comment</b>: This is cool and I am very happy to have the first comments in this Guestbook sample project. Keep up the good job.<br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">ContactMe</b>: 1 </span></span></div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="font-size: 12px; margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img border="0" src="http://bkey-wiki.s3.amazonaws.com/images/first-application/table-guests-dataview.png" style="margin-left: auto; margin-right: auto;" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 9 : Table Data View</td></tr>
</tbody></table><div class="separator" style="clear: both; font-size: 12px; text-align: center;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;"><a href="http://bkey-wiki.s3.amazonaws.com/images/first-application/table-guests-dataview.png" imageanchor="1"><span class="Apple-style-span" style="font-family: Verdana, sans-serif;"></span></a></span></span></div><div style="font-family: Verdana, Arial; font-size: 12px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;"><span class="Apple-style-span" style="line-height: normal;"></span></span></span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; font-family: Verdana, sans-serif; font-size: x-small;">Kolom GuestID akan secara otomatis terisi dengan nilai 1 ketika record diupdate. Di tab Home|Records pada Ribbon Bar, tekan tombol Update untuk menyimpan record baru.</span></span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; font-family: Verdana, sans-serif; font-size: x-small;">Tutup tabel Guests. Tabel itu sekarang siap untuk digunakan dalam proyek Anda dan Anda seharusnya dapat melihat tabel baru di bawah kategori 'Tables' dalam Panel Project.</span></span></div><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"><br />
</span><br />
<div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small; line-height: normal;"></span></span></span></div><div class="blog-head" style="border-bottom-color: rgb(229, 229, 216); border-bottom-style: solid; border-bottom-width: 1px; line-height: 30px; margin-bottom: 8px; margin-left: 0px; margin-right: 0px; margin-top: 16px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><h2 style="color: #3f3f3f; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; font-family: Verdana, sans-serif; font-size: small;">Langkah 3—Konfigurasi Antarmuka Pengguna di Aplikasi</span></span></h2></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; font-family: Verdana, sans-serif; font-size: x-small;">Setiap pekerjaan untuk antarmuka pengguna dalam proyek dapat dimulai dari sebuah halaman (Page) yang diciptakan sebagai bagian dari template yang dipilih. Tergantung pada proyeknya, kita dapat memilih salah satu dari halaman yang ada di proyek sebagai halaman depan (home page) atau membuat halaman baru dengan layout yang lebih cocok denga proyek kita dan menggunakannya sebagai halaman depan (home page).</span></span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; font-family: Verdana, sans-serif; font-size: x-small;">Karena GuestBook adalah proyek yang relatif sederhana, kita gunakan saja halaman Index yang sudah ada di proyek ini dan memulai desain antarmuka pengguna.</span></span></div><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://bkey-wiki.s3.amazonaws.com/images/first-application/new-project-projecttab-m3.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="http://bkey-wiki.s3.amazonaws.com/images/first-application/new-project-projecttab-m3.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 10: Menggunakan halaman Index dalam proyek</td></tr>
</tbody></table><div style="font-family: Verdana, Arial; font-size: 12px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;">Ketika bekerja dengan halaman (Pages), bagian dari halaman yang merupakan bagian dari Form Master (level paling atas dalam antarmuka) diredupkan (ditandai dengan 1 di Gambar 11). Sisa bagian lainnya dibagi menjadi bagian dengan menggunakan subform (ditandai dengan 2 di Gambar 11) dengan subform yang berisi form. Form merupakan kanvas yang akan menjadi tempat kerja untuk menciptakan antarmuka visual dari aplikasi.</span></span></div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://bkey-wiki.s3.amazonaws.com/images/first-application/page-new-index_M3.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="http://bkey-wiki.s3.amazonaws.com/images/first-application/page-new-index_M3.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 11: Halaman Index yang baru</td></tr>
</tbody></table><div style="font-family: Verdana, Arial; font-size: 12px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;">Klik-ganda pada subform atau bagian yang redup dari halaman Index akan membuka form dalam subform atau form master proyek bergantian.</span></span></div><div style="font-family: Verdana, Arial; font-size: 12px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;"><span class="Apple-style-span" style="line-height: normal;"></span></span></span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; font-family: Verdana, sans-serif; font-size: x-small;">Mulailah dengan klik-ganda bagian header dari halaman itu (bagian dari Form Master) untuk melihat Form Master (Gambar 12).</span></span></div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://bkey-wiki.s3.amazonaws.com/images/first-application/frmroot-orig.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="http://bkey-wiki.s3.amazonaws.com/images/first-application/frmroot-orig.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 12: Form Master Proyek (frmRoot)</td></tr>
</tbody></table><div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; line-height: 16px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;"></span></span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"><span class="Apple-style-span" style="line-height: normal;"></span></span><br />
<div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Sesuaikan header form Master dengan proyek kita dengan beberapa perubahan seperti properti Caption dan Width di TextLabel1 dan TextLabel2:</span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span></div><div align="center" style="color: #007ba7; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><table border="1" cellpadding="4" cellspacing="0" class="table" style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: none; background-origin: initial; background-position: 0px 0px; background-repeat: repeat repeat; border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-collapse: collapse; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><tbody style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td bgcolor="#D9D9D9" colspan="2" style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">TextLabel1 : TextLabel</span></b></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;" width="100px"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Caption</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;" width="350px"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Guestbook</span></td></tr>
</tbody></table></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span></div><div align="center" style="color: #007ba7; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><table border="1" cellpadding="4" cellspacing="0" class="table" style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: none; background-origin: initial; background-position: 0px 0px; background-repeat: repeat repeat; border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-collapse: collapse; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><tbody style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td bgcolor="#D9D9D9" colspan="2" style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">TextLabel2 : TextLabel</span></b></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;" width="100px"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Caption</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;" width="350px"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Welcome to our guestbook, we'd love to hear from you</span></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Width</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">500px</span></td></tr>
</tbody></table></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />GuestBook adalah proyek sederhana dengan hanya satu halaman dan tidak pelru navigasi jadi kita hilangkan daftar link. Kita juga menghapus link di Footer dari Form Master dengan menghapus 'Container6' yang mencakup semua link Footer. Simpan dan Tutup form frmRoot. Header halaman Index sekarang sudah terupdate (Gambar 13).</span></div></div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://bkey-wiki.s3.amazonaws.com/images/first-application/frmroot-updated.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="http://bkey-wiki.s3.amazonaws.com/images/first-application/frmroot-updated.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 13: Halaman Index pada Master Form yang diupdate</td></tr>
</tbody></table><br />
<span class="Apple-style-span" style="line-height: normal;"></span><br />
<div style="font-family: Verdana, Arial; font-size: 12px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Halaman-halaman dalam proyek Morfik tersusun dari satu form atau lebih yang ditempatkan di lokasi tertentu pada halaman melalui penggunaan kontrol yang disebut SubForm. Kontrol SubForm mendefinisikan area sebuah halaman (atau form) tempat form lain disisipkan. Halaman-halaman kemudian dibuat melalui pengumpulan, formating dan pengaturan bermacam form. Klik-ganda pada SubForm di halaman Index untuk mulai merancang Form dalam subform.</div><div style="font-family: Verdana, Arial; font-size: 12px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Form ini akan digunakan untuk menampilkan daftar komentar yang sudah dibuat termasuk mengijinkan tamu untuk mengisi komentar baru. Kaitkan Property Inspector seperti yang tampil di gambar 14:</div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img border="0" src="http://bkey-wiki.s3.amazonaws.com/images/first-application/page-frmempty-original.png" style="margin-left: auto; margin-right: auto;" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 14: Form yang akan didesain </td></tr>
</tbody></table><div class="separator" style="clear: both; text-align: center;"><a href="http://bkey-wiki.s3.amazonaws.com/images/first-application/page-frmempty-original.png" imageanchor="1"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"></span></a></div><div style="font-family: Verdana, Arial; font-size: 12px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="line-height: normal;"></span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Mulailah dengan mengatur properti form sebagai berikut:</span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span></div><div align="center" style="color: #007ba7; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><table border="1" cellpadding="4" cellspacing="0" class="table" style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: none; background-origin: initial; background-position: 0px 0px; background-repeat: repeat repeat; border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-collapse: collapse; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><tbody style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td bgcolor="#D9D9D9" colspan="2" style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">frmEmpty</span></b></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;" width="100px"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">View Mode</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;" width="150px"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">vmContinuousEditable</span></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Data Source</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Guests</span></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Page Size</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">50</span></td></tr>
</tbody></table></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />Mode tampilan "vmContinuousEditable" untuk form memungkinkan kita menampilkan banyak record, termasuk menambah atau mengedit tampilan saat program dijalankan (run-time) dengan perilaku seperti grid.</span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Pilih Insert Ribbon dan klik kontrol TextLabel di bagian Standard. Lalu klik kotak Details pada Form itu untuk meletakkan TextLabel di form. Sembari dipilih, beralihlah ke Home Ribbon, lalu klik pada perintah "Style" (di bagian Appearance) dan dari daftar drop-down pilihlah "Heading6". Sekarang kita isi beberapa properti dari TextLabel yang baru untuk menampilkan nama lengkap tamu.</span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span></div><div align="center" style="color: #007ba7; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><table border="1" cellpadding="4" cellspacing="0" class="table" style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: none; background-origin: initial; background-position: 0px 0px; background-repeat: repeat repeat; border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-collapse: collapse; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><tbody style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td bgcolor="#D9D9D9" colspan="2" style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">TextLabel1 : TextLabel</span></b></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;" width="100px"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Data Field</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;" width="150px"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">FullName</span></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Left</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">45px</span></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Top</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">15px</span></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Width</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">500px</span></td></tr>
</tbody></table></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />Letakkan TextLabel kedua untuk komentar dan tempatkan di bawah nama lengkap tamu, dan sembari dipilih, lakukan perubahan properti sebagai berikut:</span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span></div><div align="center" style="color: #007ba7; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><table border="1" cellpadding="4" cellspacing="0" class="table" style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: none; background-origin: initial; background-position: 0px 0px; background-repeat: repeat repeat; border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-collapse: collapse; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><tbody style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td bgcolor="#D9D9D9" colspan="2" style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">TextLabel2 : TextLabel</span></b></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Can Grow</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Yes</span></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;" width="100px"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Data Field</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;" width="150px"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Comments</span></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Left</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">45px</span></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Top</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">42px</span></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Width</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">800px</span></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Word Wrap</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Checked</span></td></tr>
</tbody></table></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />Kita juga menggambar garis antara setiap entry dengan meletakkan kontrol Rectangle dari tab Insert (dalam bagian Extended) di bawah TextLabel Comments dan lakukan perubahan properti </span><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Rectangle </span><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">sebagai berikut.</span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span></div><div align="center" style="color: #007ba7; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><table border="1" cellpadding="4" cellspacing="0" class="table" style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: none; background-origin: initial; background-position: 0px 0px; background-repeat: repeat repeat; border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-collapse: collapse; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><tbody style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td bgcolor="#D9D9D9" colspan="2" style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Rectangle1 : Rectangle</span></b></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;" width="100px"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Border Sides</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;" width="300px"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Un-check "bs Bottom", "bs Left", "bs right"</span></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Border Width</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">1px</span></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Color</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">None</span></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Height</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">7px</span></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Left</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">65px</span></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Width</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">785px</span></td></tr>
</tbody></table></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />Klik pada kotak Details pada form dan atur properti berikut:</span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span></div><div align="center" style="color: #007ba7; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><table border="1" cellpadding="4" cellspacing="0" class="table" style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: none; background-origin: initial; background-position: 0px 0px; background-repeat: repeat repeat; border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-collapse: collapse; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><tbody style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td bgcolor="#D9D9D9" colspan="2" style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Detail : Band</span></b></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;" width="100px"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Height</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;" width="150px"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">94px</span></td></tr>
</tbody></table></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />Berdasarkan perubahan di atas, form Anda seharusnya tampak seperti di Gambar 14:</span></div><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://bkey-wiki.s3.amazonaws.com/images/first-application/page-frmempty-updated.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="http://bkey-wiki.s3.amazonaws.com/images/first-application/page-frmempty-updated.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 14: Updated Comments List Form</td></tr>
</tbody></table><div class="blog-head" style="border-bottom-color: rgb(229, 229, 216); border-bottom-style: solid; border-bottom-width: 1px; line-height: 30px; margin-bottom: 8px; margin-left: 0px; margin-right: 0px; margin-top: 16px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><h2 style="color: #3f3f3f; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; font-family: Verdana, sans-serif; font-size: small; line-height: normal;">Langkah 4—Data Entry dan preview proyek</span></h2></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"><span class="Apple-style-span" style="line-height: normal;"></span></span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Form berikat data ini akan memberi kita daftar tamu dan komentar mereka dari tabel Guests tapi Anda mungkin bertanya bagaimana cara tamu menambah komentar mereka!</span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Jika Anda ingat, kita mengubah "View Mode" untuk form itu menjadi "vmContinuousEditable" yang membuatnya menjadi sebuah form "Continuous Editable" (dapat diubah secara beruntun). Form ini mencakup fungsi pengubahan record melalui pemakaian kotak editing khusus. Fitur pengubahan dalam form Continuous Editable secara otomatis diaktifkan dan dengan melakukan klik-ganda pada sebuah record saat program dijalankan memungkinkan untuk melakukan perubahan pada record yang tampil.</span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Namun masih ada beberapa fungsi yang kita pelru tambahkan dalam form agar dapat melakuan entry data saat program berjalan. Mari lakukan perubahan di kotak Edit dengan klik-kanan pada Form dan dari menu konteks Form, pilih “Customize Edit Band” (Gambar 15).</span></div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://bkey-wiki.s3.amazonaws.com/images/first-application/form-editcont-setup.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="http://bkey-wiki.s3.amazonaws.com/images/first-application/form-editcont-setup.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 15: Customize Edit Band di form Continuous Editable</td></tr>
</tbody></table><span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px; line-height: normal;"></span><br />
<div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Tindakan di atas membuat kotak Edit terlihat saat desain dan memungkinkan kita memodifikasinya bagi entry data. Ingatlah bahwa kotak Edit hanya terlihat di saat desain dan tampil saat program dijalankan hanya jika menjalankan perintah membuat record baru.</span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Secara default, kotak Edit hanya melibatkan kontrol pengubahan bagi field-field yang tampil di kotak Details. Kita akan memodifikasi kotak Edit agar menampilkan dan memungkinkan pengubahan data untuk semua field, kecuali field "GuestID" yang memiliki tipe Auto-Number dan otomatis diisi oleh sistem.</span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Klik pada kotak Edit dan ganti properti Height seperti saran berikut:</span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span></div><div align="center" style="color: #007ba7; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><table border="1" cellpadding="4" cellspacing="0" class="table" style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: none; background-origin: initial; background-position: 0px 0px; background-repeat: repeat repeat; border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-collapse: collapse; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><tbody style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td bgcolor="#D9D9D9" colspan="2" style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">DetailEditable : Band</span></b></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;" width="100px"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Height</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;" width="350px"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">232px</span></td></tr>
</tbody></table></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />Pilih kontrol edit yang ada untuk field FullName (Edit_TextLabel1) dan ganti properti berikut:</span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span></div><div align="center" style="color: #007ba7; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><table border="1" cellpadding="4" cellspacing="0" class="table" style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: none; background-origin: initial; background-position: 0px 0px; background-repeat: repeat repeat; border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-collapse: collapse; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><tbody style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td bgcolor="#D9D9D9" colspan="2" style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Edit_TextLabel1 : TextEdit</span></b></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;" width="100px"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Left</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;" width="350px"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">161px</span></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Top</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">18px</span></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Width</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">600px</span></td></tr>
</tbody></table></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />Selanjutnya, pilih kontrol edit untuk field Comments (Edit_TextLabel2) dan ganti properti berikut:</span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span></div><div align="center" style="color: #007ba7; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><table border="1" cellpadding="4" cellspacing="0" class="table" style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: none; background-origin: initial; background-position: 0px 0px; background-repeat: repeat repeat; border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-collapse: collapse; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><tbody style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td bgcolor="#D9D9D9" colspan="2" style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Edit_TextLabel2 : TextEdit</span></b></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;" width="100px"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Left</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;" width="350px"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">161px</span></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Height</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">92px</span></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Top</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">53px</span></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Width</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">600px</span></td></tr>
</tbody></table></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />Sekarang saatnya menambahkan kontrol pengubahan untuk field-field yang tidak terdapat dalam kotak Edit dengan menambahkan kontrol TextEdit baru dan mengatur Data Field-nya ke field EmailAddress dari tabel Guests.</span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Untuk menyingkat waktu, buatlah salinan dari kontrol TextEdit itu. Klik pada kontrol Edit untuk field FullName (Edit_TextLabel1), lalu klik-kanan dan pilih Copy (Ctrl+C) untuk menyalin kontrol. Klik-kanan pada form dan klik Paste (atau Ctrl+V) untuk menambahkan kontrol TextEdit baru di form.</span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Lakukan perubahan properti berikut pada TextEdit yang baru:</span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span></div><div align="center" style="color: #007ba7; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><table border="1" cellpadding="4" cellspacing="0" class="table" style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: none; background-origin: initial; background-position: 0px 0px; background-repeat: repeat repeat; border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-collapse: collapse; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><tbody style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td bgcolor="#D9D9D9" colspan="2" style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Edit_TextLabel3 : TextEdit</span></b></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;" width="100px"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Data Field</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;" width="350px"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">EmailAddress</span></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Left</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">161px</span></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Top</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">155px</span></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Width</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">600px</span></td></tr>
</tbody></table></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />Kontrol terakhir yang ditambahkan adalah field "Contact Me" yang bertipe Boolean. Klik pada tab Insert Ribbon dan pada daftar kontrol di bagian Standard, klik kontrol Checkbox. Pindahkan kursor kebawah di bawah kontrol EmailAddress dan klik lagi. Pastikan checkbox baru itu dicentang dan lakukan perubahan properti berikut:</span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span></div><div align="center" style="color: #007ba7; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><table border="1" cellpadding="4" cellspacing="0" class="table" style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: none; background-origin: initial; background-position: 0px 0px; background-repeat: repeat repeat; border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-collapse: collapse; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><tbody style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td bgcolor="#D9D9D9" colspan="2" style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Edit_Checkbox1 : CheckBox</span></b></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;" width="100px"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Caption</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;" width="350px"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Contact Me</span></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Data Field</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">ContactMe</span></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Left</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">161px</span></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Top</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">189px</span></td></tr>
</tbody></table></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />Langkah terakhir mengubah kotak Edit kita tambahkan nama untuk masing-masing kontrol pengubah. Klik pada kontrol TextLabel in tab Insert Ribbon dan letakkan di sebelah kontrol pengubahan untuk field Fullname. Sembari dipiih, pergilah ke Home Ribbon, klik dropdown "Style" dan pilih "Heading6" untuk melakukan format pada TextLabel dan membuatnya menyarankan perubahan properti berikut:</span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span></div><div align="center" style="color: #007ba7; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><table border="1" cellpadding="4" cellspacing="0" class="table" style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: none; background-origin: initial; background-position: 0px 0px; background-repeat: repeat repeat; border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-collapse: collapse; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><tbody style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td bgcolor="#D9D9D9" colspan="2" style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">TextLabel7 : TextLabel</span></b></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;" width="100px"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Caption</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;" width="350px"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Guest Name</span></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Left</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">45px</span></td></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Top</span></td><td style="border-bottom-color: rgb(160, 160, 160); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(160, 160, 160); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(160, 160, 160); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(160, 160, 160); border-top-style: solid; border-top-width: 1px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">19px</span></td></tr>
</tbody></table></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />Ikuti langkah-langkah di atas tadi untuk memberi nama pada setiap kontrol pengubah dan mengisi properti Caption dan Top sesuai dengan field yang dituju.</span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Pengubahan Kotak Edit sudah selesai dan langkah terakhir sebelum kita melakukan preview proyek adalah menambahkan kotak Navigasi di bagian bawah form.</span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Perlebar kotak Footer dengan meletakkan mouse di atas garis batas antara kotak Details dan kotak Footer dan klik dan klik-tarik dengan mouse ketika kursor terlihat seperti panah berujung ganda dan seret ke bawah hingga tingginya sekitar 45px.</span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Klik pada kotak Footer yang kosong dan di daftar properti dari Footer itu, klik pada kotak lonjong "Navigation Bar". Ini akan menampilkan dialog Navigation Bar. Centang checkbox "Enabled" dan "Large Buttons" (seperti terlihat di gambar 16) dan klik tombol OK.</span></div><br />
<div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img border="0" src="http://bkey-wiki.s3.amazonaws.com/images/first-application/form-navigationbar.png" style="margin-left: auto; margin-right: auto;" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 16: Form Dialog Navigation Bar</td></tr>
</tbody></table><div class="separator" style="clear: both; text-align: center;"><a href="http://bkey-wiki.s3.amazonaws.com/images/first-application/form-navigationbar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"></span></a></div><div style="font-family: Verdana, Arial; font-size: 12px;"><span class="Apple-style-span" style="line-height: normal;"></span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Anda akan bisa melihat kotak navigasi di Form Footer yang berisi perintah Adding (menambah baru), Deleting (menghapus), Editing (mengubah) and Submitting (mengirim) record. Semua perintah pada kotak navigasi ini bisa diatur atau bisa juga disembunyikan.</span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Setelah pengaturan kotak Edit di atas dan perubahan form telah dilakukan, form Anda akan terlihat seperti gambar 17.</span></div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://bkey-wiki.s3.amazonaws.com/images/first-application/form-editcont-final.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="http://bkey-wiki.s3.amazonaws.com/images/first-application/form-editcont-final.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 17: Form Guest Comment saat desain</td></tr>
</tbody></table><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, Arial; line-height: normal;"></span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Sekarang kita telah menyelesaikan aplikasi pertama kita dan dapat melihat aplikasi itu dengan mengeklik tombol Run. Dengan segera Anda akan dapat melihat aplikasi Anda dalam browser bawaan (Gambar 18).</span></div><blockquote><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; font-family: Verdana, sans-serif; font-size: x-small;"><b>Catatan: </b>Di sistem yang dilindung Firewall, 'Windows Security Alert' akan tampil saat menjalankan proyek atau melakukan preview form. Dialog itu bisa tidak dimunculkan lagi dengan mengeklik "Unblock".</span></blockquote><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"><br />
</span><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://bkey-wiki.s3.amazonaws.com/images/first-application/site-preview.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="http://bkey-wiki.s3.amazonaws.com/images/first-application/site-preview.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Gambar 18: Aplikasi Guestbook ketika dijalankan</td></tr>
</tbody></table><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"><span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px;">Cobalah menambah, mengubah dan menghapus beberapa komentar coba-coba untuk memastikan semua fungsi berjalan dengan baik. Tentau saja Anda dapat mengubah lagi kotak navigasi dan menyembunyikan beberapa perintah seperti Delete dan Editing.</span></span><br />
<span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"><span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px;"><br />
</span></span><br />
<div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><blockquote><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; font-family: Verdana, Arial; font-size: 12px;"><b>Catatan: </b></span>Browser Debug Morfik bawaan digunakan untuk menampilkan aplikasi Anda saat dijalankan. Ada 5 browser utama dan perangkan genggam p ada browser debug itu yang memungkinkan Anda menampilkan aplikasi Anda pada browser yang berbeda dan perangkat genggam. Untuk dapat menggunakan browser tersebut, Anda perlu menginstallnya di sistem Anda.</span></blockquote></div><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"><span class="Apple-style-span" style="font-family: Verdana, Arial; font-size: 12px; line-height: normal;"></span></span><br />
<div class="blog-head" style="border-bottom-color: rgb(229, 229, 216); border-bottom-style: solid; border-bottom-width: 1px; line-height: 30px; margin-bottom: 8px; margin-left: 0px; margin-right: 0px; margin-top: 16px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><h2 style="color: #3f3f3f; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: small;">Langkah 5—Validasi Entry Data</span></h2></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Ada rutin sederhana yang dapat Anda berikan di proyek ini meningkatkan integritas data dan fungsionalitasnya.</span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Sebagai contoh di form data entry, kita dapat memeriksa apakah data yang diberikan benar di kontrol TextEdit sebelum mengirim data dan menampilkan pesan tidak data yang diberikan tidak valid. Untuk melakukan ini, di form data entry, klik-ganda pada event 'On Before Submit' dan menambahkan kode berikut:</span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"><b><span class="Apple-style-span" style="font-weight: normal; line-height: normal;"></span></b></span></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"><b><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">FX Code</b></b></span></div><div dir="ltr" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><div class="source-pascal_browser" style="font-family: monospace; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><pre style="background-attachment: initial; background-clip: initial; background-color: #f0f0f0; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(206, 207, 208); border-bottom-style: dashed; border-bottom-width: 1px; border-left-color: rgb(206, 207, 208); border-left-style: dashed; border-left-width: 1px; border-right-color: rgb(206, 207, 208); border-right-style: dashed; border-right-width: 1px; border-top-color: rgb(206, 207, 208); border-top-style: dashed; border-top-width: 1px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"><b><span class="kw1" style="color: maroon; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Procedure</span> frmEmpty.<span class="me1" style="color: #202020; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">WebFormBeforeSubmit</span><span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">(</span><span class="kw1" style="color: maroon; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Var</span> Cancel: <span class="kw4" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Boolean</span><span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">)</span>;
<span class="kw1" style="color: maroon; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Begin</span>
<span class="kw1" style="color: maroon; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">If</span> <span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">(</span>Edit_TextLabel1.<span class="me1" style="color: #202020; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Text</span>.<span class="me1" style="color: #202020; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Trim</span> = <span class="st0" style="color: maroon; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">''</span><span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">)</span> <span class="kw1" style="color: maroon; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">OR</span>
<span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">(</span>Edit_TextLabel2.<span class="me1" style="color: #202020; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Text</span>.<span class="me1" style="color: #202020; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Trim</span> = <span class="st0" style="color: maroon; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">''</span><span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">)</span> <span class="kw1" style="color: maroon; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">OR</span>
<span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">(</span>Edit_TextLabel3.<span class="me1" style="color: #202020; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Text</span>.<span class="me1" style="color: #202020; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Trim</span> = <span class="st0" style="color: maroon; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">''</span><span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">)</span> <span class="kw1" style="color: maroon; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Then</span>
<span class="kw1" style="color: maroon; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Begin</span>
Cancel := <span class="kw2" style="color: maroon; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">True</span>;
ShowMessage<span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">(</span><span class="st0" style="color: maroon; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">'All fields require data!'</span><span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">)</span>
<span class="kw1" style="color: maroon; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">End</span>;
<span class="kw1" style="color: maroon; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">End</span>;</b></span></pre></div></div><table class="collapsible collapsed" id="collapsibleTable0" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><tbody style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><th align="left" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"><br />
BX Code</span></th></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><div dir="ltr" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><div class="source-vb_browser" style="font-family: monospace; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><pre style="background-attachment: initial; background-clip: initial; background-color: #f0f0f0; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(206, 207, 208); border-bottom-style: dashed; border-bottom-width: 1px; border-left-color: rgb(206, 207, 208); border-left-style: dashed; border-left-width: 1px; border-right-color: rgb(206, 207, 208); border-right-style: dashed; border-right-width: 1px; border-top-color: rgb(206, 207, 208); border-top-style: dashed; border-top-width: 1px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;"><span class="kw1" style="color: maroon; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Published</span> <span class="kw1" style="color: maroon; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Message</span> <span class="kw1" style="color: maroon; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Sub</span> WebFormBeforeSubmit<span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">(</span><span class="kw1" style="color: maroon; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">ByRef</span> Cancel <span class="kw1" style="color: maroon; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">As</span> <span class="kw1" style="color: maroon; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Boolean</span><span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">)</span>
<span class="kw1" style="color: maroon; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">If</span> <span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">(</span>Edit_TextLabel1.<span class="me1" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Text</span>.<span class="kw1" style="color: maroon; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Trim</span><span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">(</span><span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">)</span> = <span class="st0" style="color: maroon; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">""</span><span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">)</span> <span class="kw1" style="color: maroon; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Or</span>
<span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">(</span>Edit_TextLabel2.<span class="me1" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Text</span>.<span class="kw1" style="color: maroon; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Trim</span><span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">(</span><span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">)</span> = <span class="st0" style="color: maroon; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">""</span><span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">)</span> <span class="kw1" style="color: maroon; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Or</span>
<span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">(</span>Edit_TextLabel3.<span class="me1" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Text</span>.<span class="kw1" style="color: maroon; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Trim</span><span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">(</span><span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">)</span> = <span class="st0" style="color: maroon; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">""</span><span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">)</span> <span class="kw1" style="color: maroon; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Then</span>
Cancel = <span class="kw1" style="color: maroon; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">true</span>
ShowMessage<span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">(</span><span class="st0" style="color: maroon; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">"All fields require data!"</span><span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">)</span>
<span class="kw1" style="color: maroon; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">End</span> <span class="kw1" style="color: maroon; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">If</span>
<span class="kw1" style="color: maroon; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">End</span> <span class="kw1" style="color: maroon; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Sub</span></pre></div></div></td></tr>
</tbody></table><table class="collapsible collapsed" id="collapsibleTable1" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><tbody style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><th align="left" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"><br />
CX Code</span></th></tr>
<tr style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><td style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><div dir="ltr" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><div class="source-csharp_browser" style="font-family: monospace; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><pre style="background-attachment: initial; background-clip: initial; background-color: #f0f0f0; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(206, 207, 208); border-bottom-style: dashed; border-bottom-width: 1px; border-left-color: rgb(206, 207, 208); border-left-style: dashed; border-left-width: 1px; border-right-color: rgb(206, 207, 208); border-right-style: dashed; border-right-width: 1px; border-top-color: rgb(206, 207, 208); border-top-style: dashed; border-top-width: 1px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;"><span class="kw1" style="color: maroon; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">published</span> <span class="kw1" style="color: maroon; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">message</span> <span class="kw1" style="color: maroon; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">void</span> WebFormBeforeSubmit<span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">(</span><span class="kw1" style="color: maroon; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">ref</span> Boolean Cancel<span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">)</span>
<span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">{</span>
<span class="kw1" style="color: maroon; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">if</span> <span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">(</span><span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">(</span>Edit_TextLabel1.<span class="me1" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Text</span>.<span class="me1" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Trim</span><span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">(</span><span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">)</span> <span class="sy0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">==</span> <span class="st0" style="color: maroon; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">""</span><span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">)</span> <span class="sy0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">||</span>
<span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">(</span>Edit_TextLabel2.<span class="me1" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Text</span>.<span class="me1" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Trim</span><span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">(</span><span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">)</span> <span class="sy0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">==</span> <span class="st0" style="color: maroon; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">""</span><span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">)</span> <span class="sy0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">||</span>
<span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">(</span>Edit_TextLabel3.<span class="me1" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Text</span>.<span class="me1" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Trim</span><span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">(</span><span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">)</span> <span class="sy0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">==</span> <span class="st0" style="color: maroon; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">""</span><span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">)</span><span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">)</span>
<span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">{</span>
Cancel <span class="sy0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">=</span> true<span class="sy0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">;</span>
ShowMessage<span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">(</span><span class="st0" style="color: maroon; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">"All fields require data!"</span><span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">)</span><span class="sy0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">;</span>
<span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">}</span>
<span class="br0" style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">}</span></pre></div></div></td></tr>
</tbody></table><br />
<span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;"><a href="http://www.blogger.com/post-edit.g?blogID=11099161&postID=3396557579518486488" id="Conclusion" name="Conclusion" style="color: #19806d; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"></a></span><br />
<div class="blog-head" style="border-bottom-color: rgb(229, 229, 216); border-bottom-style: solid; border-bottom-width: 1px; line-height: 30px; margin-bottom: 8px; margin-left: 0px; margin-right: 0px; margin-top: 16px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><h2 style="color: #3f3f3f; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: small;">Kesimpulan</span></h2></div><div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif; font-size: x-small;">Selamat! Anda telah menyelesaikan aplikasi Morfik pertama Anda! Untuk You've just completed your first Morfik application! Untuk lebih memberdayakan konsep 'belajar sambil berlatih', kami sarankan Anda mempelajari contoh proyek yang telah terinstall dengan Morfik. Mempelajari <i>daleman</i> dari aplikasi yang dikembangkan secara profesional adalah pendekatan lain untuk belajar.</span></div><br />
<div style="line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Artikel ini merupakan terjemahan dari artikel resmi di website Morfik : <a href="http://wiki.morfik.com/wiki3/First_Application">Building Your First Application with Morfik</a></div></div></div></div></div>Yudi Kurniawanhttp://www.blogger.com/profile/11776237111778952924noreply@blogger.com0tag:blogger.com,1999:blog-11099161.post-12964635611769204062011-03-19T23:51:00.000+07:002011-03-19T23:51:27.326+07:00PDF EditorSelama ini, PDF adalah format dokumen yang sering digunakan untuk saling dipertukarkan karena sifatnya yang "readonly". Ini karena PDF, tidak seperti format dokumen lain seperti DOC, EXL, CDR ataupun ODT, termasuk tidak mudah untuk diedit. Tidak banyak editor PDF yang ada, kalaupun ada tidaklah terlalu populer.<br />
<br />
Beberapa bulan lalu seseorang menanyakan, bagaimana cara mengedit dokumen PDF yang telah didownload dari internet. Karena aku tidak tahu ada tools yang bisa melakukan editing PDF (kecuali Adobe Acrobat yang tidak gratis), maka aku sarankan langkah-langkah berikut:<br />
- Buka dokumen dengan Adobe Acrobat Reader<br />
- Select text yang ada, semuanya kalau perlu. Copy.<br />
- Buka MS Word, paste text yang dicopy tersebut. Edit text tersebut dengan MS Word.<br />
Bukannya pujian, yang ada temanku itu malah ngamuk dan merasa dibodohin. Aku, tentu saja, cuma bisa ngakak :D. Akhirnya dia berhasil menemukan coverter PDF ke Word, dan memanfaatkan tools tersebut.<br />
<br />
Hari ini, secara tidak sengaja aku berhasil menemukan tools untuk melakuan editing file PDF dengan (sedikit) lebih mudah. Link yang membantu kudapat di sini <a href="http://www.labnol.org/software/edit-pdf-files/10870/">http://www.labnol.org/software/edit-pdf-files/10870/</a>, tentu saja aku menemukannya juga dengan bantuan Om Google. Dari penjelasan itu, setidaknya ada 2 cara yang memungkinkan untuk melakukan editing file PDF tanpa Adobe Acrobat.<br />
<br />
<b>1. Online Editing</b><br />
Ternyata sudah ada situs yang menawarkan jasa editing file PDF ini. Sebelumnya aku sempat kepikiran untuk membuatnya jika belum ada, yang tentu saja akan sangat memakan waktu+tenaga+pikiran+biaya. Setelah googling, ternyata ada beberapa situs yang sudah menyediannya, antara lain:<br />
- PDF Escape, http://www.pdfescape.com/. Ada free edition yang terbatas untuk file PDF berukuran < 5MB.<br />
- PDF Hammer, dari Nitro PDF, <a href="http://www.pdfhammer.com/">http://www.pdfhammer.com</a>.<br />
- Touch PDF, <a href="http://www.touchpdf.com/">http://www.touchpdf.com/</a>.<br />
Lainnya silakan cari di google ya...., kalau nemu yang bagus, jangan ragu untuk mencantumkan di bagian komentar.<br />
<br />
<b>2. Inkscape</b><br />
Tanpa kusadari, ternyata Inkscape ini bisa melakukan editing file PDF, baik image maupun textnya. Inkscape ini adalah software opensource, bisa didownload di <a href="http://www.inkscape.org/">http://www.inkscape.org</a>, untuk melakuan pengolahan grafik seperti layaknya Corel Draw. Fitur-fiturnya cukup lengkap. Aku sudah lama download dan mencoba program ini, meskipun tidak banyak melakukan explorasi, namun baru sadar kalau ternyata dia bisa digunakan untuk mengedit file PDF. Karena opensource, software ini GRATISSSSS.Yudi Kurniawanhttp://www.blogger.com/profile/11776237111778952924noreply@blogger.com0tag:blogger.com,1999:blog-11099161.post-9793731146863995002010-04-28T11:18:00.002+07:002010-04-28T11:23:04.564+07:00Hapus Semua File/FolderSekedar untuk pengingat, satu sintaks sakti dari Mbah Arif untuk menghapus folder svn beserta isi-isinya dalam sebuah folder.<br /><br /><span style="font-size:100%;"><span style="font-family: courier new;">find . -name .svn -exec rm -rf {} \;</span><br /><br />Ini cuma jalan di linux, kalau di windows, harus search file baru delete all.<br />Sintaks ini sangat bermanfaat waktu mau bawa program ke customer, karena dengan adanya folder svn, kapasitas menjadi 2 kali lipat.<br /></span>Yudi Kurniawanhttp://www.blogger.com/profile/11776237111778952924noreply@blogger.com0