Tutorial Koding

Belajar Teknologi Microsoft Melalui MVA (Microsoft Virtual Academy)

Pingin belajar teknologi microsoft secara mudah & gratis serta juga mendapatakan sertifikasi ?<div>
Teman - teman bisa memanfaatkan salah satu layanan dari Microsoft yaitu melalui <a href="https://mva.microsoft.com/">Microsoft Virtual Academy</a>. </div>
<div>
<br /></div>
<div>
Apa itu <b>Microsoft Virtual Academy</b> ?</div>
<div>
Microsoft Virtual Academy (MVA) adalah sebuah portal pembelajaran online dari Microsoft dimana teman - teman bisa mempelajari beragam produk dan teknologi MIcrosoft terkini dengan materi pembelajaran yang resmi secara Gratis. Fokus utama MVA sendiri adalah untuk mengenalkan teknologi - teknologi Microsoft dari mulai Cloud, Operating System, Database Server hingga Network Infrastructure.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4qzonuO_Slnzi6zDO-vH24keVS8U-9bQvKQsNjV08OBSENBAWfqyVU2Qyh_768i7Q4pBKMyauiyQNoto8p432kbXLHtymupfclx_E_ZrRTO8Ozdk0tnoOA_kRBIbbk0fEhQrSxT3vt4dm/s1600/Screenshot_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="188" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4qzonuO_Slnzi6zDO-vH24keVS8U-9bQvKQsNjV08OBSENBAWfqyVU2Qyh_768i7Q4pBKMyauiyQNoto8p432kbXLHtymupfclx_E_ZrRTO8Ozdk0tnoOA_kRBIbbk0fEhQrSxT3vt4dm/s320/Screenshot_1.png" width="320" /></a></div>
<div>
<br /></div>
<div>
Jika teman - teman ingin mencoba belajar di MVA carana cukup mudah teman - teman bisa mengikuti langka- langkah dibawah ini.</div>
<div>
<ol>
<li>Masuk ke halaman Microsoft Virtual Academy <a href="https://mva.microsoft.com/">https://mva.microsoft.com/</a><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/AVvXsEhRCddc3RejIiOBCU0DGV0fVRCdl3bX_-XYH5uzCqPh24Ki8yUrZDAgBvLl83R_Sh7Lj9Z9Ff2-1vosoQVmQV5gaYnUj4gqNPIZ8TRAAyHCX6NZu6olwy_PziCCVo4yKaSru1WWBx6SBKYE/s1600/Screenshot_1.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img border="0" height="188" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRCddc3RejIiOBCU0DGV0fVRCdl3bX_-XYH5uzCqPh24Ki8yUrZDAgBvLl83R_Sh7Lj9Z9Ff2-1vosoQVmQV5gaYnUj4gqNPIZ8TRAAyHCX6NZu6olwy_PziCCVo4yKaSru1WWBx6SBKYE/s320/Screenshot_1.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
</li>
<li>Lalu teman - teman Sign in dengan Akun Microsoft, jika teman - teman belum punya teman - teman bisa mendaftar terlebih dahulu<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/AVvXsEj0YNAZwpJAFVbnff8UDQEQ7IlgAaBKP4gWjL5sFe9hZXNdNZWibeJ7UAlMEZySBcKXpnLPPDFZPZHGN4AW8N2p9s8VjKx1QnH5rVqZaDWicvgI6nnvlflV_swoSOreb-BbNMPGI1crVlPX/s1600/Screenshot_2.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0YNAZwpJAFVbnff8UDQEQ7IlgAaBKP4gWjL5sFe9hZXNdNZWibeJ7UAlMEZySBcKXpnLPPDFZPZHGN4AW8N2p9s8VjKx1QnH5rVqZaDWicvgI6nnvlflV_swoSOreb-BbNMPGI1crVlPX/s320/Screenshot_2.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Klik Menu Sign in</td></tr>
</tbody></table>
</li>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAAS9Rl_bty1vpPmU2heymOhd7mizdm6uFGPEvtb88HcZyaaJBt4YfnhsnBvhiP7C43eYYVzXg7u3sMuCArtOwXcMpzlIILUOcwcvOfvMQUBUZPV4K5qrLOEc4Le-2GMhkLyKNrTdMHj9z/s1600/Screenshot_3.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAAS9Rl_bty1vpPmU2heymOhd7mizdm6uFGPEvtb88HcZyaaJBt4YfnhsnBvhiP7C43eYYVzXg7u3sMuCArtOwXcMpzlIILUOcwcvOfvMQUBUZPV4K5qrLOEc4Le-2GMhkLyKNrTdMHj9z/s320/Screenshot_3.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="font-size: 12.8px;">Form Sign in<br /></td></tr>
</tbody></table>
<li>Setelah login dan masuk ke dashboard teman - teman bisa mencari Courses apa yang ingin dipelajari<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/AVvXsEg0JHVZm7am2ITC1TgM-EPBxF92rTb7cAtZh7vgG4MKVBLS3jjLnVf_VDz9xJCY6TPkvcIWBGTGJjazeYxt20ikyY-8a5Z4K6AMyBko8yw6_VGmbcRhtIGHPhHsXJwGiPxCM8PhBz-x1j9w/s1600/Screenshot_4.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img border="0" height="178" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0JHVZm7am2ITC1TgM-EPBxF92rTb7cAtZh7vgG4MKVBLS3jjLnVf_VDz9xJCY6TPkvcIWBGTGJjazeYxt20ikyY-8a5Z4K6AMyBko8yw6_VGmbcRhtIGHPhHsXJwGiPxCM8PhBz-x1j9w/s320/Screenshot_4.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Add caption</td></tr>
</tbody></table>
</li>
<li>Jika sudah menemukan courses yang ingin di pelajari teman - teman bisa klik link dari courses yang diinginkan<div class="separator" style="clear: both; text-align: center;">
</div>
<b></b></li>
<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/AVvXsEgYPP2Xqy116qzRrStdLZ5-Wd01JPtSBEBPofLhBYEFj54U6XyXZyIUe3Qapl0PkXhf8uQ_zXmim8aoUu_uU7hrcxI1fIQU9CvqnRDVNtAaOhcapeaMivg-5wUP8nL_jL45C_LEnnXwm0xS/s1600/Screenshot_6.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img border="0" height="182" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYPP2Xqy116qzRrStdLZ5-Wd01JPtSBEBPofLhBYEFj54U6XyXZyIUe3Qapl0PkXhf8uQ_zXmim8aoUu_uU7hrcxI1fIQU9CvqnRDVNtAaOhcapeaMivg-5wUP8nL_jL45C_LEnnXwm0xS/s320/Screenshot_6.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
<li>Teman - teman akan disuguhkan materi berupa Video, Slide & ada Testnya juga, perlu teman - teman tau kalau teman - teman berhasil menyelesaikan corusesnya sampai 100% Complete maka akan mendapatkan Sertifikat yang dapat teman - teman download.<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/AVvXsEg4GxOK4fo6g7RoqtLfChE-Qbdsf2oVt7_OrA1lKIdKenscrFRh3DuB1i_Onmvm8EuDGmTbjfqw2QKjkRQsJryvOLkllqNW9cU7M94Lcs5asaGpwRbW-XtMj2NolHgvTO4yYlmbZXIPmvje/s1600/Screenshot_7.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4GxOK4fo6g7RoqtLfChE-Qbdsf2oVt7_OrA1lKIdKenscrFRh3DuB1i_Onmvm8EuDGmTbjfqw2QKjkRQsJryvOLkllqNW9cU7M94Lcs5asaGpwRbW-XtMj2NolHgvTO4yYlmbZXIPmvje/s320/Screenshot_7.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
</li>
<li>Jika ingin mendownload sertifikatnya bisa kembali ke menu <b>Dashboard</b> pilih tab <b>Courses Completed </b>lalu pilih Sertifikat dari courses mana yang ingin di download<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/AVvXsEguWsOAul5xUuOSvqP-lU5spC1m8oVlueLHqIUr4GU6-zA60AWb3h0nYZT_qLFuc4WSvowRbNjYgaWlXKUfVrSlciyW41NT_H9XJ7GvufrfYn7_GtH7RO7b2CnODC5R7PbBa-oLdWjeHsNm/s1600/Screenshot_8.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguWsOAul5xUuOSvqP-lU5spC1m8oVlueLHqIUr4GU6-zA60AWb3h0nYZT_qLFuc4WSvowRbNjYgaWlXKUfVrSlciyW41NT_H9XJ7GvufrfYn7_GtH7RO7b2CnODC5R7PbBa-oLdWjeHsNm/s320/Screenshot_8.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
</li>
<li>Untuk contoh sertifkatnya teman -teman bisa melihat pada gambar dibawah ini<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/AVvXsEiOIHrqnhSrCs_Q9_2R2zZUFOx0XUH1W-rxCHeQ-7Eyf97S1MzqW6bl-bCcjKrFMqc0QxbzbsLIgyAFqi6r4OlP36srzL-xmSephyaoFmOBbiVqqzUIuqHCRi-7qSRH10-V3Ntp2_OUDo7m/s1600/Screenshot_9.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img border="0" height="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOIHrqnhSrCs_Q9_2R2zZUFOx0XUH1W-rxCHeQ-7Eyf97S1MzqW6bl-bCcjKrFMqc0QxbzbsLIgyAFqi6r4OlP36srzL-xmSephyaoFmOBbiVqqzUIuqHCRi-7qSRH10-V3Ntp2_OUDo7m/s320/Screenshot_9.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Sertifikat dari courses XAML for Windows 10 : Layout</td></tr>
</tbody></table>
<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/AVvXsEi6oxOgnkk1Es1AlJeAPoaBjigMR2NosfL7itaOIe9uWV_Idi7Cpx5UtSOs6A6TKDy-GdeiZ4ozyxZaNDbDKtMnosHt-8YSv_IA2_szhz7j-Qe0j2ym-J5isSGQ8ipq8MDOOYilHDcS0-R0/s1600/Screenshot_10.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img border="0" height="229" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6oxOgnkk1Es1AlJeAPoaBjigMR2NosfL7itaOIe9uWV_Idi7Cpx5UtSOs6A6TKDy-GdeiZ4ozyxZaNDbDKtMnosHt-8YSv_IA2_szhz7j-Qe0j2ym-J5isSGQ8ipq8MDOOYilHDcS0-R0/s320/Screenshot_10.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Sertifikat dari courses Keamanan di Dunia Berbasis Cloud</td></tr>
</tbody></table>
</li>
</ol>
</div>
<div>
Bagiman menarik bukan kita bisa menambah pengetahuan tentang teknologi microsoft dengan mudah hanya perlu koneksi internet dan juga tanpa ada bayaran sepeserpun selain itu kita juga bisa mendapatkan sertifikat dari courses yang telah kita selesaikan.</div>
<div>
Jadi tunggu apa lagi? segera kunjungi website MVA dan mulai belajar teknologi - teknologi microsoft<br /></div>
<div>
Jika ada yang ingin teman - teman tanyakan silahkan untuk memberikan komentar di postingan ini.</div>
<div>
Terima Kasih telah berkunjung.</div>

Belajar Teknologi Microsoft Melalui MVA (Microsoft Virtual Academy)

Pingin belajar teknologi microsoft secara mudah & gratis serta juga mendapatakan sertifikasi ? Teman - teman bisa memanfaatkan salah satu layanan dari Microsoft yaitu melalui Microsoft Virtual Academy. Apa itu Microsoft Virtual Academy ? Microsoft Virtual Academy (MVA) adalah sebuah portal pembelaj…

18Mar2016

Mengupload Website ke Microsoft Azure

Selamat pagi teman - teman yang sudah berkunjung ke Tutorial Koding, pada pagi hari ini akan membahas tentang Mengupload Project Web ke Microsoft Azure, jika pada tutorial sebelumnya membahas <a href="http://www.tutorialkoding.id/2016/03/cara-menginstall-cms-joomla-di.html">Cara Menginstall CMS Joomla di Microsoft Azure</a>, tapi kali ini kita bisa menggunakan project web kita sendiri.<br />
Untuk Web Apps pada Microsoft Azure support berbagai macam bahasa pemrograman diantaranya : ASP.NET, Java, Node.js, PHP dan lainnya. Tapi kali ini saya akan mencontohkan untuk mengupload project php sederhana yang akan terknokesi ke database, jadi ada baiknya teman - teman baca juga <a href="http://www.tutorialkoding.id/2016/03/membuat-database-mysql-di-microsoft.html">Membuat Database MySQL di Microsoft Azure</a>.<br />
<br />
Baiklah kita langsung saja memulai Mengupload Project Web ke Microsoft Azure<br />
<ol>
<li>Masuk ke Microsoft Azure <a href="https://portal.azure.com/">https://portal.azure.com/</a></li>
<li>Klik menu New -> Web + Mobile -> Web App<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/AVvXsEhZkDlSWdfUR6VX6riWQNjKL5i80vWdYfrA3S2XCECaKisryeB7qPrHDzDQSM0ASgF_YR6VxrdJTZc2z1N6DPJNBAsOXQiLuY3lnPzV5agqM0s-IYX0tLEyyHDvNt_9wyGyrNEG8rUyYFpw/s1600/Screenshot_1.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img alt="Mengupload Project Web ke Microsoft Azure" border="0" height="182" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZkDlSWdfUR6VX6riWQNjKL5i80vWdYfrA3S2XCECaKisryeB7qPrHDzDQSM0ASgF_YR6VxrdJTZc2z1N6DPJNBAsOXQiLuY3lnPzV5agqM0s-IYX0tLEyyHDvNt_9wyGyrNEG8rUyYFpw/s320/Screenshot_1.png" title="Mengupload Project Web ke Microsoft Azure" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
</li>
<li>Masukan App Name (ini akan menjadi subdomain dari azurewebsite.net)<br />
Pilih Subscription sesuai kebutuhan<br />
Pilih Resource Group yang diinginkan (jika belum anda teman - teman dapat membuat resource group baru)<br />
Pilih App Service Plan (sesuaikan dengan kebutuhan)<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/AVvXsEiPfbyCvBHeuQcnD9DqMfTJffOpJ76JIfYpUxYgNgvgY_XmETThmGGt0QVqdDHsBvpYYAaUDgb9uMQR3lYyYhDENuQ6o0Fq84pW20WF1B7Xo8D9-iSxZbiGEMsCxHAwW8bLudD8Fw2_t-59/s1600/Screenshot_2.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img alt="Mengupload Project Web ke Microsoft Azure" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPfbyCvBHeuQcnD9DqMfTJffOpJ76JIfYpUxYgNgvgY_XmETThmGGt0QVqdDHsBvpYYAaUDgb9uMQR3lYyYhDENuQ6o0Fq84pW20WF1B7Xo8D9-iSxZbiGEMsCxHAwW8bLudD8Fw2_t-59/s320/Screenshot_2.png" title="Mengupload Project Web ke Microsoft Azure" width="248" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
</li>
<li>Jika berhasil untuk mengeceknya bisa dilihat di Tiles dari website yang baru saja dibuat,</li>
<li>Klik tile website yang baru saja dibuat dan kita bisa lihat pada tab Essentials ada keterangan dari web yang kita buat, seperti Resource Group, Status, Location dan lainnya<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/AVvXsEhdnIg_hcV9Bls-3mAaef_kFZUykD50lrDjW4D-yXyPZZgWYMTZRpgGpQJgYYcySmYWZODT8cyPf73RnIvFDKrb73kbo6aq55GklOMCBUohrGAn5wB1SIz68nrfRMinujeduDwIS48XRBWJ/s1600/Screenshot_3.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img alt="Mengupload Project Web ke Microsoft Azure" border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdnIg_hcV9Bls-3mAaef_kFZUykD50lrDjW4D-yXyPZZgWYMTZRpgGpQJgYYcySmYWZODT8cyPf73RnIvFDKrb73kbo6aq55GklOMCBUohrGAn5wB1SIz68nrfRMinujeduDwIS48XRBWJ/s320/Screenshot_3.png" title="Mengupload Project Web ke Microsoft Azure" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
</li>
<li>Teman - teman bisa klik url tersebut untuk melihat website yang telah berhasil dibuat<br />
berikut adalah halaman awal dari website tersebut<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/AVvXsEjKpGcba_UEHzNmC7sEl1iDj66KEb0Sh_gZDCt2YKc0YEDlY2-xbkVFuAKxvgEjGEw6ex70wA79wUk3HAoip4cjWkiOOmKXff99AVUKTNC9WKFO-Lo43TEwFqIibqisYuknp5FjWP4eYK1M/s1600/Screenshot_4.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img alt="Mengupload Project Web ke Microsoft Azure" border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKpGcba_UEHzNmC7sEl1iDj66KEb0Sh_gZDCt2YKc0YEDlY2-xbkVFuAKxvgEjGEw6ex70wA79wUk3HAoip4cjWkiOOmKXff99AVUKTNC9WKFO-Lo43TEwFqIibqisYuknp5FjWP4eYK1M/s320/Screenshot_4.png" title="Mengupload Project Web ke Microsoft Azure" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
</li>
<li>Kita bisa mengupload project web kita melalui FTP, Visual Studio & lain - lain, tapi untuk tutorial kali ini saya akan mencontohkan melalui FTP</li>
<li>Sebelum kita bisa mengakses melalui FTP kita perlu membuat User terlebih dahulu dengan cara klik Tiles dari Web App yang dibuat tadi klik menu Deployment Credentials masukan Username & Password lalu klik tombo Save.<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/AVvXsEiTE_W4qfv7WeF-2rEQATyXy9PPp_LfPXwISzgSRMOWTt9dNJCNxdUhH2vQygCxUDCAKurdQnK6eFYNfDMfQGx0-IRxcvLrwnj_kNEYcLw3Q2EOuNn9uXxKFqNLRjjP3mP4Hc5w3ViBeIwh/s1600/Screenshot_5.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img alt="Mengupload Project Web ke Microsoft Azure" border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTE_W4qfv7WeF-2rEQATyXy9PPp_LfPXwISzgSRMOWTt9dNJCNxdUhH2vQygCxUDCAKurdQnK6eFYNfDMfQGx0-IRxcvLrwnj_kNEYcLw3Q2EOuNn9uXxKFqNLRjjP3mP4Hc5w3ViBeIwh/s320/Screenshot_5.png" title="Mengupload Project Web ke Microsoft Azure" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
</li>
<li>Buka aplikasi <a href="https://filezilla-project.org/download.php">FileZilla</a> atau sejenisnya, masukan Host, Username & Password FTP yang kita baru kita buat, lalu klik tombol Connect<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/AVvXsEj8ec0cYdDPUzehL4onmzDobaxfRrcbzwKBC5KFpfPZl-G9r307aO_6cH6T3fAtx24E2bYjPSzDglWZFRuO-fU1ODL3oxSACvxXT-7K1OgFaxG5go-U1OIA4H_3uuEzrHFeKWi0SD7veyeL/s1600/Screenshot_6.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img alt="Mengupload Project Web ke Microsoft Azure" border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8ec0cYdDPUzehL4onmzDobaxfRrcbzwKBC5KFpfPZl-G9r307aO_6cH6T3fAtx24E2bYjPSzDglWZFRuO-fU1ODL3oxSACvxXT-7K1OgFaxG5go-U1OIA4H_3uuEzrHFeKWi0SD7veyeL/s320/Screenshot_6.png" title="Mengupload Project Web ke Microsoft Azure" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
</li>
<li>Pindahkan project website kita ke dalam folder /site/wwwroot (jika ada file home.html silahkan untuk dihapus)<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/AVvXsEhOW9RSX8uA9s3RxTG4J03c9SzPYiQKWZP1k0Bq1G7Sh-7748Wla6CQ2Tc9LWQh_AnHMR1kUxi9gNdbIIjxSn_7RWUjbGiaNbYVNd-nnLP3QYbTKURfFuycLKyEjp_JD1vIR7SqTDJuMKsa/s1600/Screenshot_7.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img alt="Mengupload Project Web ke Microsoft Azure" border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOW9RSX8uA9s3RxTG4J03c9SzPYiQKWZP1k0Bq1G7Sh-7748Wla6CQ2Tc9LWQh_AnHMR1kUxi9gNdbIIjxSn_7RWUjbGiaNbYVNd-nnLP3QYbTKURfFuycLKyEjp_JD1vIR7SqTDJuMKsa/s320/Screenshot_7.png" title="Mengupload Project Web ke Microsoft Azure" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
</li>
<li>Jika proses upload sudah selesai, silahkan kunjungi lagi url website yang kita buat tadi<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/AVvXsEgZJD0mewV8F3XkbCLjo7LiTQYb9zIN806-EALQKWy-TK5g_2OXG0iXhOvx5nqWO0u-tsOPoEa5vyy0ny2NOLRRvCtQcRtwAlRg9kG6Xz4Fn4CdbcEnr1iPa5NgDwTJxu22bo8yFVjGw6PL/s1600/Screenshot_8.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img alt="Mengupload Project Web ke Microsoft Azure" border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZJD0mewV8F3XkbCLjo7LiTQYb9zIN806-EALQKWy-TK5g_2OXG0iXhOvx5nqWO0u-tsOPoEa5vyy0ny2NOLRRvCtQcRtwAlRg9kG6Xz4Fn4CdbcEnr1iPa5NgDwTJxu22bo8yFVjGw6PL/s320/Screenshot_8.png" title="Mengupload Project Web ke Microsoft Azure" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
</li>
</ol>
Oke bagaiman apakah sudah berhasil ? jika teman - teman mengalami kesulitan teman - teman dapat meninggalkan komentar di postingan ini.

Mengupload Website ke Microsoft Azure

16Mar2016

Cara Menginstall CMS Joomla di Microsoft Azure

Selamat malam teman - teman :D, kembali lagi di Tutorial Koding.<div>
Baiklah pada malam hari ini saya akan membahas lagi tentang <a href="http://www.tutorialkoding.id/2016/03/berkenalan-dengan-microsoft-azure.html">Microsoft Azure</a>, jika kemarin saya membahas tentang <a href="http://www.tutorialkoding.id/2016/03/membuat-database-mysql-di-microsoft.html">Membuat Database MySQL di Microsoft Azure</a> malam kali ini saya akan membahas tentang <a href="http://www.tutorialkoding.id/2016/03/cara-menginstall-cms-joomla-di.html">Cara Menginstall CMS Joomla di Microsoft Azure</a>. seperti yang sudah dibahas pada artikel <a href="http://www.tutorialkoding.id/2016/03/berkenalan-dengan-microsoft-azure.html">sebelumnya</a> bahwa Microsoft Azure menyediakan layanan Web Hosting, jadi kita juga bisa mengupload project web kita ke Azure, ataupun kita juga bisa langsung menginstall CMS yang sudah tersedia di Microsoft Azure. Seperti pada tutorial kali ini saya akan menginstall CMS Joomla di Microsoft Azure.</div>
<div>
<br /></div>
<div>
<a href="http://www.tutorialkoding.id/2016/03/cara-menginstall-cms-joomla-di.html">Cara Menginstall CMS Joomla di Microsoft Azure</a></div>
<div>
<ol>
<li>Kunjungi <a href="https://portal.azure.com/">https://portal.azure.com/</a> lalu login dengan akun yang teman - teman punya<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/AVvXsEjn0Da9Z8e-hYT7pvoEyu7DiWTXRIuZc9h_fuCnilJttqgvdGNg71v780weQXEkKG3-ftNrhkqZ_16JnCOmxDhZSG22S-HppKMmVjdmm3T-7kD8rN9GjwlvexFxelX80d0fB5yWBWta9bMp/s1600/Screenshot_1.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img alt="Cara Menginstall CMS Joomla di Microsoft Azure" border="0" height="181" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn0Da9Z8e-hYT7pvoEyu7DiWTXRIuZc9h_fuCnilJttqgvdGNg71v780weQXEkKG3-ftNrhkqZ_16JnCOmxDhZSG22S-HppKMmVjdmm3T-7kD8rN9GjwlvexFxelX80d0fB5yWBWta9bMp/s320/Screenshot_1.png" title="Cara Menginstall CMS Joomla di Microsoft Azure" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Dashboard</td></tr>
</tbody></table>
</li>
<li>Lalu klik Menu New -> Web + Mobile -> Joomla<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/AVvXsEgSMZ5joMZa_e4KwM8heDBqsmPt65N0MRVgpFcQnYvbSEOXsDwJ_CbUvVqFR4U7I0a8KH77M70aL9G7Iy6HSKMxf7Ombemh8RyEsaHXvKg-YC7CHm5e1WbfdKVfzde9Vvf1K1rktS7_FyMa/s1600/Screenshot_2.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img alt="Cara Menginstall CMS Joomla di Microsoft Azure" border="0" height="182" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSMZ5joMZa_e4KwM8heDBqsmPt65N0MRVgpFcQnYvbSEOXsDwJ_CbUvVqFR4U7I0a8KH77M70aL9G7Iy6HSKMxf7Ombemh8RyEsaHXvKg-YC7CHm5e1WbfdKVfzde9Vvf1K1rktS7_FyMa/s320/Screenshot_2.png" title="Cara Menginstall CMS Joomla di Microsoft Azure" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
</li>
<li>Setalah itu masukan nama/domain website pada kolom App Name, Pilih Jenis Subscription, Pilih Resource Group, jika belum ada silahkan membuat Resource Group baru, setelah itu pilih service plan dan database<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/AVvXsEinrwIetW0fdz3fHFLW8x31hsKb-DpXM2zgJHILahNt-2AeLnNQ2H3Me0ZzAKfSJUh4m3uEitoFP6o9h7om1_AGxhs3xnnXh0LF9kGXmYMP_IL5LLeQFO6bhdlhxNuh9oYTg9KMTvVUh1g1/s1600/Screenshot_3.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img alt="Cara Menginstall CMS Joomla di Microsoft Azure" border="0" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinrwIetW0fdz3fHFLW8x31hsKb-DpXM2zgJHILahNt-2AeLnNQ2H3Me0ZzAKfSJUh4m3uEitoFP6o9h7om1_AGxhs3xnnXh0LF9kGXmYMP_IL5LLeQFO6bhdlhxNuh9oYTg9KMTvVUh1g1/s320/Screenshot_3.png" title="Cara Menginstall CMS Joomla di Microsoft Azure" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
</li>
<li>Klik Web App Setting, maka akan muncul untuk mengatur website joomlanya seperti Nama Website, Username & Password Administrator, dan juga Email Administrator.<br />Masukan data - data tersebut sesaui dengan keingin teman - teman<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/AVvXsEjSUhVB-EfoKA7yLRo_ouXrV5IAw5DyLBX6K9ZkLAHBxE_EKVVixi3Un2LNrph9sgBAWBz8AA5ncWOMhfR9FiCthWrouBV8lRxjP9gqbCQaawI8LVx9-rEYyTK-XsH_fwSe55erN1VJJhcI/s1600/Screenshot_4.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img alt="Cara Menginstall CMS Joomla di Microsoft Azure" border="0" height="241" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSUhVB-EfoKA7yLRo_ouXrV5IAw5DyLBX6K9ZkLAHBxE_EKVVixi3Un2LNrph9sgBAWBz8AA5ncWOMhfR9FiCthWrouBV8lRxjP9gqbCQaawI8LVx9-rEYyTK-XsH_fwSe55erN1VJJhcI/s320/Screenshot_4.png" title="Cara Menginstall CMS Joomla di Microsoft Azure" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
</li>
<li>Setalah semua data sudah di masukan klik tombol Create dan tunggu sampai installasi selesai.<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/AVvXsEhUaJix_nT86sn_nwBDS4FIWRjGGYddZ7hbUBUXEsCOfCsiAD2OXa14DazUWSfO44T2ezx0NUS_Sh6_Wo3eJXtXpRNz6RWWux8NxffzRZFDTF0MXM_6So4-_T0RfLNOS4mZNkD_HL5fGI7e/s1600/Screenshot_5.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img alt="Cara Menginstall CMS Joomla di Microsoft Azure" border="0" height="232" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUaJix_nT86sn_nwBDS4FIWRjGGYddZ7hbUBUXEsCOfCsiAD2OXa14DazUWSfO44T2ezx0NUS_Sh6_Wo3eJXtXpRNz6RWWux8NxffzRZFDTF0MXM_6So4-_T0RfLNOS4mZNkD_HL5fGI7e/s320/Screenshot_5.png" title="Cara Menginstall CMS Joomla di Microsoft Azure" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
</li>
<li>Klik Tile dari Webiste yang baru saja kita buat, disitu teman - teman bisa melihat detail dari website yang dibuat, teman teman juga bisa menambahkan mengatur Pengaturan - Pengaturan dari Website yang sudah disediakan<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/AVvXsEgZe-kdbfGXtbex5w8XXIX0x1fFBKWVRPjP4MWUobLy7FC_jLRoP1W9XjeBwCnkb7AP3n6U7xb_4ysmwzu-RtTi2GaAdBpm7xf0fk_uvkKqAr0YbBXkM6W9ZWZ6nyIJT5NTnEZ_I386dNKC/s1600/Screenshot_6.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img alt="Cara Menginstall CMS Joomla di Microsoft Azure" border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZe-kdbfGXtbex5w8XXIX0x1fFBKWVRPjP4MWUobLy7FC_jLRoP1W9XjeBwCnkb7AP3n6U7xb_4ysmwzu-RtTi2GaAdBpm7xf0fk_uvkKqAr0YbBXkM6W9ZWZ6nyIJT5NTnEZ_I386dNKC/s320/Screenshot_6.png" title="Cara Menginstall CMS Joomla di Microsoft Azure" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
</li>
</ol>
<div>
Bagaiman? apakah sudah berhasil ? jika terjadi kendala, teman - teman bisa bertanya dengan cara meninggalkan komentar di blog ini</div>
</div>

Cara Menginstall CMS Joomla di Microsoft Azure

Selamat malam teman - teman :D, kembali lagi di Tutorial Koding. Baiklah pada malam hari ini saya akan membahas lagi tentang Microsoft Azure, jika kemarin saya membahas tentang Membuat Database MySQL di Microsoft Azure malam kali ini saya akan membahas tentang Cara Menginstall CMS Joomla di Microsof…

12Mar2016

Membuat Database MySQL di Microsoft Azure

Selamat malam agan & sist yang berkunjung ke blog ini :D, Pada malam hari ini saya akan melajutkan masih dengan topik yang sama yaitu <a href="http://www.tutorialkoding.id/2016/03/berkenalan-dengan-microsoft-azure.html"><b>Microsoft Azure</b></a>, saya akan share tentang <b>Membuat Database di Microsoft Azure, </b>Microsoft Azure menyediakan layanan yaitu Data Storage dimana layanan ini bisa digunakan untuk penyimpanan data, dan database yang disediakan di microsoft azure ada SQL Database & MySQL. Untuk malam hari ini saya akan membahas membuat database MySQL di Microsoft Azure.<br />
<br />
Oke Langsung saja tahap - tahap membuat database di <a href="http://www.tutorialkoding.id/2016/03/berkenalan-dengan-microsoft-azure.html"><b>Microsoft Azure</b></a><br />
<ol>
<li>Buka Website Microsoft Azure di <a href="https://portal.azure.co/">https://portal.azure.co</a>m dan lakukan login, jika sudah login maka akan masuk ke bagian dashboard seperti gambar dibawah ini.<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/AVvXsEhndvXuTfdrT-3TOR_UA6RWxfWJ-Jr7p3GFO5OeH8ZlUinK7VfXqG8OR1ivN_txls5PyC_IsOsyLiKW8RAfgSCX9RoanfwQ3INWIJCWB4CnQpGN8xO6f7KhB_QI2FvpZ5xo__aoA-3InweU/s1600/Screenshot_1.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img alt="Membuat Database MySQL di Microsoft Azure" border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhndvXuTfdrT-3TOR_UA6RWxfWJ-Jr7p3GFO5OeH8ZlUinK7VfXqG8OR1ivN_txls5PyC_IsOsyLiKW8RAfgSCX9RoanfwQ3INWIJCWB4CnQpGN8xO6f7KhB_QI2FvpZ5xo__aoA-3InweU/s320/Screenshot_1.png" title="Membuat Database MySQL di Microsoft Azure" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Dashboard</td></tr>
</tbody></table>
</li>
<li>Klik menu <b>New</b> pilih <b>Data + Storage</b>, lalu pilih database yang ingin dibuat, untuk contoh ini saya akan membuat database <b>MySQL</b><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/AVvXsEjqKGOg1zw2gje7_sE16qe8SCaJOOx2gnmL_CgNwidsCckIFLl8ATPd-NmkS7701lz9Fy9Af64Tt3DRUsMl-lCaWOdSdFKQ0VIsVfEe-ZH5C_URDBvsiKlEc0F51AyUoWsHrlVwWNz-eKEc/s1600/Screenshot_2.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img alt="Membuat Database MySQL di Microsoft Azure" border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqKGOg1zw2gje7_sE16qe8SCaJOOx2gnmL_CgNwidsCckIFLl8ATPd-NmkS7701lz9Fy9Af64Tt3DRUsMl-lCaWOdSdFKQ0VIsVfEe-ZH5C_URDBvsiKlEc0F51AyUoWsHrlVwWNz-eKEc/s320/Screenshot_2.png" title="Membuat Database MySQL di Microsoft Azure" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Menu untuk membuat database</td></tr>
</tbody></table>
</li>
<li>Lalu masukan nama database, lalu masukan subscription (disini saya menggunakan dreamspark), pilih resource group (jika belum ada teman - teman bisa membuat baru resource groupnya), pilih location (lokasi untuk servernya) dan kemudian klik tombol <b>create</b><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/AVvXsEhPZjxjgy9qlXiHqHUbA8j2TcjMK4HTW2IRKa2hSp5rCOVOFCxSnscKjB_Irr7n_H4MzwKPclnGioq2RRReM7UrKPmweaJNvTWGe4N_kCvFHGCxJR9OREMXtdPutBXN70cjHCVXc16IQKan/s1600/Screenshot_3.png" imageanchor="1" style="font-weight: normal; margin-left: auto; margin-right: auto; text-align: center;"><img alt="Membuat Database MySQL di Microsoft Azure" border="0" height="260" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPZjxjgy9qlXiHqHUbA8j2TcjMK4HTW2IRKa2hSp5rCOVOFCxSnscKjB_Irr7n_H4MzwKPclnGioq2RRReM7UrKPmweaJNvTWGe4N_kCvFHGCxJR9OREMXtdPutBXN70cjHCVXc16IQKan/s320/Screenshot_3.png" title="Membuat Database MySQL di Microsoft Azure" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
<b></b></li>
<li>Setelah database berhasil dibuat, kita akan mencoba untuk mengakses database tersebut melalui aplikasi database manager (sebagai contoh saya menggunakan SQLyog)<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/AVvXsEgVAokUMA8VgmfyvQoNjyyNIuAwPgxINSfLtOCF5t_uceJvk0YPV91bw-KjlwCQkC4ce9Dhpsb6ZcJl9IshM83o_RxzcPafY3P6u51cqoMVtPNgR29LaHhid0A7hFJdFyEoTHfgwiBOykpG/s1600/Screenshot_4.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img alt="Membuat Database MySQL di Microsoft Azure" border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVAokUMA8VgmfyvQoNjyyNIuAwPgxINSfLtOCF5t_uceJvk0YPV91bw-KjlwCQkC4ce9Dhpsb6ZcJl9IshM83o_RxzcPafY3P6u51cqoMVtPNgR29LaHhid0A7hFJdFyEoTHfgwiBOykpG/s320/Screenshot_4.png" title="Membuat Database MySQL di Microsoft Azure" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
</li>
<li>Buka Tile Database yang baru saja kita buat, klik menu Setting -> Properties dan bisa kita lihat hostname, port, username & password yang dapat digunakan untuk mengakses database yang kita buat tersebut<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/AVvXsEi-ikE1VbFsA1uHveTX23FfXu1YnUs_N5WpdzXfBHc9hlSuVp9ont9bFE4hiE6ZdX5a39X1kwHN5td4-Mo_cZHslCUb2_BAMZMHOTNBCIDYHg0ipguMiQaoDbNh3a0KlCBNA0Ow9DwLnZGS/s1600/Screenshot_5.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img alt="Membuat Database MySQL di Microsoft Azure" border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-ikE1VbFsA1uHveTX23FfXu1YnUs_N5WpdzXfBHc9hlSuVp9ont9bFE4hiE6ZdX5a39X1kwHN5td4-Mo_cZHslCUb2_BAMZMHOTNBCIDYHg0ipguMiQaoDbNh3a0KlCBNA0Ow9DwLnZGS/s320/Screenshot_5.png" title="Membuat Database MySQL di Microsoft Azure" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
</li>
<li>Buka database manager yang teman - teman biasa gunakan, lalu masukan hostname, username,password & port yang ada pada properties Databse kita dan klik Connect<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/AVvXsEgr-6CTQ2bbRFQIsBvcAyGLPnyLUCNLDYshiwvvHSJ2d6LbI4gIIPh5U7GFcb5sXFUG0ZBZ68ukJRiV-eltrDGBtb6ECHO0xywtjV_XfrK5b1-ejQ5VUAO3OZXiL8qztGgs8Z8XEq_V97qX/s1600/Screenshot_6.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img alt="Membuat Database MySQL di Microsoft Azure" border="0" height="251" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr-6CTQ2bbRFQIsBvcAyGLPnyLUCNLDYshiwvvHSJ2d6LbI4gIIPh5U7GFcb5sXFUG0ZBZ68ukJRiV-eltrDGBtb6ECHO0xywtjV_XfrK5b1-ejQ5VUAO3OZXiL8qztGgs8Z8XEq_V97qX/s320/Screenshot_6.png" title="Membuat Database MySQL di Microsoft Azure" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
</li>
<li>Dan setelah kita berhasil connect bisa kita bisa melakukan perintah perintah SQL, seperti <a href="http://www.tutorialkoding.id/search/label/MySQL">membuat tabel, melakukan insert,update,delete</a> dan juga yang lain lain<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/AVvXsEhGu9p5JLSUCUdGNrwxY2Bwxz6sy_sZY9sJYaGkppU_grZQMzdLpV3uHZpetPuXQuODfWypU6z9t07JIFXRtKMhkvQTT8g1NocLbjasA-LdIn00Y2hfaB7qN7s1SzE0T2AOtaGhfiTYXA9L/s1600/Screenshot_7.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img alt="Membuat Database MySQL di Microsoft Azure" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGu9p5JLSUCUdGNrwxY2Bwxz6sy_sZY9sJYaGkppU_grZQMzdLpV3uHZpetPuXQuODfWypU6z9t07JIFXRtKMhkvQTT8g1NocLbjasA-LdIn00Y2hfaB7qN7s1SzE0T2AOtaGhfiTYXA9L/s320/Screenshot_7.png" title="Membuat Database MySQL di Microsoft Azure" width="299" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
</li>
</ol>
<div>
Baiklah teman - teman itu adalah cara Membuat Database MySQL di Microsoft Azure, tetap kunjungi selalu Tutorial Koding untuk mendapatkan tutorial - tutorial menarik lainnya.</div>
<div>
<br /></div>
<div>
Referensi :</div>
<div>
<ul>
<li><a href="https://blogs.msdn.microsoft.com/cdndevs/2015/10/16/how-to-create-a-mysql-database-on-azure/">https://blogs.msdn.microsoft.com/cdndevs/2015/10/16/how-to-create-a-mysql-database-on-azure/</a></li>
</ul>
</div>

Membuat Database MySQL di Microsoft Azure

Selamat malam agan & sist yang berkunjung ke blog ini :D, Pada malam hari ini saya akan melajutkan masih dengan topik yang sama yaitu Microsoft Azure, saya akan share tentang Membuat Database di Microsoft Azure, Microsoft Azure menyediakan layanan yaitu Data Storage dimana layanan ini bisa digunakan…

11Mar2016

Microsoft Dreamspark, Download Software Gratis Untuk Mahasiswa

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2VggujVEzGB4hVYcc9PZQzYUssaXi5XUGXlMX8kAkGIITbIFL2OMfV5quFPmiGMgyq7ak5L-UER6LjqDz2mvZz89Bl_VQQT5aD97dlirLZPmgbutUiG-cOHjrO_ZT35hc0Qj07V-yrG_H/s1600/dreamspark-800px.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Microsoft Dreamspark, Download Software Gratis Untuk Mahasiswa" border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2VggujVEzGB4hVYcc9PZQzYUssaXi5XUGXlMX8kAkGIITbIFL2OMfV5quFPmiGMgyq7ak5L-UER6LjqDz2mvZz89Bl_VQQT5aD97dlirLZPmgbutUiG-cOHjrO_ZT35hc0Qj07V-yrG_H/s320/dreamspark-800px.png" title="Microsoft Dreamspark, Download Software Gratis Untuk Mahasiswa" width="320" /></a></div>
Orang indonesia pasti sangat suka dengan yang namanya gratis. apalagi kalo Software :D.<br />
tapi bagi pengguna Software Microsoft ada kabar gembira nih, temen - temen bisa mendapatkan software-software microsoft secara gratis. benar Gratis ? iyap benar sekali. Namanya adalah Microsoft Dreamspark.<br />
<br />
<b>Apa itu Microsoft Dreamspark ?</b><br />
<br />
Dreamspark adalah sebuah program dari Microsoft yang bersifat mendukung pendidikan dengan cara menyediakan akses kepada produk software Microsoft untuk keperluan mengajar, belajar dan penelitian atau riset. Temant - teman bisa mendapatkan layanan dari Microsoft secara gratis.<br />
<br />
<b>Apa yang bisa didapatkan dari Dreamspark ?</b><br />
<br />
Ada banyak hal yang bisa didapatkan melalui Project Dreamspark dari Microsoft. yaitu dari Software ratis seperti Windows, MS Office, Visual Studio dan juga berbagai kelebihan lainnya.<br />
Berikut beberapa hal yang bisa teman - teman dapatkan di Dreamspark :<br />
<br />
<ul>
<li><b>Sistem Operasi </b> (Windows XP, Windows 7, Windows 8, Windows 8.1 dan lain sebagainya)<br /></li>
<li><b>Software </b>(Microsoft Access 2015, Microsoft OneNote, Microsoft Azure dan lain sebaganya<br /></li>
<li><b>Developer Tools</b> (Visual Studio Community, Xamarin for Students, Wndows Store Developer Account dan lain sebagainya)</li>
</ul>
<div>
<b>Siapa aja yang bisa mendapatkan fasilitas ini?</b></div>
<br />
<div>
<ul>
<li><b>Seorang Pelajar (students)</b>, Microsoft sangat ingin anak mudah bisa berkembang. Ya, Anak muda yang kami maksud tentunya mereka yang masih duduk di bangku sekolah di tingkatan manapun. Baik itu SMP, SMA, Sampai kamu sudah menjadi Mahasiswa masih bisa mendaftarkan diri di program ini.<br /></li>
<li><b>Seorang Pengajar (Teacher)</b>, Jika kamu adalah seorang Pengajar tentunya membutuhkan sarana yang bagus agar bisa mengajarkan ilmu yang kamu miliki kepada Murid. Microsoft menyadari hal ini sehingga Mereka juga memberikan kemudahan bagi pengajar untuk Memberikan Ilmunya secara maksimal bagi muridnya dengan cara memberikan Layanan Microsoft gratis melalui Project DreamSpark ini. Jika mau adalah guru, baik itu di SMP, SMA, dan juga di Universitas bisa mendaftarkan diri di Program ini.<br /></li>
<li><b>Seorang Institusi Pendidikan</b>, Maksudnya adalah kamu yang ikut membantu proses belajar mengajar bisa mendaftarkan diri di program ini.</li>
</ul>
<div>
Namun hanya untuk Kampus - kampus yang mengikuti Program Dreamspark saja yang bisa mendapatkannya, jadi jika teman - teman ada yang kuliah di kampus yang tidak ikut dalam program Dreamspark jangan berkecil hati Karena kampus saya juga tidak ikut :(.</div>
</div>
<br />
<div>
Teman - teman juga bisa menggunakan Software gratis seperti Visual Studio Community, SQL Server Express dan lain sebagainya yang memang software tersebut gratis :D</div>
<div>
<br /></div>
<div>
Referensi </div>
<div>
<ul>
<li><a href="https://www.dreamspark.com/">https://www.dreamspark.com/</a></li>
<li><a href="http://forum.winpoin.com/threads/mau-dapet-os-gratis-dari-microsoft-microsoft-dreamspark-jawabannya.1189/">http://forum.winpoin.com/threads/mau-dapet-os-gratis-dari-microsoft-microsoft-dreamspark-jawabannya.1189/</a></li>
<li><a href="http://www.teknopoin.com/2015/09/dapatkan-windows-gratis-dengan-gabung-dreamspark.html">http://www.teknopoin.com/2015/09/dapatkan-windows-gratis-dengan-gabung-dreamspark.html</a></li>
</ul>
</div>

Microsoft Dreamspark, Download Software Gratis Untuk Mahasiswa

Orang indonesia pasti sangat suka dengan yang namanya gratis. apalagi kalo Software :D. tapi bagi pengguna Software Microsoft ada kabar gembira nih, temen - temen bisa mendapatkan software-software microsoft secara gratis. benar Gratis ? iyap benar sekali. Namanya adalah Microsoft Dreamspark. Apa i…

07Mar2016

Berkenalan Dengan Microsoft Azure

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2pru7z-KnqoGR9ra4Kokj3mk6UmRS45KYh_-SZJYaOSannsozvXRrxCLxe2xGxGBNfYlDP1J30pY469C-VmQkcwju0x71myWG559Pi46i9Ee3rc3jY3wZI01BNhNrD5GVAIqEWppRICgW/s1600/AzureCloud.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="132" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2pru7z-KnqoGR9ra4Kokj3mk6UmRS45KYh_-SZJYaOSannsozvXRrxCLxe2xGxGBNfYlDP1J30pY469C-VmQkcwju0x71myWG559Pi46i9Ee3rc3jY3wZI01BNhNrD5GVAIqEWppRICgW/s320/AzureCloud.jpg" width="320" /></a></div>
Pernah tidak teman - teman mendengar tentang Windows Azure atau sekarang lebih dikenal sebagai Microsoft Azure? bagi teman - teman yang baru pertama kali mendengar mungkin akan menduga bahwa Microsoft Azure adalah sebuah sistem operasi untuk desktop (Sama seperti saya waktu itu :D), tapi Microsoft Azure bukanlah sebuah sistem operasi, microsoft azure adalah platform cloud computing dan infrastruktur yang disediakan oleh Microsoft.  Teknologi ini memungkinkan kita untuk membangun sebuah aplikasi melalui cloud, baik berupa teknologi web application, coud service, maupun aplikasi-aplikasi yang berjalan di atas virtual machine<br />
<div>
<br /></div>
<div>
Salah satu keunggulan microsoft azure adalah dapat menjalankan aplikasi dan berbagai jenis teknologi dan platform, diantaranya adalah .NET, Java, PHP, Python dan lainnya.</div>
<div>
<br /></div>
<div>
Microsoft Azure menyediakan berbagai jenis layanan yaitu :</div>
<div>
<br /></div>
<div>
<b>Compute - </b>Layanan ini berguna dalam proses komputasi, baik secara foreground maupun background job, Compute Tools dari Microsoft Azure diantaranya web roel, worker role & virtual role.</div>
<div>
<br /></div>
<div>
<b>Web and Mobile - </b>Layanan ini mendukung kita untuk mengembangkan web & mobile application, dan juga menawarkan fitur untuk manajemen API, Notifikasi & Pelaporan</div>
<div>
<br /></div>
<div>
<b>Data Storage - </b>Layanan ini berguna untuk penyimpanan data, database yang disediakan di Microsoft Azure adalah SQL Database & MySQL.</div>
<div>
<br />
<b>Virtual Machine - </b>Dengan layanan ini kamu bisa mendeploy virtual machine berbasis windows server atau linux di datacenter Microsoft.<br />
<b><br /></b>
<b>Management and Security - </b>Layanan ini membantu administrator untuk menajemen Azure Deploymen, Penjadwalan dan membuat automation<br />
<br />
Untuk memastikan ketersediaan layanan Azure, Microsoft memiliki pusat data azure terletak di seluruh dunia. Pada Januari 2016. Microsoft mengatakan layanan Azure tersedia di 22 Wilayah di seluruh dunia, termasuk di Amerika Serikat, Eropa, Asia, Australia dan Brazil.<br />
<br />
Teman - teman bisa mengunjungi halaman Microsoft Azure <a href="https://azure.microsoft.com/en-us/">disini</a></div>
<div>
<br />
Semoga penjelasan singkat ini bermanfaat untuk teman - teman yang penasaran dengan apa itu Microsoft Azure.<br />
<br />
Referensi :<br />
<br />
<ul>
<li><a href="https://azure.microsoft.com/en-us/">https://azure.microsoft.com/en-us/</a></li>
<li><a href="http://searchcloudcomputing.techtarget.com/definition/Windows-Azure">http://searchcloudcomputing.techtarget.com/definition/Windows-Azure</a></li>
<li><a href="http://winpoin.com/apa-itu-windows-azure/">http://winpoin.com/apa-itu-windows-azure/</a></li>
</ul>
</div>

Berkenalan Dengan Microsoft Azure

Pernah tidak teman - teman mendengar tentang Windows Azure atau sekarang lebih dikenal sebagai Microsoft Azure? bagi teman - teman yang baru pertama kali mendengar mungkin akan menduga bahwa Microsoft Azure adalah sebuah sistem operasi untuk desktop (Sama seperti saya waktu itu :D), tapi Microsoft …

04Mar2016

Windows 10 Universal App : Navigasi Halaman

Selamat pagi agan & sista semua, pada kali ini saya akan share masih seputar <a href="http://www.tutorialkoding.id/search/label/Windows%2010%20Universal%20App">Windows 10 Universal App</a>, jika sebelumnya saya sudah share tentang <a href="http://www.tutorialkoding.id/2016/02/windows-10-universal-app-hello-world.html">Hello World</a>, sekarang saya akan membahas bagaimana cara navigasi antar halaman pada <a href="http://www.tutorialkoding.id/search/label/Windows%2010%20Universal%20App">Windows 10 Universal App</a> ini.<br />
<br />
Navigasi adalah bagian penting dari sebuah aplikasi, dalam membuat aplikasi kecil mungkin anda dapat menggunakan hanya satu halaman saja sudah cukup, namun ada kalanya juga kita perlu beberapa halaman, jadi untuk aplikasi yang memiliki halaman lebih dari 1, anda harus membuat navigasi antar halaman ini.<br />
<br />
Oke langsung saja<br />
<ol>
<li>Buka visual studio anda, klik New Project<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/AVvXsEgTyJO29l3W0kyFmPzG1QSV1JJqDByHAQIrvCRMGgqiN5BMS698QGGD8lwqfdgxbg4R7FWvUAIJgho1rlRUWz7JnDHCK_o7Mu5qB-UkZesFn212m1ZZTDsSDifLxBROEoW5R9hdac0Lzars/s1600/Screenshot_2.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img alt="Windows 10 Universal App : Navigasi Halaman" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTyJO29l3W0kyFmPzG1QSV1JJqDByHAQIrvCRMGgqiN5BMS698QGGD8lwqfdgxbg4R7FWvUAIJgho1rlRUWz7JnDHCK_o7Mu5qB-UkZesFn212m1ZZTDsSDifLxBROEoW5R9hdac0Lzars/s320/Screenshot_2.png" title="Windows 10 Universal App : Navigasi Halaman" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Membuat Project Baru</td></tr>
</tbody></table>
</li>
<li>Pilih Universal -> Blank App<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/AVvXsEgTyJO29l3W0kyFmPzG1QSV1JJqDByHAQIrvCRMGgqiN5BMS698QGGD8lwqfdgxbg4R7FWvUAIJgho1rlRUWz7JnDHCK_o7Mu5qB-UkZesFn212m1ZZTDsSDifLxBROEoW5R9hdac0Lzars/s1600/Screenshot_2.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img alt="Windows 10 Universal App : Navigasi Halaman" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTyJO29l3W0kyFmPzG1QSV1JJqDByHAQIrvCRMGgqiN5BMS698QGGD8lwqfdgxbg4R7FWvUAIJgho1rlRUWz7JnDHCK_o7Mu5qB-UkZesFn212m1ZZTDsSDifLxBROEoW5R9hdac0Lzars/s320/Screenshot_2.png" title="Windows 10 Universal App : Navigasi Halaman" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Blank App</td></tr>
</tbody></table>
</li>
<li>Desain halaman mainpage.xaml seperti gambar dibawah ini<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/AVvXsEiUhu2cXb7hR9zFl9BR-TApflamWHtmcqflNd3qFJencdC2O9CmLn5xXvEe_zdA4Zyzyu0VrdxGiJQNFjrshUgpauG5VuOH3m2KAVlqrvQBl25bCe38RrbEE5Pq4HXu79BZx8Q9dwZsH0ES/s1600/Screenshot_1.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img alt="Windows 10 Universal App : Navigasi Halaman" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUhu2cXb7hR9zFl9BR-TApflamWHtmcqflNd3qFJencdC2O9CmLn5xXvEe_zdA4Zyzyu0VrdxGiJQNFjrshUgpauG5VuOH3m2KAVlqrvQBl25bCe38RrbEE5Pq4HXu79BZx8Q9dwZsH0ES/s1600/Screenshot_1.png" title="Windows 10 Universal App : Navigasi Halaman" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Tampilan MainPage.xaml</td></tr>
</tbody></table>
atau bisa juga menggunakan script dibawah ini<br />
<pre class="brush:html"><Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <Grid.RowDefinitions>
            <RowDefinition Height="100"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <TextBlock Text="Halaman Utama" HorizontalAlignment="Center" FontSize="30" VerticalAlignment="Center"/>
        <Button Grid.Row="1" HorizontalAlignment="Center" Name="btn_page2" Content="Ke Halaman 2" Click="btn_page2_Click"/>
    </Grid></pre>
</li>
<li>Buat halaman baru dengan cara klik menu Project -> Blank Page beri nama halmaan_2.xaml<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/AVvXsEjDfsd5_0WNHQ4NqgcaDd-q9JFJEfI-tQb4AI4A9swhrN9YUg_vsTnUZz6V3fVumJ35SH6D-4n9QXBtQHf5G2DDO6i_yUkM5q0Dp3sKtoPRe3rQtnfNZxjRhDmRdGPyIxzd3Py2MDU42hut/s1600/Screenshot_2.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img alt="Windows 10 Universal App : Navigasi Halaman" border="0" height="174" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDfsd5_0WNHQ4NqgcaDd-q9JFJEfI-tQb4AI4A9swhrN9YUg_vsTnUZz6V3fVumJ35SH6D-4n9QXBtQHf5G2DDO6i_yUkM5q0Dp3sKtoPRe3rQtnfNZxjRhDmRdGPyIxzd3Py2MDU42hut/s320/Screenshot_2.png" title="Windows 10 Universal App : Navigasi Halaman" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Blank Page</td></tr>
</tbody></table>
</li>
<li>Desain halaman halaman_2.xaml seperti gambar dibawah ini<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/AVvXsEi-nupsRbbbsensGcsgOlSVIH8izwMzYmBjXjo5p8HukWZIHSI0ZDG0svQxTaf2uvCbyy_8CBHRWArKgJ0VF3L2dODIQtsK65c1y-lLkkKMCEts6g6UPF5XdWNBEvRzExo0YFxKQTw75NoP/s1600/Screenshot_3.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img alt="Windows 10 Universal App : Navigasi Halaman" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-nupsRbbbsensGcsgOlSVIH8izwMzYmBjXjo5p8HukWZIHSI0ZDG0svQxTaf2uvCbyy_8CBHRWArKgJ0VF3L2dODIQtsK65c1y-lLkkKMCEts6g6UPF5XdWNBEvRzExo0YFxKQTw75NoP/s1600/Screenshot_3.png" title="Windows 10 Universal App : Navigasi Halaman" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">halaman_2.xaml</td></tr>
</tbody></table>
atau bisa juga menggunakan script dibawah ini<br />
<pre class="brush:html"><Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <Grid.RowDefinitions>
            <RowDefinition Height="100"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <TextBlock Text="Halaman Kedua" HorizontalAlignment="Center" FontSize="30" VerticalAlignment="Center"/>
        <StackPanel Grid.Row="1" Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
            <TextBlock Text="Website : " FontSize="20"/>
            <TextBlock Name="txt_nama"  FontSize="20" Margin="5,0,0,0"/>
        </StackPanel>
    </Grid></pre>
</li>
<li>Kembali ke mainpage.xaml tambahkah event click dan tambahkan script dibawah ini<br />
<pre class="brush:html">private void btn_page2_Click(object sender, RoutedEventArgs e)
        {
            // untuk navigasi ke halaman_2.xaml, serta mengirimkan parameter string yang 
            //berisi www.tutorialkoding.id
            Frame.Navigate(typeof(halaman_2), "www.tutorialkoding.id");
        }</pre>
</li>
<li>Buka file halmaan_2.xaml.cs tambahkan script dibawah ini untuk override fungsi OnNavigatedTo, event ini berguna untuk menghandle event ketika halaman active<br />
<pre class="brush:html">protected override void OnNavigatedTo(NavigationEventArgs e)
        {
            base.OnNavigatedTo(e);
            // manampilkan parameter yang dikirim dari MainPage ke txt_nama
            txt_nama.Text = e.Parameter as string;
        }

</pre>
</li>
<li>Pada bagian construct halaman_2 tambahkan script dibawah ini guna membuat animasi ketika halaman berganti<br />
<pre class="brush:html">        private void SetUpPageAnimation()
        {
            TransitionCollection collection = new TransitionCollection();
            NavigationThemeTransition theme = new NavigationThemeTransition();

var info = new ContinuumNavigationTransitionInfo();

theme.DefaultNavigationTransitionInfo = info;
            collection.Add(theme);
            this.Transitions = collection;
        }

public halaman_2()
        {
            this.InitializeComponent();
            SetUpPageAnimation();
        }</pre>
<br />
</li>
<li>Jalankan program dengan memilih target ke local machine, emulator atau device<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/AVvXsEgXNUmIOdey21fjfBWYi7WxdbVwXsjUuy7ZUMgdzHTC05eS9cIytJTMfPHQVuHIRoVtkaBhTHntW5kH05f_NnDeUsigwe2Dbv-ibu1pHsPjhX1Dyl0w5myuLmvetMj7dOSItAPQdZa8NmQ3/s1600/Screenshot_9.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img alt="Windows 10 Universal App : Navigasi Halaman" border="0" height="146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXNUmIOdey21fjfBWYi7WxdbVwXsjUuy7ZUMgdzHTC05eS9cIytJTMfPHQVuHIRoVtkaBhTHntW5kH05f_NnDeUsigwe2Dbv-ibu1pHsPjhX1Dyl0w5myuLmvetMj7dOSItAPQdZa8NmQ3/s320/Screenshot_9.png" title="Windows 10 Universal App : Navigasi Halaman" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Menjalankan Program</td></tr>
</tbody></table>
<pre class="brush:html"></pre>
</li>
<li>Berikut adalah beberapa gambar hasil dari program yang telah dibuat<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/AVvXsEjpxlqLCkGTV10RCeOv3PNKtjNoEG8KDoiJcJI-KCM_E9Ohtg8YJYh5DkK7Eu6bJGoKxSpYceduselWdihQ7jaMmxhkZuuOjjnVjNbgE6xLVuPiCbIF3_2qe0dhU7ytTszpC3QpJuTSLHzs/s1600/Screenshot_5.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img alt="Windows 10 Universal App : Navigasi Halaman" border="0" height="252" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpxlqLCkGTV10RCeOv3PNKtjNoEG8KDoiJcJI-KCM_E9Ohtg8YJYh5DkK7Eu6bJGoKxSpYceduselWdihQ7jaMmxhkZuuOjjnVjNbgE6xLVuPiCbIF3_2qe0dhU7ytTszpC3QpJuTSLHzs/s320/Screenshot_5.png" title="Windows 10 Universal App : Navigasi Halaman" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Halaman Utama</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwxh2pke-s9PTy02P7HjFPS81gYa0FvGQC1QH_XYl89FGn-aVRgnxkFKhD8EuiO0Mln5AtRjkFxg-Nna1YwaqvvifvY1NnVBbxohyphenhyphenxKFl32-8V-XoVVKp88Kwj3J8Qs1VPJCMgDjknfUeN/s1600/Screenshot_6.png" imageanchor="1" style="text-align: center;"><img alt="Windows 10 Universal App : Navigasi Halaman" border="0" height="251" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwxh2pke-s9PTy02P7HjFPS81gYa0FvGQC1QH_XYl89FGn-aVRgnxkFKhD8EuiO0Mln5AtRjkFxg-Nna1YwaqvvifvY1NnVBbxohyphenhyphenxKFl32-8V-XoVVKp88Kwj3J8Qs1VPJCMgDjknfUeN/s320/Screenshot_6.png" title="Windows 10 Universal App : Navigasi Halaman" width="320" /></a></div>
</li>
</ol>
<div>
<blockquote class="tr_bq">
Source Code : <a href="https://github.com/shlappdev/UWP_Page_Navigation">https://github.com/shlappdev/UWP_Page_Navigation</a></blockquote>
Bagimana? menarik bukan ? saya akan membuat lagi tutorial yang lebih menarik dari ini :D tetap kunjungi blog ini ya :D<br />
<br />
Jika ada yang ingin ditanyakan silahkan tanya melalui komentar dibawah ini. dan juga ada kritik atau saran juga bisa di tambahkan melalui komentar atau melalui email, saya terima kasih telah berkunjung </div>

Windows 10 Universal App : Navigasi Halaman

Selamat pagi agan & sista semua, pada kali ini saya akan share masih seputar Windows 10 Universal App, jika sebelumnya saya sudah share tentang Hello World, sekarang saya akan membahas bagaimana cara navigasi antar halaman pada Windows 10 Universal App ini. Navigasi adalah bagian penting dari sebuah…

24Feb2016

Windows 10 Universal App : Hello World

Selamat malam agan dan sista semua, sudah lama sekali saya tidak memposting :D<br />
malam kali ini saya akan memposting hal baru yang belum pernah saya posting sebelumnya<br />
yaitu tentang Windows 10 Universal App (UWP)<br />
<br />
Apa itu Windows 10 Universal App ?<br />
Windows 10 Universal App adalah aplikasi yang bisa berjalan di berbagai perangkat berbasis windows 10 tersebut. universal app didukung oleh berbagai sarana yang memungkinkan aplikasi menyesuaikan diri di berbagai perangkat. antara lan: tampil antar-muka (Interface) yang bisa disesuaikan (Adaptive user interrace), beragam input pengguna (keyboard, mouse dll) satu SDK, satu bursa dan satu developer center.<br />
<br />
Tools yang diperlukan.<br />
Tools yang diperlukan untuk membuat Windows 10 Universal App adalah<br />
<br />
<ol>
<li>Visual Studio 2015 </li>
<li>Windows 10 SDK</li>
<li>Windows 10 Emulator (Opsional karena bisa langsung menggunakan smartphone and<br />
</li>
</ol>
Untuk lebih lengkapnya silahkan kunjungi link ini <a href="https://dev.windows.com/en-us/downloads">https://dev.windows.com/en-us/downloads</a> . Jiika semua yang sudah diperlukan sudah didownload dan diinstall. sekarang saatnya untuk memulai membuat aplikasi<br />
<ol>
<li>Buka Visual Studio yang sudah terinstall masuk menu File -> New -> Project<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/AVvXsEhKYREiBJZhTc-5RFhDWv8cv8IpngknVH7asepMxN7yM4ooNmQZYoqriM4KmAqJHnSzgtByGiYU8VYdieyreNUVf5IrYobpT0httQ79l-cg_wc-f39vqN2Mwmo7pSGxqo7C-qg8kp4WiBzw/s1600/Screenshot_1.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img border="0" height="173" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKYREiBJZhTc-5RFhDWv8cv8IpngknVH7asepMxN7yM4ooNmQZYoqriM4KmAqJHnSzgtByGiYU8VYdieyreNUVf5IrYobpT0httQ79l-cg_wc-f39vqN2Mwmo7pSGxqo7C-qg8kp4WiBzw/s320/Screenshot_1.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
</li>
<li>Pilih Visual C# -> Universal -> Blank App (Universal Wndows) serta ketikan juga nama projectnya, klik tombol OK<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/AVvXsEg4aYBj6M8hvPBKfKmxD2zL_x0To7YFhzcX1UWn2UlkkH3ipg8sa4lMCzr1ebXTLFMEim0eb0Doir0sckM_XrArU29z8Kng9gK10G_LHAf74XafLza7bLcobOZWRFwdLpj_XWFEbVDFOTvI/s1600/Screenshot_2.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4aYBj6M8hvPBKfKmxD2zL_x0To7YFhzcX1UWn2UlkkH3ipg8sa4lMCzr1ebXTLFMEim0eb0Doir0sckM_XrArU29z8Kng9gK10G_LHAf74XafLza7bLcobOZWRFwdLpj_XWFEbVDFOTvI/s320/Screenshot_2.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
</li>
<li>Buka file MainPage.xaml, lalu desain form seperti gambar dibawah ini<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/AVvXsEhlQNF4MvH5SaaJH43BZQobRwnTE9zJmfY0CWsob4bqhpZ0NN5F8p63gqP_6ka6GkLXnNlmqKxw0vbe7YflZ4g-gGGGC0qreJAQeuOJIIGFgH4jF3dWVvk3NSSCJywQOqHBK1g3hmaFuUft/s1600/Screenshot_4.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img border="0" height="178" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlQNF4MvH5SaaJH43BZQobRwnTE9zJmfY0CWsob4bqhpZ0NN5F8p63gqP_6ka6GkLXnNlmqKxw0vbe7YflZ4g-gGGGC0qreJAQeuOJIIGFgH4jF3dWVvk3NSSCJywQOqHBK1g3hmaFuUft/s320/Screenshot_4.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
<br />Atau bisa bisa juga ketikan script dibawah ini<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/AVvXsEgLc8SxenelJ_CgUs44HGCiR_2Mhtai0ihveulpX17PkEBZmtC4TM4DqgEBbmRq5v_zEqY6VMiW5pUc0Y0IBCDgCLOsPgX4dw2Ex1fR2egh02JipPkQm34PKemmlKKN0x4_6SRsqfwbKFNO/s1600/Screenshot_5.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img border="0" height="146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLc8SxenelJ_CgUs44HGCiR_2Mhtai0ihveulpX17PkEBZmtC4TM4DqgEBbmRq5v_zEqY6VMiW5pUc0Y0IBCDgCLOsPgX4dw2Ex1fR2egh02JipPkQm34PKemmlKKN0x4_6SRsqfwbKFNO/s320/Screenshot_5.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
</li>
<li>Klik tombol Hello pilih pada bagian Event pada bagian Properties klik 2 kali pada kolom Click<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/AVvXsEjUgTkAxrzK1atrldPquA4MKYl-6JELrzt2i_MOG-BofSthdlRPWXIHwfw0raTdcvbT_vVOlHWn335vEPWJLIyCHfYpeI1TGL3z0sz_qL4zofz26hmx2lktqRza0aXDzz7KFp4qEZykRigB/s1600/Screenshot_6.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img border="0" height="288" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUgTkAxrzK1atrldPquA4MKYl-6JELrzt2i_MOG-BofSthdlRPWXIHwfw0raTdcvbT_vVOlHWn335vEPWJLIyCHfYpeI1TGL3z0sz_qL4zofz26hmx2lktqRza0aXDzz7KFp4qEZykRigB/s320/Screenshot_6.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
</li>
<li> Ketikan script dibawah ini<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/AVvXsEiItfRQjJS20QCb1xQUWlhSIEEmlFVqr5r-TbS7Y3NFQiBrEy_gR3sceyroVO7AwAPNK3XzlzSN2Fa9k4RLe2jNWYqgBtlm5kAgd3lAL0Dp0z6JtOdpDh0qRIJ3f1GiWRVQcukTIBnTfUEj/s1600/Screenshot_8.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img border="0" height="87" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiItfRQjJS20QCb1xQUWlhSIEEmlFVqr5r-TbS7Y3NFQiBrEy_gR3sceyroVO7AwAPNK3XzlzSN2Fa9k4RLe2jNWYqgBtlm5kAgd3lAL0Dp0z6JtOdpDh0qRIJ3f1GiWRVQcukTIBnTfUEj/s320/Screenshot_8.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
</li>
<li>Jika terjadi error tambahkan script dibawah ini pada bagian header,<br />namespace Windows.UI.Popups berguna ketika kita menggunakan class MessageDialog<br />untuk lebih detailnya silahkan klik link berikut <a href="https://msdn.microsoft.com/en-us/library/windows/apps/br230602.aspx">https://msdn.microsoft.com/en-us/library/windows/apps/br230602.aspx</a><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/AVvXsEjw3N6mhhBxHr7CTBfXT8CzOsITzgee8EM6TbT8qaL2bBIPV_YZt8FqAX_CiDoxuIa396-6aj_v9JwUTaUPmpc5uLZk7T83jbGZb6wnz7kwR4nbiuHW7q30A7RCv1ZET7C9k5aOmM1rDdCR/s1600/Screenshot_7.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw3N6mhhBxHr7CTBfXT8CzOsITzgee8EM6TbT8qaL2bBIPV_YZt8FqAX_CiDoxuIa396-6aj_v9JwUTaUPmpc5uLZk7T83jbGZb6wnz7kwR4nbiuHW7q30A7RCv1ZET7C9k5aOmM1rDdCR/s1600/Screenshot_7.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
</li>
<li>Jika sudah silahkan jalankan program tersebut dengan cara memilih target Devicenya apakah akan menggunakan Emulator atau menggunakan Local Machine<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/AVvXsEjk7BFku48mDxz2kCrP9HzwGdmfcFEAGMXpup2lPnEdkK0ZOJ5OGPsz_Y8whAsC7EPKDS29NgozZ5jKPOJ7jjhDj4uhF1x4GV_GnbKFuroxqNNUVB6K3jFAdpI06wAa4XQm-i9GklPghL5p/s1600/Screenshot_9.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img border="0" height="146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk7BFku48mDxz2kCrP9HzwGdmfcFEAGMXpup2lPnEdkK0ZOJ5OGPsz_Y8whAsC7EPKDS29NgozZ5jKPOJ7jjhDj4uhF1x4GV_GnbKFuroxqNNUVB6K3jFAdpI06wAa4XQm-i9GklPghL5p/s320/Screenshot_9.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
</li>
<li>Gambar dibawah ini adalah hasil dari program yang telah dibuat<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/AVvXsEje2HbmnTvPStyS8M7eBzS2FDQSMaG59w2LRbsJwc4x3fefT9cH-RcPUxoSLow81hMyc-G1-gvzGk6c25Jp45KAXcihDIKnplvFgiJq-C1mhGMkJMxeqkAVdmPg_IcID8zxfttH1P2W_2qd/s1600/Screenshot_10.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img border="0" height="194" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje2HbmnTvPStyS8M7eBzS2FDQSMaG59w2LRbsJwc4x3fefT9cH-RcPUxoSLow81hMyc-G1-gvzGk6c25Jp45KAXcihDIKnplvFgiJq-C1mhGMkJMxeqkAVdmPg_IcID8zxfttH1P2W_2qd/s320/Screenshot_10.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Tampilan pada local 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/AVvXsEiKAUXEGjt2q-REkpvaPUax2o2z9c9JendYjfAIce1UXYmmTGOY8ssodEosQ_esCzGNCrnXRqw4RM36lgt7x_LDfR8lfaSe65tXWvYNxjp4V7cGeT0jZklFya8Z2BH14Mwf82cXLTlwdjAZ/s1600/Screenshot_11.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKAUXEGjt2q-REkpvaPUax2o2z9c9JendYjfAIce1UXYmmTGOY8ssodEosQ_esCzGNCrnXRqw4RM36lgt7x_LDfR8lfaSe65tXWvYNxjp4V7cGeT0jZklFya8Z2BH14Mwf82cXLTlwdjAZ/s320/Screenshot_11.png" width="164" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Tampilan pada emulator</td></tr>
</tbody></table>
</li>
</ol>
<blockquote class="tr_bq">
Source Code : <a href="https://github.com/shlappdev/UWP_Hello_World">https://github.com/shlappdev/UWP_Hello_World</a></blockquote>
Bagimana? menarik bukan ? saya akan membuat lagi tutorial yang lebih menarik dari ini :D tetap kunjungi blog ini ya :D<br />
<br />
Jika ada yang ingin ditanyakan silahkan tanya melalui komentar dibawah ini. dan juga ada kritik atau saran juga bisa di tambahkan melalui komentar atau melalui email saya terima kasih telah berkunjung<br />
<br />

Windows 10 Universal App : Hello World

Selamat malam agan dan sista semua, sudah lama sekali saya tidak memposting :D malam kali ini saya akan memposting hal baru yang belum pernah saya posting sebelumnya yaitu tentang Windows 10 Universal App (UWP) Apa itu Windows 10 Universal App ? Windows 10 Universal App adalah aplikasi yang bisa ber…

15Feb2016