Tutorial Koding

Membuat System Tray/Status Bar di Windows Phone

Assalamualaikum...<br />
Karena sudah salam saya tidak memposting tutorial, pada malam ini saya ingin memposting sebuah tutorial sederhana tentang Membuat System Tray di Windows Phone.<br />
<div>
Apa itu System Tray ?</div>
<div>
System Tray adalah sebuah area di bagian atas device anda di mana pada area ini berisi tentang informasi konektivitas device anda, misalkan jika lokasi device dihidupkan, jika device anda mengaktifkan getaran dan banyak lagi.</div>
<div>
<br /></div>
<div>
Langkah - langkah untuk Membuat System Tray/Status Bar di Windows Phone </div>
<div>
<br /></div>
<div>
1. Buka Visual Studio yang ada punya (disini saya menggunakan visual studio 2013)</div>
<div>
<br /></div>
<div>
2. Buat sebuah project Windows Phone Apps, pilih Blank App</div>
<div>
<br /></div>
<div>
3. Tambah 2 buah button dan atur posisi dan yang lainnya seperti gambar dibawah ini</div>
<div>
</div>
<div>
<pre class="brush:html"><Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
    <Button x:Name="btn_tampil" Content="Tampilkan" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="72,190,0,0" Width="290" Click="btn_tampil_Click"/>
    <Button x:Name="btn_sembunyi" Content="Sembunyikan" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="72,89,0,0" Width="290" Click="btn_sembunyi_Click"/>
</Grid>
</pre>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF-GJ_vocDNyF-UOMFIKs58H2UV-_dVWPa9VKiOqK2r2IJdv45ror6_3Eqf956z65hks3i7zdbOTZK4mBWKzSnPAlzf2CFr4jsSbjEh21qsod5yZ_pAPObUPgu_BmgDpy-iMLzok4Cizre/s1600/Screenshot_1.png" imageanchor="1"><img alt="Membuat System Tray/Status Bar di Windows Phone " border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF-GJ_vocDNyF-UOMFIKs58H2UV-_dVWPa9VKiOqK2r2IJdv45ror6_3Eqf956z65hks3i7zdbOTZK4mBWKzSnPAlzf2CFr4jsSbjEh21qsod5yZ_pAPObUPgu_BmgDpy-iMLzok4Cizre/s1600/Screenshot_1.png" title="Membuat System Tray/Status Bar di Windows Phone " width="209" /></a></div>
<br />
4. Tambahkan script dibawah ini pada bagian Constructor<br />
<pre class="brush:html">public MainPage()
{
    InitializeComponent();

SystemTray.SetIsVisible(this, true);
    SystemTray.SetOpacity(this, 0.7);
    SystemTray.SetBackgroundColor(this, Colors.Blue);
    SystemTray.SetForegroundColor(this, Colors.White);
    ProgressIndicator progress = new ProgressIndicator();
    progress.IsVisible = true;
    progress.IsIndeterminate = true;
    progress.Text = "Loading ...";
    SystemTray.SetProgressIndicator(this, progress);
}
</pre>
<br />
5. Tambahkan script dibawah ini pada event btn_tampil_Click<br />
<pre class="brush:html">private void btn_tampil_Click(object sender, RoutedEventArgs e)
{
    SystemTray.IsVisible = true;   
}</pre>
<br />
6. Tambahkan script dibawah ini pada event btn_sembunyikan_Click<br />
<pre class="brush:html">private void btn_sembunyi_Click(object sender, RoutedEventArgs e)
{
    SystemTray.IsVisible = false;
}
</pre>
<br />
7. Jalankan project tersebut dengan menekan F5 maka akan 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/AVvXsEjYRtU8F6DB5rmwxU5l3ja-8GsCqAd7gLSYkVBUG4yhZjRq0n89e5o_z0XSI1zqbORE-0Gt5_k4Qf6qzVZhinZXOk0Gv38k3SLoBzdOHKs7UL3S9H06xSXyjtkam4Z3lUa4FSuSbVzkbt3u/s1600/Screenshot_3.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Membuat System Tray/Status Bar di Windows Phone " border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYRtU8F6DB5rmwxU5l3ja-8GsCqAd7gLSYkVBUG4yhZjRq0n89e5o_z0XSI1zqbORE-0Gt5_k4Qf6qzVZhinZXOk0Gv38k3SLoBzdOHKs7UL3S9H06xSXyjtkam4Z3lUa4FSuSbVzkbt3u/s1600/Screenshot_3.png" title="Membuat System Tray/Status Bar di Windows Phone " width="173" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Ketika System Tray di Sembunyikan</td></tr>
</tbody></table>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnkV7gYZHtGetvBhkNFRUUdEddiG-6l22agQMq0NnL_ECizr50CQ-EXHl45rJbf1BxHJdePbXsEsrmUCBx-CuKRVrMbBuvS2V5zG-VsswpekKHUJDUqmu3lp3qun7PooaUPIQmRZhB8Wpd/s1600/Screenshot_4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat System Tray/Status Bar di Windows Phone " border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnkV7gYZHtGetvBhkNFRUUdEddiG-6l22agQMq0NnL_ECizr50CQ-EXHl45rJbf1BxHJdePbXsEsrmUCBx-CuKRVrMbBuvS2V5zG-VsswpekKHUJDUqmu3lp3qun7PooaUPIQmRZhB8Wpd/s1600/Screenshot_4.png" title="Membuat System Tray/Status Bar di Windows Phone " width="170" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Anda bisa mendownload source codenya <a href="http://www.tusfiles.net/3n44b7c10dbn">disini</a></div>
<div style="text-align: center;">
dan untuk passwordnya <a href="http://tny.cz/cca303d4">disini</a></div>
<br />
Tunggu tutorial menarik lainnya, karena itu kunjungi terus blog ini</div>

Membuat System Tray/Status Bar di Windows Phone

Assalamualaikum... Karena sudah salam saya tidak memposting tutorial, pada malam ini saya ingin memposting sebuah tutorial sederhana tentang Membuat System Tray di Windows Phone. Apa itu System Tray ? System Tray adalah sebuah area di bagian atas device anda di mana pada area ini berisi tentang info…

22Dec2014

Membuat Secondary Tile di Windows Phone

Setelah beberapa hari yang lalu saya membahas tentang <a href="http://dwirandyherdinanto.blogspot.com/2014/11/membuat-application-bar-di-windows-phone.html">Membuat Application Bar di Windows Phone</a>, kali ini saya akan membahas tentang  <a href="http://dwirandyherdinanto.blogspot.com/2014/11/membuat-secondary-tile-di-windows-phone.html">Membuat Secondary Tile di Windows Phone</a><br />
<br />
Apa itu Tile ?<br />
Tile adalah sebuah link ke aplikasi yang ada di dalam Start. Ada 2 jenis Tile yaitu Application Tiles dan Secondary Tiles<br />
Application Tile adalah tile yang dibuat ketika pengguna pin aplikasi ke Start dengan cara menekan dan menahan icon aplikasi dalam daftar aplikasi<br />
dan Secondary Tiles adalah Tiles yang dibuat di aplikasi berdasarkan interaksi dari pengguna.<br />
<br />
Langkah - langkah  Menambah dan Menghapus Secondary Tile di Windows Phone<br />
<br />
1. Buat sebuah project windows phone di visual studio, lalu tambahkan gambar ke dalam project, gambar tersebut yang akan di gunakan sebagai Tiles<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhEG1ruRzqc26OIWwpIFgzaDRAIoh_u3sdUcirW2s9Mm5DBBph17IzVX36FBimnfaLItK7qJVJeLAJlEzBWYfmZFfMFX_zBG9my3fdK0UtPVU3Xmhyphenhyphen0gRxc_MlN7bapFLCC8xFC875gnJu/s1600/Screenshot_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Secondary Tile di Windows Phone" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhEG1ruRzqc26OIWwpIFgzaDRAIoh_u3sdUcirW2s9Mm5DBBph17IzVX36FBimnfaLItK7qJVJeLAJlEzBWYfmZFfMFX_zBG9my3fdK0UtPVU3Xmhyphenhyphen0gRxc_MlN7bapFLCC8xFC875gnJu/s1600/Screenshot_1.png" title="Membuat Secondary Tile di Windows Phone" /></a></div>
<br />
<br />
2. Pada mainpage.xaml tambahkan script dibawah ini untuk membuat 2 buah button<br />
<br />
<pre class="brush:html"><Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
            <Button x:Name="btn_tambah" Click="btn_tambah_Click" Content="Tambah Tiles" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="91,148,0,0" Width="257"/>
            <Button x:Name="btn_hapus" Click="btn_hapus_Click" Content="Hapus Tiles" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="91,264,0,0" Width="257"/>

</Grid></pre>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgShB4WnqIiH3EaxGKSQJdu4UW9fvPqtCIPKAZKmGzLzL7nOM5vGL2nXp_Oahnq0O1Wj93DNy7e3w0rXT9ise-3soDzSqnd5OHXH4OP_iBAYNRb7mbekbi42Jwsa2VbFsJiky6v3M-dMyuP/s1600/Membuat+Secondary+Tile+di+Windows+Phone+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgShB4WnqIiH3EaxGKSQJdu4UW9fvPqtCIPKAZKmGzLzL7nOM5vGL2nXp_Oahnq0O1Wj93DNy7e3w0rXT9ise-3soDzSqnd5OHXH4OP_iBAYNRb7mbekbi42Jwsa2VbFsJiky6v3M-dMyuP/s1600/Membuat+Secondary+Tile+di+Windows+Phone+2.png" width="175" /></a></div>
<br />
<br />
3. Buat sebuah fungsi untuk menetukan Tiles Aplikasi apakah sudah ada pada Start Screen atau belum<br />
<pre class="brush:html">private ShellTile FindTile(string TileUriSource)
        {
            ShellTile shelltile = ShellTile.ActiveTiles.FirstOrDefault(tile => tile.NavigationUri.ToString().Contains(TileUriSource));
            return shelltile;
        }</pre>
<br />
4. Pada event btn_tambah click tambahkan script dibawah ini<br />
<pre class="brush:html">private void btn_tambah_Click(object sender, RoutedEventArgs e)
        {
            // menemukan tile apakah sudah ada di start screen atau belum
            ShellTile tile = this.FindTile("Source=SecondaryTile");
            if (tile == null) // jika belum ada di start screen
            {
                // membuat tiledata
                StandardTileData tiledata = new StandardTileData
                {
                    Title="Tutorial Koding", // judul tile
                    BackgroundImage = new Uri("/Tile.png",UriKind.Relative), // bakcgrond tile
                    Count=3, 
                    BackTitle="Back Title", // judul ketika tile dibalik
                    BackBackgroundImage = new Uri("",UriKind.Relative), // background ketika tile dibalik
                    BackContent="Contoh Tile" // content tile ketika dibalik
                };

string tileuri = "/MainPage.xaml?Source=SecondaryTile";
                // membuat tile
                ShellTile.Create(new Uri(tileuri, UriKind.Relative), tiledata);
            }
            else
            {
                MessageBox.Show("Secondary Tile sudah ada");
            }
        }</pre>
<br />
5. Pada event btn_hapus click tambahkan script dibawah ini<br />
<pre class="brush:html">        private void btn_hapus_Click(object sender, RoutedEventArgs e)
        {
            ShellTile tile = this.FindTile("Source=SecondaryTile");
            if (tile != null) // jika tile ditemukan
            {
                // menghapus tile
                tile.Delete();
                MessageBox.Show("Secondary tile dihapus");
            }
            else
            {
                MessageBox.Show("Tidak ada secondary tile ditemukan");
            }
        }</pre>
<br />
6. Jalankan aplikasi dengan menekan tombol F5 jangan lupa memilih target device ke Emulator atau ke device<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-ugdHgCnaxOLo1w7csv9vY_LGbk7FRwmyEsP4l4VubpGxQqu7rKV7AkN17AKX7pMnaI2SV1eOgilKFfn6QuIRv2r8-iHhiqbBfpaJ8G4CSuBGkzOR5LC5YxiFsy6eFpULAskslyIHrRi2/s1600/Membuat+Secondary+Tile+di+Windows+Phone+3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Secondary Tile di Windows Phone" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-ugdHgCnaxOLo1w7csv9vY_LGbk7FRwmyEsP4l4VubpGxQqu7rKV7AkN17AKX7pMnaI2SV1eOgilKFfn6QuIRv2r8-iHhiqbBfpaJ8G4CSuBGkzOR5LC5YxiFsy6eFpULAskslyIHrRi2/s1600/Membuat+Secondary+Tile+di+Windows+Phone+3.png" title="Membuat Secondary Tile di Windows Phone" width="175" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBXDEtT4Tp_lrlbJhvSJdnLfe8cTKdMUaYVsDmubVqKAfaoCn26CnR4GjmX5gC5igRSq7Prcgnhy8SfmqiCkvGxDZukQSeeShP3CujrhzFAm3ouFHACCbD7Mz_mXJCq_VvWdSSK24K8nLZ/s1600/Membuat+Secondary+Tile+di+Windows+Phone+4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Secondary Tile di Windows Phone" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBXDEtT4Tp_lrlbJhvSJdnLfe8cTKdMUaYVsDmubVqKAfaoCn26CnR4GjmX5gC5igRSq7Prcgnhy8SfmqiCkvGxDZukQSeeShP3CujrhzFAm3ouFHACCbD7Mz_mXJCq_VvWdSSK24K8nLZ/s1600/Membuat+Secondary+Tile+di+Windows+Phone+4.png" title="Membuat Secondary Tile di Windows Phone" width="172" /></a></div>
<br />
<div style="text-align: center;">
Anda bisa mendownload source codenya <a href="http://adf.ly/uE5hy">disini</a></div>
<div style="text-align: center;">
dan untuk passwordnya <a href="http://adf.ly/fHCDH">disini</a></div>
<br />
Sekian pembahasan tentang <a href="http://dwirandyherdinanto.blogspot.com/2014/11/membuat-secondary-tile-di-windows-phone.html">Membuat Secondary Tile di Windows Phone</a><br />
Tunggu tutorial menarik lainnya, karena itu kunjungi terus blog ini

Membuat Secondary Tile di Windows Phone

Setelah beberapa hari yang lalu saya membahas tentang Membuat Application Bar di Windows Phone, kali ini saya akan membahas tentang Membuat Secondary Tile di Windows Phone Apa itu Tile ? Tile adalah sebuah link ke aplikasi yang ada di dalam Start. Ada 2 jenis Tile yaitu Application Tiles dan Second…

16Nov2014

Membuat Application Bar di Windows Phone

Setelah beberapa hari yang lalu saya membahas tentang <a href="http://dwirandyherdinanto.blogspot.com/2014/11/membuat-navigasi-halaman-di-windows.html">Membuat Navigasi Halaman di Windows Phone</a>, kali ini saya akan membahas tentang <a href="http://dwirandyherdinanto.blogspot.com/2014/11/membuat-application-bar-di-windows-phone.html">Membuat Application Bar di Windows Phone</a><br />
<div>
<br /></div>
<div>
Apa itu Application Bar ?</div>
<div>
Application bar merupakan sistem kontrol yang dapat kita gunakan untuk membangun sebuah toolbar pada aplikasi windows phone.</div>
<div>
Ada 2 jenis application bar yaitu icon button dan text menu</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigo8trTu2EFU8BMZVWur6_NA1w8-xMyhrnYKPlcjVOJoeh-zEzdX2c5ymbpv-FRJ_8deA7Vk5femEz5PgTxPOhq9F6SG3IfZGvpxY9V1VoU2RF3nRlIyZShpLiu6vOMjYgbl_KUUwxD08a/s1600/Screenshot_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Application Bar di Windows Phone" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigo8trTu2EFU8BMZVWur6_NA1w8-xMyhrnYKPlcjVOJoeh-zEzdX2c5ymbpv-FRJ_8deA7Vk5femEz5PgTxPOhq9F6SG3IfZGvpxY9V1VoU2RF3nRlIyZShpLiu6vOMjYgbl_KUUwxD08a/s1600/Screenshot_1.png" title="Membuat Application Bar di Windows Phone" width="180" /></a></div>
<div>
<br /></div>
<div>
Ada beberapa hal yang perlu kita perhatikan dalam membuat application bar yaitu :</div>
<div>
<ol>
<li>Image yang digunakan sebagai icon berwarna putih untuk foreground dan transparent menggunakan Alpha Channel.</li>
<li>Tidak perlu menambahkan lingkaran, karena lingkaran telah otomatis.</li>
<li>Ukuran icon utama adalah 26x26 dan diletakan di tengah image.</li>
<li>Jangan menggunakan icon button yang telah disediakan pada hardware button.</li>
<li>Gunakan icon button utnuk task yang utama pada aplikasi</li>
<li>Hindari lebih dari 5 icon button</li>
<li>Jika suatu task dapat direpresentasikan dengan jelas melalui icon, gunakan icon button jika tidak, gunakan text menu.</li>
<li>Ketentuan mengenai opacity : 0 (tidak akan ditampilkan dan content page akan memenuhi layar), 0.5 s.d 1 (akan tampak di layar).</li>
</ol>
</div>
<div>
<br /></div>
<div>
Langkah - langkah Membuat Application Bar di Windows Phone</div>
<div>
<br /></div>
<div>
1. Buka visual studio yang anda punya buat sebuah project windows phone application baru</div>
<div>
<br /></div>
<div>
2. Pada file MainPage.xaml tambahkan script dibawah ini tepat di atas </phone:PhoneApplicationPage></div>
<div>
<pre class="brush:html"><phone:PhoneApplicationPage.ApplicationBar>
    <shell:ApplicationBar Mode="Default" Opacity="1.0" IsMenuEnabled="True" IsVisible="True">
        
        <shell:ApplicationBarIconButton x:Name="btn_simpan" IconUri="/Assets/AppBar/save.png" Text="simpan" Click="btn_simpan_Click"/>
        <shell:ApplicationBarIconButton x:Name="btn_bagikan" IconUri="/Assets/AppBar/share.png" Text="bagikan" Click="btn_bagikan_Click"/>
            
        
        <shell:ApplicationBar.MenuItems>
            <shell:ApplicationBarMenuItem x:Name="btn_pengaturan" Text="Pengaturan" Click="btn_pengaturan_Click"/>
            <shell:ApplicationBarMenuItem x:Name="btn_tentang" Text="Tentang" Click="btn_tentang_Click"/>
         </shell:ApplicationBar.MenuItems>
    </shell:ApplicationBar>
</phone:PhoneApplicationPage.ApplicationBar></pre>
</div>
<br />
3. Anda juga bisa membuat application bar melalui behind code dengan cara tambahkan script dibawha ini pada file MainPage.xaml.cs<br />
<pre class="brush:html">            ApplicationBar appbar = new ApplicationBar();
            appbar.IsMenuEnabled = true;
            appbar.Opacity = 1.0;
            appbar.Mode = ApplicationBarMode.Default;
            appbar.IsVisible = true;
            
            // icon button
            ApplicationBarIconButton btn_simpan = new ApplicationBarIconButton();
            btn_simpan.Text = "simpan";
            btn_simpan.IconUri = new Uri("/Assets/AppBar/save.png", UriKind.Relative);
            appbar.Buttons.Add(btn_simpan);
            btn_simpan.Click += new EventHandler(btn_simpan_Click);

ApplicationBarIconButton btn_bagikan = new ApplicationBarIconButton();
            btn_bagikan.Text = "bagikan";
            btn_bagikan.IconUri = new Uri("/Assets/AppBar/share.png", UriKind.Relative);
            appbar.Buttons.Add(btn_bagikan);
            btn_bagikan.Click += new EventHandler(btn_bagikan_Click);

// text menu
            ApplicationBarMenuItem btn_pengaturan = new ApplicationBarMenuItem();
            btn_pengaturan.Text = "Pengaturan";
            appbar.MenuItems.Add(btn_pengaturan);
            btn_pengaturan.Click += new EventHandler(btn_pengaturan_Click);

ApplicationBarMenuItem btn_tentang = new ApplicationBarMenuItem();
            btn_tentang.Text = "Tentang";
            appbar.MenuItems.Add(btn_tentang);
            btn_tentang.Click += new EventHandler(btn_tentang_Click);

this.ApplicationBar = appbar;</pre>
<br />
4. Pada file MainPage.xaml.cs tambahkan script dibawah ini untuk menghandle event pada icon button dan text menu pada application bar<br />
<br />
<pre class="brush:html">private void btn_bagikan_Click(object sender, EventArgs e)
{
    MessageBox.Show("Icon Button Bagikan ditekan");
}

private void btn_simpan_Click(object sender, EventArgs e)
{
     MessageBox.Show("Icon Button Simpan ditekan");
}

private void btn_pengaturan_Click(object sender, EventArgs e)
{
     MessageBox.Show("Text menu pengaturan ditekan");
}

private void btn_tentang_Click(object sender, EventArgs e)
{
     MessageBox.Show("Text menu tentang ditekan");
}</pre>
<div>
<br />
5. Jalankan F5 maka akan seperti gambar dibawah ini<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigo8trTu2EFU8BMZVWur6_NA1w8-xMyhrnYKPlcjVOJoeh-zEzdX2c5ymbpv-FRJ_8deA7Vk5femEz5PgTxPOhq9F6SG3IfZGvpxY9V1VoU2RF3nRlIyZShpLiu6vOMjYgbl_KUUwxD08a/s1600/Screenshot_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Application Bar di Windows Phone" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigo8trTu2EFU8BMZVWur6_NA1w8-xMyhrnYKPlcjVOJoeh-zEzdX2c5ymbpv-FRJ_8deA7Vk5femEz5PgTxPOhq9F6SG3IfZGvpxY9V1VoU2RF3nRlIyZShpLiu6vOMjYgbl_KUUwxD08a/s1600/Screenshot_1.png" title="Membuat Application Bar di Windows Phone" width="180" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7onp2B8fRNCLb1Mr_lLsH1CbJ9ZYWkWIbCbMs8MjymlAMrHbZ7yMXE3syxSceWE52N24oHs9gkHzwc4fAviSjmW_P7c7J4eLfassSlFnpREk14FOGhSvjn5wea8dfky_P5lN8moI7wq5f/s1600/Screenshot_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Application Bar di Windows Phone" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7onp2B8fRNCLb1Mr_lLsH1CbJ9ZYWkWIbCbMs8MjymlAMrHbZ7yMXE3syxSceWE52N24oHs9gkHzwc4fAviSjmW_P7c7J4eLfassSlFnpREk14FOGhSvjn5wea8dfky_P5lN8moI7wq5f/s1600/Screenshot_2.png" title="Membuat Application Bar di Windows Phone" width="175" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLJ0jmgQn0d1leee_7QHsTO96nhOEEUOD9Glpyt9xII4jCd0uRPKKZY73IMMbrvPM-3Si8uzipKGvnhWcQ8cu0PbU4FFv6MY3Ov8ll4z6oDus1ZK0LZ_cQbSQFnfclUtG-eSGr680gA-xV/s1600/Screenshot_3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Application Bar di Windows Phone" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLJ0jmgQn0d1leee_7QHsTO96nhOEEUOD9Glpyt9xII4jCd0uRPKKZY73IMMbrvPM-3Si8uzipKGvnhWcQ8cu0PbU4FFv6MY3Ov8ll4z6oDus1ZK0LZ_cQbSQFnfclUtG-eSGr680gA-xV/s1600/Screenshot_3.png" title="Membuat Application Bar di Windows Phone" width="181" /></a></div>
<br />
<div style="text-align: center;">
Anda bisa mendownload source codenya <a href="http://adf.ly/tuLdb">disini</a></div>
<div style="text-align: center;">
dan untuk passwordnya <a href="http://adf.ly/fHCDH">disini</a></div>
<br />
<br />
Sekian pembahasan tentang <a href="http://dwirandyherdinanto.blogspot.com/2014/11/membuat-application-bar-di-windows-phone.html">Membuat Application Bar di Windows Phone</a><br />
Tunggu tutorial menarik lainnya, karena itu kunjungi terus blog ini</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>

Membuat Application Bar di Windows Phone

Setelah beberapa hari yang lalu saya membahas tentang Membuat Navigasi Halaman di Windows Phone, kali ini saya akan membahas tentang Membuat Application Bar di Windows Phone Apa itu Application Bar ? Application bar merupakan sistem kontrol yang dapat kita gunakan untuk membangun sebuah toolbar pada…

09Nov2014

Membuat Navigasi Halaman di Windows Phone

Malam semua, pada kesempatan kali ini saya ingin memposting tentang Windows Phone, karena saya sedang belajar tentang windows phone, sekalian juga saya ingin share tutorial tentang windows phone ini :D<br />
<br />
<div>
Pertama - tama yang perlu dipersiapkan adalah Visual Studio 2012/2013</div>
<div>
<br /></div>
<div>
Langkah - langkah Membuat Navigasi Halaman di Windows Phone 8</div>
<div>
<br /></div>
<div>
1. Buka Visual Studio yang sudah anda punya (disini saya menggunakan Visual Studio 2013), Pilih File - New - Project - Visual C# pilih Windows Phone</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTbnrlbrKIw1l-RWTm0M2733lAj8Cqa06B54KdoKCngWtTPufO7RkFZCpMm6FMnpiVoMIb7moCcuYHEE4XAc0N6L1mZVjBg_gYdYWe72v49pSG26yftpi8P3d7fbSs3CMjd37C4SsIr4b-/s1600/Navigasi_Halaman_Windows_Phone_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Navigasi Halaman di Windows Phone 8" border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTbnrlbrKIw1l-RWTm0M2733lAj8Cqa06B54KdoKCngWtTPufO7RkFZCpMm6FMnpiVoMIb7moCcuYHEE4XAc0N6L1mZVjBg_gYdYWe72v49pSG26yftpi8P3d7fbSs3CMjd37C4SsIr4b-/s1600/Navigasi_Halaman_Windows_Phone_1.png" title="Membuat Navigasi Halaman di Windows Phone 8" width="320" /></a></div>
<div>
<br /></div>
<div>
2. Tambahkan sebuah button pada grid ContentPanel</div>
<div>
<pre class="brush:html"><Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,519">
    <Button x:Name="btn_hal2" Content="Ke halaman 2" Width="400" Height="80" Click="btn_hal2_Click"/>
</Grid></pre>
</div>
<br />
3. Buka file MainPage.xaml.cs tambahkan script dibawah ini untuk berpindah ke hal2.xaml ketika tombol btn_hal2 di klik<br />
<br />
<pre class="brush:html">private void btn_hal2_Click(object sender, RoutedEventArgs e)
{
    NavigationService.Navigate(new Uri("/Hal2.xaml", UriKind.Relative));
}</pre>
<br />
4. Buat 1 halaman dengan cara klik Menu Project - Add New Item - Windows Phone Portrait Page beri nama hal2.xaml<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheEQ4300WwaooIf2AMobxpizg2TGlJHLQN-dLF3qu_-gkwNroLvSGqPTDkAtg_cNlXC38KfwQe_iL-eardbM54sl9bwafqeGCGVeI6t8BUSdtz6UaAy56KoSt10Jbp-_I__ayTFhf8sVK5/s1600/Navigasi_Halaman_Windows_Phone_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Navigasi Halaman di Windows Phone 8" border="0" height="195" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheEQ4300WwaooIf2AMobxpizg2TGlJHLQN-dLF3qu_-gkwNroLvSGqPTDkAtg_cNlXC38KfwQe_iL-eardbM54sl9bwafqeGCGVeI6t8BUSdtz6UaAy56KoSt10Jbp-_I__ayTFhf8sVK5/s1600/Navigasi_Halaman_Windows_Phone_2.png" title="Membuat Navigasi Halaman di Windows Phone 8" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
5. Tambahkan sebuah button pada grid ContentPanel</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<pre class="brush:html"><Grid x:Name="ContentPanel" Margin="12,151,12,10" Grid.RowSpan="2">
      <Button x:Name="btn_kembali" Content="Kembali ke halaman sebelumnya" Width="400" Height="80" Click="btn_kembali_Click"/>
</Grid></pre>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
6. Buka file hal2.xaml.cs tambahkan script dibawah ini untuk kembali ke halaman yang sebelumnya</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<pre class="brush:html">private void btn_kembali_Click(object sender, RoutedEventArgs e)
{
     NavigationService.GoBack();
}</pre>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
7. Jalankan program tersebut dengan cara menekan F5 maka akan seperti gambar dibawah ini</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKzTyHgouVt1sDXgq3JRNrep8y7wa8vyrMKb1iP1QBJZhd3sKClVvFbW4T85x2scIEAL1KJ1SPPALfRcTLiUC22SuOwk1B0MMXMmjtuWuk93MrlXsaa_a_hpfX4DxfDFB75nNpBxkPfAhl/s1600/Navigasi_Halaman_Windows_Phone_4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Navigasi Halaman di Windows Phone 8" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKzTyHgouVt1sDXgq3JRNrep8y7wa8vyrMKb1iP1QBJZhd3sKClVvFbW4T85x2scIEAL1KJ1SPPALfRcTLiUC22SuOwk1B0MMXMmjtuWuk93MrlXsaa_a_hpfX4DxfDFB75nNpBxkPfAhl/s1600/Navigasi_Halaman_Windows_Phone_4.png" title="Membuat Navigasi Halaman di Windows Phone 8" width="179" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9vgZ5QQwW54J0kZrABp4VusMTv8-Pl7-Agxhj8OrsoR8p8KKmM2KpXLJUKkShBTHdGKSZhiWTPEBUTNxxHcv763I2kOPbDcDz1zPk5-J13P8cQPtriSWI6FFgxiujETuQ_UleMqNfiuQ-/s1600/Navigasi_Halaman_Windows_Phone_3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Navigasi Halaman di Windows Phone 8" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9vgZ5QQwW54J0kZrABp4VusMTv8-Pl7-Agxhj8OrsoR8p8KKmM2KpXLJUKkShBTHdGKSZhiWTPEBUTNxxHcv763I2kOPbDcDz1zPk5-J13P8cQPtriSWI6FFgxiujETuQ_UleMqNfiuQ-/s1600/Navigasi_Halaman_Windows_Phone_3.png" title="Membuat Navigasi Halaman di Windows Phone 8" width="176" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Anda bisa mendownload source codenya <a href="http://adf.ly/thoZj">disini</a></div>
<div class="separator" style="clear: both; text-align: center;">
dan untuk passwordnya <a href="http://adf.ly/fHCDH">disini</a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Sekian pembahasan tentang Membuat Navigasi Halaman di Windows Phone 8</div>
<div class="separator" style="clear: both;">
Tunggu tutorial menarik lainnya, karena itu kunjungi terus blog ini</div>

Membuat Navigasi Halaman di Windows Phone

03Nov2014

Fungsi GROUP_CONCAT di MySQL

Apa itu <b>GROUP_CONCAT </b>?<br />
<div>
GROUP_CONCAT digunakan untuk menggabungkan nilai-nilai di dalam kolom menjadi sebuah string.</div>
<div>
secara umum penulisan syntak group_concat adalah seperti dibawah ini<br />
<blockquote class="tr_bq">
<span style="font-family: 'courier new', monospace; font-size: 13px; line-height: 13px; text-align: justify; white-space: pre;"><code>GROUP_CONCAT([DISTINCT] </code><em style="border: 0px; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><code>expr</code></em><code> [,</code><em style="border: 0px; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><code>expr</code></em><code> ...]
             [ORDER BY {</code><em style="border: 0px; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><code>unsigned_integer</code></em><code> | </code><em style="border: 0px; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><code>col_name</code></em><code> | </code><em style="border: 0px; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><code>expr</code></em><code>}
                 [ASC | DESC] [,</code><em style="border: 0px; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><code>col_name</code></em><code> ...]]
             [SEPARATOR </code><em style="border: 0px; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><code>str_val</code></em></span><code style="font-family: 'courier new', courier, fixed, monospace; font-size: 13px; line-height: 13px; text-align: justify; white-space: pre;">])</code></blockquote>
Keterangan :<br />
<br />
<ul>
<li>[DISTINCT] digunakan apabila kita ingin mendapatkan hasil koleksi daftar yang unik</li>
<li>expr atau expression adalah field atau ekspresi (dari berbagai penggunaan kombinasi field, literal, function maupun operator)</li>
<li>[ORDER BY ...] digunakan apabila kita ingin mengurutkan hasil</li>
<li>SEPERATOR digunakan untuk string pemisah antar item dari daftar</li>
</ul>
<br /></div>
<div>
Contoh penggunaan GROUP_CONCAT</div>
<div>
<br /></div>
<div>
1. Buat sebuah table mahasiswa</div>
<div>
<pre class="brush:html">CREATE TABLE mahasiswa (
id int(15) primary key auto_increment,
nama varchar(20) not null,
nilai int(3) not null
)</pre>
</div>
<br />
2. Tambahkan data pada table mahasiswa<br />
<pre class="brush:html">INSERT INTO mahasiswa (nama,nilai)
values
('Dwi Randy Herdinanto',90),
('Dwi Randy Herdinanto',85),
('Dwi Randy Herdinanto',95),
('Dwi Randy Herdinanto',100),
('Firmansyah',80),
('Firmansyah',97)</pre>
<br />
3. Gunakan fungsi GROUP_CONCAT untuk menggabungkan value yang ada di kolom nilai<br />
<pre class="brush:html">SELECT nama, GROUP_CONCAT(nilai SEPARATOR ' | ') as daftar_nilai
FROM mahasiswa
GROUP BY nama
ORDER BY nama ASC</pre>
<br />
4. Hasilnya akan seperti gambar dibawah ini<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCOLUhPlmO87xZxjCJgKbWl2o3nCyY3PBFDl4yYIG5CQuUYQxRobecDyi5JAz7lHzIQEKqGKRJjs7ouF9y40sJrdqoMXyI_S_hxJmMy5jBiFrWyrdRgdMapsndc6DUhjA27DbesuE6mRpk/s1600/group_concat_MySQL.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Fungsi GROUP_CONCAT di MySQL" border="0" height="94" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCOLUhPlmO87xZxjCJgKbWl2o3nCyY3PBFDl4yYIG5CQuUYQxRobecDyi5JAz7lHzIQEKqGKRJjs7ouF9y40sJrdqoMXyI_S_hxJmMy5jBiFrWyrdRgdMapsndc6DUhjA27DbesuE6mRpk/s1600/group_concat_MySQL.png" title="Fungsi GROUP_CONCAT di MySQL" width="320" /></a></div>
<br />
<br />
Sekian dari saya<br />
Tunggu tutorial menarik lainnya, karena itu kunjungi terus blog ini

Fungsi GROUP_CONCAT di MySQL

Apa itu GROUP_CONCAT ? GROUP_CONCAT digunakan untuk menggabungkan nilai-nilai di dalam kolom menjadi sebuah string. secara umum penulisan syntak group_concat adalah seperti dibawah ini GROUP_CONCAT([DISTINCT] expr [,expr ...] [ORDER BY {unsigned_integer | col_name | expr} …

01Oct2014

Perulangan Foreach di VB.NET dan C#

Setelah kemarin saya memposting tentang <a href="http://dwirandyherdinanto.blogspot.com/2014/09/menampilkan-progress-bar-di-taskbar.html">Menampilkan Progress bar di Taskbar dengan VB.NET dan C#</a>, pada pagi yang cerah ini saya akan memposting Request dari teman saya tentang Perulangan Foreach di VB.NET dan C#.<br />
<br />
Foreach adalah fungsi yang digunakan untuk melakukan perulangan pada elemen-elemen larik pada suatu array tanpa kita perlu menspesifikasikan batas atas lari yang bersangkutan.<br />
Bentuk umum perulangan foreach adalah<br />
VB.NET<br />
<pre class="brush:html">Dim arr As Integer() = {masukan nilai array yang diinginkan}
For Each i As Integer In arr ' untuk setiap integer yang ada dalam array
   ' statement yang anda inginkan
Next</pre>
C#<br />
<pre class="brush:html">int[] arr = {masukan nilai array yang diinginkan};
foreach (int i in arr) // untuk setiap integer yang ada dalam array
{
   // statement yang anda inginkan
}</pre>
<br />
Contoh Penggunaan Perulangan Foreach<br />
VB.NET<br />
<pre class="brush:html">Module Module1

Sub Main()
        Dim arr As Integer() = {1, 2, 3, 4, 5, 6, 7, 8, 9, 10}
        For Each i As Integer In arr
            Console.WriteLine("Nomor ke " & i)
        Next
        Console.ReadLine()
    End Sub

End Module
</pre>
<div>
<br /></div>
C#<br />
<pre class="brush:html">using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;

namespace Foreach_C
{
    class Program
    {
        static void Main(string[] args)
        {
            int[] arr = { 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 };
            foreach (int i in arr)
            {
                Console.WriteLine("Nomor ke " + i);
            }
            Console.ReadLine();
        }
    }
}
</pre>
<div>
<br />
Maka ketika dijalankan outputnya akan seperti gambar di bawah ini<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbd8VuKKl7q_p8mzZ4-JbIOVuuwp0zl7nn6y83XR_cV8m3SqJ9RfLUNSqIUfj6ANrePgEpjG6EP7rEx0mOLSmaGkc52KlFw_btxwNjXaV9Av-6eBIb_o5S6m9vN5IcWMyIGsrO_zAN47i7/s1600/perulangan+foreach+vbnet+dan+C%23.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Perulangan Foreach di VB.NET dan C#" border="0" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbd8VuKKl7q_p8mzZ4-JbIOVuuwp0zl7nn6y83XR_cV8m3SqJ9RfLUNSqIUfj6ANrePgEpjG6EP7rEx0mOLSmaGkc52KlFw_btxwNjXaV9Av-6eBIb_o5S6m9vN5IcWMyIGsrO_zAN47i7/s1600/perulangan+foreach+vbnet+dan+C%23.png" title="Perulangan Foreach di VB.NET dan C#" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Foreach tidak hanya bisa digunakan pada suatu array bertipe data integer tapi juga bisa bertipe data yang lain, misalnya string</div>
<div class="separator" style="clear: both; text-align: left;">
VB.NET</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<pre class="brush:html">Dim arr As String() = {"Guilty Crown", "Sword Art Online", "Full Metal Alchemist", "Akame ga Kill", "No Game No Life"}
For Each a As String In arr
     Console.WriteLine(a)
Next
Console.ReadLine()</pre>
<div class="separator" style="clear: both; text-align: left;">
C#</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<pre class="brush:html">string[] arr = { "Guilty Crown", "Sword Art Online", "Full Metal Alchemist", "Akame ga Kill", "No Game No FIle" };
foreach (string a in arr)
{
    Console.WriteLine(a);
}
Console.ReadLine();</pre>
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD33BwG6zdJDxF2wYF0yNnxQjJ-tmLnQwTVIfkrsghw1aFOBBG7ElSjun9i2f32ZECiYp8_4Q-lJxzSGJwQexTV0Q7IofyD_XMoOVzTQZcDbY1QdApWXdhQ6VWOjz7UHhuQ3UcaHt5a1zd/s1600/perulangan+foreach+vbnet+dan+C%23+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Perulangan Foreach di VB.NET dan C#" border="0" height="159" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD33BwG6zdJDxF2wYF0yNnxQjJ-tmLnQwTVIfkrsghw1aFOBBG7ElSjun9i2f32ZECiYp8_4Q-lJxzSGJwQexTV0Q7IofyD_XMoOVzTQZcDbY1QdApWXdhQ6VWOjz7UHhuQ3UcaHt5a1zd/s1600/perulangan+foreach+vbnet+dan+C%23+2.png" title="Perulangan Foreach di VB.NET dan C#" width="320" /></a></div>
<br />
<br />
Untuk melihat lebih lanjut bagaimana perbandingan antara perluangan foreach dan for dalam segi kecepatan, performa dan lainnya anda bisa mengunjungi link ini <a href="http://www.dotnetperls.com/foreach">http://www.dotnetperls.com/foreach</a><br />
<br />
Semoga artikel ini bisa bermanfaat untuk anda<br />
Tunggu tutorial menarik lainnya, karena itu kunjungi terus blog ini

Perulangan Foreach di VB.NET dan C#

Setelah kemarin saya memposting tentang Menampilkan Progress bar di Taskbar dengan VB.NET dan C#, pada pagi yang cerah ini saya akan memposting Request dari teman saya tentang Perulangan Foreach di VB.NET dan C#. Foreach adalah fungsi yang digunakan untuk melakukan perulangan pada elemen-elemen lari…

26Sep2014

Menampilkan Progress bar di Taskbar dengan VB.NET dan C#

<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8YwPJpOCGajzYGDwxi0VTVaib6eTjwuSO6GR1q8QnawhbLzv5dNuAOIZG5WOWFBqOeWZt3A43BasyrXfPDyvCpTM_63ug_m-tb7bc-ZPl7g82WS815bn26AkipnL_Ohyphenhyphen5OXh4J5aHmpas/s1600/Menampilkan+Progress+bar+di+Taskbar+dengan+VB+dan+C%23.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Menampilkan Progress bar di Taskbar dengan VB.NET dan C#" border="0" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8YwPJpOCGajzYGDwxi0VTVaib6eTjwuSO6GR1q8QnawhbLzv5dNuAOIZG5WOWFBqOeWZt3A43BasyrXfPDyvCpTM_63ug_m-tb7bc-ZPl7g82WS815bn26AkipnL_Ohyphenhyphen5OXh4J5aHmpas/s1600/Menampilkan+Progress+bar+di+Taskbar+dengan+VB+dan+C%23.png" title="Menampilkan Progress bar di Taskbar dengan VB.NET dan C#" width="320" /></a>Untuk mengawali pagi ini saya akan memposting tentang Menampilkan Progress bar di Taskbar dengan VB.NET dan C#. Mungkin jika anda sering menggunakan Internet Download Manager ketika anda sedang mendownload maka pada taskbar IDM tersebut akan muncul progressbar yang menandakan proses download ada.</div>
<br />
Sebelumnya pertama - tama anda perlu mendownload DLL bernama Micrososft.WindowsApiCodePack, Microsoft.WindowsApiCodePack.Shell dan Microsoft.WindowsApiCodePack.Shell.Extensions yang bisa anda download <a href="http://www.tusfiles.net/4ecs2d3dgoj1">disini</a><br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Langkah - langkah Menampilkan Progress bar di Taskbar dengan VB.NET dan C#</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
1. Buat sebuah project baru, tambahkan sebuah form dan pada form tersebut tambahkan 1 progressbar, 2 button dan 1 timer</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4v6sx_hMddZ_cfoedU0kZ-hHzWid_2Giy3I0yNCLD5_RtrdTjLH6ma2EeaklIvFrD2vZG2li5X7NIgsSu3LNbWyT383WbDc1jp4oYWKsAgyce5iBuiucshtjGXZR6MeBFXMAxigPPMIYZ/s1600/Menampilkan+Progress+bar+di+Taskbar+dengan+VB+dan+C%23+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Menampilkan Progress bar di Taskbar dengan VB.NET dan C#" border="0" height="148" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4v6sx_hMddZ_cfoedU0kZ-hHzWid_2Giy3I0yNCLD5_RtrdTjLH6ma2EeaklIvFrD2vZG2li5X7NIgsSu3LNbWyT383WbDc1jp4oYWKsAgyce5iBuiucshtjGXZR6MeBFXMAxigPPMIYZ/s1600/Menampilkan+Progress+bar+di+Taskbar+dengan+VB+dan+C%23+2.png" title="Menampilkan Progress bar di Taskbar dengan VB.NET dan C#" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
2. Tambahkan references Micrososft.WindowsApiCodePack, Microsoft.WindowsApiCodePack.Shell dan Microsoft.WindowsApiCodePack.Shell.Extension dengan cara Klik kanan nama project anda lalu pilih properties</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPrcatSqM8-CvhzjPZtbVRB2GZDQ16NgXyI6I5KBazBs1ehnNDHVGABrFzJtkuJWTDIKRHyr_d6TEdW-rH5luUW1Oq9fF3IWOwnhWqSp_wWsQ-taOh-4XwKggA-GM4_aFJsq3F0QVNuA6c/s1600/Menampilkan+Progress+bar+di+Taskbar+dengan+VB+dan+C%23+3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Menampilkan Progress bar di Taskbar dengan VB.NET dan C#" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPrcatSqM8-CvhzjPZtbVRB2GZDQ16NgXyI6I5KBazBs1ehnNDHVGABrFzJtkuJWTDIKRHyr_d6TEdW-rH5luUW1Oq9fF3IWOwnhWqSp_wWsQ-taOh-4XwKggA-GM4_aFJsq3F0QVNuA6c/s1600/Menampilkan+Progress+bar+di+Taskbar+dengan+VB+dan+C%23+3.png" title="Menampilkan Progress bar di Taskbar dengan VB.NET dan C#" width="307" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
   Pilih Tab References klik add</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcDYNmMOkq2X7fRrEzaOhNBRb5lRAOD7mimPvkBIjB3LWkshatiEfOJ83eAwjgssKI-0NJl6z5FUjaCHHIQYtMXi6TF19ze_ln0pB23R9nRK2SnHL4UG2LtTAFW5gMFKUlkUpO93jMqU33/s1600/Menampilkan+Progress+bar+di+Taskbar+dengan+VB+dan+C%234.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Menampilkan Progress bar di Taskbar dengan VB.NET dan C#" border="0" height="172" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcDYNmMOkq2X7fRrEzaOhNBRb5lRAOD7mimPvkBIjB3LWkshatiEfOJ83eAwjgssKI-0NJl6z5FUjaCHHIQYtMXi6TF19ze_ln0pB23R9nRK2SnHL4UG2LtTAFW5gMFKUlkUpO93jMqU33/s1600/Menampilkan+Progress+bar+di+Taskbar+dengan+VB+dan+C%234.png" title="Menampilkan Progress bar di Taskbar dengan VB.NET dan C#" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
  Pilih Browse, cari File DLL nya lalu klik add dan yang terakhir klik OK</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwEJYAP9y7avLKlODVMnAgMOJWjueuSPbuTfePSHZHKwNerCAR6Xa4lwXUayDxJx-ec-79eaFUJuyx0A3vKlOOI7ZwTyyuQ8Jcyam_JiUrol6LHJQUsmarj7y-3sx0COqpgFJvgJzfYU5V/s1600/Menampilkan+Progress+bar+di+Taskbar+dengan+VB+dan+C%23+5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Menampilkan Progress bar di Taskbar dengan VB.NET dan C#" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwEJYAP9y7avLKlODVMnAgMOJWjueuSPbuTfePSHZHKwNerCAR6Xa4lwXUayDxJx-ec-79eaFUJuyx0A3vKlOOI7ZwTyyuQ8Jcyam_JiUrol6LHJQUsmarj7y-3sx0COqpgFJvgJzfYU5V/s1600/Menampilkan+Progress+bar+di+Taskbar+dengan+VB+dan+C%23+5.png" title="Menampilkan Progress bar di Taskbar dengan VB.NET dan C#" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
3. Klik 2 kali pada form lalu pada bagian paling atas tambahkan script</div>
<div class="separator" style="clear: both; text-align: left;">
VB.NET</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<pre class="brush:html">Import Microsoft.WindowsAPICodePack;
Import Microsoft.WindowsAPICodePack.Taskbar;</pre>
<div class="separator" style="clear: both; text-align: left;">
C#</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<pre class="brush:html">using Microsoft.WindowsAPICodePack;
using Microsoft.WindowsAPICodePack.Taskbar;</pre>
<br />
4. Pada Form_load tambahkan script dibawah ini<br />
VB.NET<br />
<pre class="brush:html">progressBar1.Value = 0 ' atur value progressbar menjadi 0</pre>
C#<br />
<pre class="brush:html">progressBar1.Value = 0; // atur value progressbar menjadi 0</pre>
<br />
5. Klik 2 kali pada timer1 lalu tambahkan script dibawah ini<br />
VB.NET<br />
<pre class="brush:html">If (progressBar1.Value = 100) Then ' jika value progressbar adalah 100
      timer1.Stop() ' menghentikan timer
Else
      progressBar1.Value += 2 ' menambah value pada progressbar
      If (TaskbarManager.IsPlatformSupported = True) Then
          TaskbarManager.Instance.SetProgressValue(progressBar1.Value, 100) ' menampilkan progressbar pada taskbar
      End If
End If</pre>
C#<br />
<pre class="brush:html">if (progressBar1.Value == 100) // jika value progressbar adalah 100
{
   timer1.Stop(); // menghentikan timer
}
else
{
   progressBar1.Value += 2; // menambah value pada progressbar
   if (TaskbarManager.IsPlatformSupported == true)
   {
       TaskbarManager.Instance.SetProgressValue(progressBar1.Value, 100); // menampilkan progressbar pada taskbar
   }</pre>
<pre class="brush:html">}</pre>
<br />
6. Klik 2 kali pada button start lalu tambahkan script dibawah ini<br />
VB.NET<br />
<pre class="brush:html">timer1.Start() ' menjalankan timer</pre>
C#<br />
<pre class="brush:html">timer1.Start(); // menjalankan timer</pre>
<br />
7. Klik 2 kali pada button stop lalu tambahkan script dibawah ini<br />
VB.NET<br />
<pre class="brush:html">timer1.Stop() ' menghentikan timer</pre>
C#<br />
<pre class="brush:html">timer1.Stop(); // menghentikan timer</pre>
<br />
8. Jalakan form tersebut, lalu klik button start dan perhatikan pada taskbar akan muncul progressbar sesuai dengan progressbar yang ada di form anda<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEE69fE8oeM9EEi9ihW9G17n5W7bi3CmoPruN7ZLw3re5FwmTirHDEiZ-jkYXRKLNeff9IJscZETnIIP2ZmriTNz_SbabkbfE0GrJp_9HSmsKhEzm412dQ886FCVV9_BPDdIocw6iDMaTW/s1600/Menampilkan+Progress+bar+di+Taskbar+dengan+VB+dan+C%23+5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Menampilkan Progress bar di Taskbar dengan VB.NET dan C#" border="0" height="199" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEE69fE8oeM9EEi9ihW9G17n5W7bi3CmoPruN7ZLw3re5FwmTirHDEiZ-jkYXRKLNeff9IJscZETnIIP2ZmriTNz_SbabkbfE0GrJp_9HSmsKhEzm412dQ886FCVV9_BPDdIocw6iDMaTW/s1600/Menampilkan+Progress+bar+di+Taskbar+dengan+VB+dan+C%23+5.png" title="Menampilkan Progress bar di Taskbar dengan VB.NET dan C#" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8YwPJpOCGajzYGDwxi0VTVaib6eTjwuSO6GR1q8QnawhbLzv5dNuAOIZG5WOWFBqOeWZt3A43BasyrXfPDyvCpTM_63ug_m-tb7bc-ZPl7g82WS815bn26AkipnL_Ohyphenhyphen5OXh4J5aHmpas/s1600/Menampilkan+Progress+bar+di+Taskbar+dengan+VB+dan+C%23.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Menampilkan Progress bar di Taskbar dengan VB.NET dan C#" border="0" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8YwPJpOCGajzYGDwxi0VTVaib6eTjwuSO6GR1q8QnawhbLzv5dNuAOIZG5WOWFBqOeWZt3A43BasyrXfPDyvCpTM_63ug_m-tb7bc-ZPl7g82WS815bn26AkipnL_Ohyphenhyphen5OXh4J5aHmpas/s1600/Menampilkan+Progress+bar+di+Taskbar+dengan+VB+dan+C%23.png" title="Menampilkan Progress bar di Taskbar dengan VB.NET dan C#" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiicYFEml1DENUNvoMT2z2CMBwNoff7sspiushiT7ZRv1BxURhlqKmi3GFKncGm07w-mPQs47Pf0CIc3Sb8Rh1IvDhkRxXrxjdU9vB9u_WkJcwvQ4-JzzQGoZaSI8JfLJkzN3fwXjAONvS0/s1600/Menampilkan+Progress+bar+di+Taskbar+dengan+VB+dan+C%23+6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Menampilkan Progress bar di Taskbar dengan VB.NET dan C#" border="0" height="201" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiicYFEml1DENUNvoMT2z2CMBwNoff7sspiushiT7ZRv1BxURhlqKmi3GFKncGm07w-mPQs47Pf0CIc3Sb8Rh1IvDhkRxXrxjdU9vB9u_WkJcwvQ4-JzzQGoZaSI8JfLJkzN3fwXjAONvS0/s1600/Menampilkan+Progress+bar+di+Taskbar+dengan+VB+dan+C%23+6.png" title="Menampilkan Progress bar di Taskbar dengan VB.NET dan C#" width="320" /></a></div>
<br />
<div style="text-align: center;">
Anda dapat mendownload source codenya dibawah ini</div>
<div style="text-align: center;">
| <a href="http://adf.ly/sL6cy">VB.NET</a> | <a href="http://adf.ly/sL6bZ">C#</a> |</div>
<div style="text-align: center;">
Untuk password silahkan klik <a href="http://adf.ly/fHCDH">disini</a></div>
<br />
Tunggu tutorial menarik lainnya, karena itu kunjungi terus blog ini

Menampilkan Progress bar di Taskbar dengan VB.NET dan C#

Untuk mengawali pagi ini saya akan memposting tentang Menampilkan Progress bar di Taskbar dengan VB.NET dan C#. Mungkin jika anda sering menggunakan Internet Download Manager ketika anda sedang mendownload maka pada taskbar IDM tersebut akan muncul progressbar yang menandakan proses download ada. S…

25Sep2014

Membuat Chained Combobox dengan jQuery Ajax PHP

Karena sudah lumayan lama tidak memposting, pada siang hari ini saya kana memposting tentang <a href="http://adf.ly/sEiOt">Membuat Chained Combobox dengan jQuery Ajax PHP,</a> yang dimaksud dengan chained combobox ialah combobox yang saling berkaitan antara 1 dengan yang lainnya, misalnya saja jika anda pernah melihat sebuah website disitu ada 2 buah combobox, combobox pertama untuk memilih provinsi, combobox ke 2 untuk memilih kota, ketika kita memilih salah satu provinsi pada combobox yang ada di provinsi maka pada combobox ke 2 akan muncul kota - kota yang ada di provinsi yang kita pilih tersebut.<br />
<br />
Langkah - langkah <a href="http://adf.ly/sEiOt">Membuat Chained Combobox dengan jQuery Ajax PHP</a><br />
<br />
1. Buat sebuah folder pada C:\xampp\htdocs dengan nama chained-combobox<br />
<br />
2. Buat database dengan nama latihan, lalu buat 2 buah table dengan nama kategori dan sub_kategori<br />
<pre class="brush:html">CREATE TABLE kategori (
kd_kategori int (2) primary key auto_increment,
kategori varchar(20)
)

CREATE TABLE sub_kategori (
kd_subkategori int (2) primary key auto_increment,
kd_kategori int (2),
kategori varchar(20)
)</pre>
<blockquote class="tr_bq">
Isikan data pada table kategori dan subkategori sesuai dengan keinginan anda</blockquote>
3. Buat sebuah file php pada folder chained-combobox dengan nama koneksi.php<br />
<pre class="brush:html"><?php
$server="localhost";
$username="root"; // username mysql
$password="root"; // password mysql
$db="latihan"; // nama database
$koneksi=mysql_connect($server,$username,$password) or die ("Gagal terkoneksi ke server");
$database=mysql_select_db($db) or die ("Database tidak ditemukan");
?></pre>
<br />
4. Buat sebuah file php pada folder chained-combobox dengan nama getsubkategori.php<br />
<pre class="brush:html"><?php
include "koneksi.php";
$id=$_POST['id'];
$query=mysql_query("select * from sub_kategori where kd_kategori='".$id."'");

$row=mysql_num_rows($query);
if ($row > 0)
{
 while ($data=mysql_fetch_array($query))
 {
  echo "<option value=".$data["kd_subkategori"].">".$data["subkategori"]."</option>";
 }
}
?></pre>
<br />
5. Buat sebuah file php pada folder chained-combobox dengan nama index.php<br />
<pre class="brush:html"><?php include"koneksi.php";?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>Chained Combobox jQuery Ajax PHP</title>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script> 
</head>
<body>
<script type="text/javascript">
$(document).ready(function()
{
 
 $("#combokategori").change(function() {
  
  var idkategori = $(this).val();
  if (idkategori != "")
  {
   
   $.ajax({
    type:"post",
    url:"getsubkategori.php",
    data:"id="+ idkategori,
    success: function(data){
     $("#subkategori").html(data);
    }
   });
  }
 });
});
</script>

Pilih Kategori
<br>

<select name="kategori" id="combokategori">
 <option value="">Pilih kategori</option>
<?php
$query=mysql_query("select * from kategori");
while ($data=mysql_fetch_array($query))
{
?>
<option value="<?php echo $data['kd_kategori'];?>"><?php echo $data['kategori'];?></option>
<?php }?>
</select>
<br>
Pilih Subkategori
<br>

<select name="subkategori" id="subkategori">
 <option selected="selected">Pilih subkategori</option>
</select>
</body>
</html></pre>
<br />
6. Buka browser dan buka http://localhost/chained-combobox/<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPp1qBmuYQf4jBhW6o7dJSUJF0v5fsoXbUI99_VqsTJn5Bdt9VchclwwO0ml5huVubWiM4n4Cw3dUERUzCKFRBsF0umJww2z3jrC7PWEXpod9GET1omjeVaQIDhMx2kPJoeeEgFdWPvbXt/s1600/Membuat+Chained+Combobox+dengan+jQuery+Ajax_PHP.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Chained Combobox dengan jQuery Ajax PHP" border="0" height="197" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPp1qBmuYQf4jBhW6o7dJSUJF0v5fsoXbUI99_VqsTJn5Bdt9VchclwwO0ml5huVubWiM4n4Cw3dUERUzCKFRBsF0umJww2z3jrC7PWEXpod9GET1omjeVaQIDhMx2kPJoeeEgFdWPvbXt/s1600/Membuat+Chained+Combobox+dengan+jQuery+Ajax_PHP.png" title="Membuat Chained Combobox dengan jQuery Ajax PHP" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ1Uir494CdQvrypbeX5q6Lj8Hl7ERrVAkOlhdODNtXzVcqvxiBzxzaxJNMQQu5XQlY9q27bu__7PsGEjMbUXcPrrtEf_arnXNiR77NrSynOEdIW2YN_ZLjdtQir9thXxUQSCoD-c9vNgG/s1600/Membuat+Chained+Combobox+dengan+jQuery+Ajax_PHP3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Chained Combobox dengan jQuery Ajax PHP" border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ1Uir494CdQvrypbeX5q6Lj8Hl7ERrVAkOlhdODNtXzVcqvxiBzxzaxJNMQQu5XQlY9q27bu__7PsGEjMbUXcPrrtEf_arnXNiR77NrSynOEdIW2YN_ZLjdtQir9thXxUQSCoD-c9vNgG/s1600/Membuat+Chained+Combobox+dengan+jQuery+Ajax_PHP3.png" title="Membuat Chained Combobox dengan jQuery Ajax PHP" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ1m0fALHN5fR6DUjvUjAwL0fcUwwFU4ygIPsNrvVR-OUjZIbZFQvouDi94h7C8gJ-edDbo5x6W1pMAXlAFIw9UuGkauH1yWAKG6Qcce8kEcmZTvuemsGQYKbBOt5tIPzPS9p_ZvTLa1An/s1600/Membuat+Chained+Combobox+dengan+jQuery+Ajax_PHP2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Chained Combobox dengan jQuery Ajax PHP" border="0" height="169" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ1m0fALHN5fR6DUjvUjAwL0fcUwwFU4ygIPsNrvVR-OUjZIbZFQvouDi94h7C8gJ-edDbo5x6W1pMAXlAFIw9UuGkauH1yWAKG6Qcce8kEcmZTvuemsGQYKbBOt5tIPzPS9p_ZvTLa1An/s1600/Membuat+Chained+Combobox+dengan+jQuery+Ajax_PHP2.png" title="Membuat Chained Combobox dengan jQuery Ajax PHP" width="320" /></a></div>
<br />
<div style="text-align: center;">
Anda bisa mendownload source codenya <a href="http://adf.ly/sEkh1">disini</a></div>
<div style="text-align: center;">
dan untuk passwordnya <a href="http://adf.ly/fHCDH">disini</a><br />
<br />
<div style="text-align: left;">
Tunggu tutorial menarik lainnya, karena itu kunjungi terus blog ini</div>
</div>

Membuat Chained Combobox dengan jQuery Ajax PHP

Karena sudah lumayan lama tidak memposting, pada siang hari ini saya kana memposting tentang Membuat Chained Combobox dengan jQuery Ajax PHP, yang dimaksud dengan chained combobox ialah combobox yang saling berkaitan antara 1 dengan yang lainnya, misalnya saja jika anda pernah melihat sebuah website…

21Sep2014

Membuat Fitur Load More dengan jQuery Ajax PHP

Setelah beberapa hari yang lalu saya memposting tentang <a href="http://dwirandyherdinanto.blogspot.com/2014/09/membuat-pencarian-data-dengan-jquery.html">Membuat Pencarian Data dengan jQuery Ajax dan PHP</a>, pada pagi hari ini saya akan memposting masih tentang<a href="http://dwirandyherdinanto.blogspot.com/2014/09/membuat-fitur-load-more-dengan-jquery.html"> Membuat Fitur Load More dengan jQuery Ajax PHP</a>.<br />
<div>
<br />
Mungkin anda pernah melihat pada website sebuah berita atau yang lainnya, dimana pada bagian komentar ada fitur load more, lalu ketika diklik load more maka akan muncul komentar yang selanjutnya sampai komentar itu sudah terload semua. </div>
<div>
<br /></div>
<div>
Langkah - langkah <a href="http://dwirandyherdinanto.blogspot.com/2014/09/membuat-fitur-load-more-dengan-jquery.html"> Membuat Fitur Load More dengan jQuery Ajax PHP</a>.</div>
<div>
<br /></div>
<div>
1. Buat sebuah database dengan nama latihan lalu buat table dengan nama komentar</div>
<pre class="brush:html">create table komentar (
    id int(11) primary key auto_increment,
    nama varchar(30),
    tanggal datetime,
    isi text
)</pre>
<br />
2.  Buat sebuah file dengan nama koneksi.php<br />
<pre class="brush:html"><?php
$server="localhost";
$user="root";
$password="root";
$database="komentar";
$conn=mysql_connect($server,$user,$password) or die ("gagal koneksi ke database"); // untuk koneksi keserver
$db=mysql_select_db($database); // untuk memilih database
?></pre>
<br />
3. Buat sebuah file dengan nama index.php<br />
<pre class="brush:html"><?php include "koneksi.php";?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>[Tutorial_Koding]_Load_More_Comment</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
 $(document).ready(function()
 {
  $("#lihat").click(function() // event ketika <div id="lihat"> di klik
  {
   $("#lihat").html('<img src="loading.gif"/>'); // memunculkan loading.gif
   // melakukan request ke load_komentar.php untuk mendapatkan data pada table komentar
   $.ajax({
    type:"post",
    url:"load_komentar.php",
    data:"urut="+$(".baris:last").attr('id'),
    success: function(html)
    {
     if (html)
     {
      $("#content").append(html); // menambahkan komentar yang di request dari load_komentar.php ke <div id="content">
      $("#lihat").html('<a href="#">Tampilkan Komentar</a>'); 
     }
     else 
     {
      $("#lihat").replaceWith('<div id="lihat">Tidak ada komentar lagi</div>');
     }
    }
   });
  });
 });
</script>
</head>

<body>
<div id="content">
 <?php
 $query=mysql_query("select * from komentar order by id desc limit 0,2");
 while ($data=mysql_fetch_array($query))
 {
 ?>
    <div class="baris" id="<?=$data['id'];?>">
     <b><?=$data['nama'];?></b>-<small><?=$data['tanggal'];?></small><br />
  <p><?=$data['isi'];?></p>
    </div>
    <hr />
    <?php 
 }
 ?>
</div>
<div id="lihat"><a href="#">Tampilkan Komentar</a></div>
</body>
</html></pre>
<br />
4. Buat file dengan nama load_komentar.php <br />
<pre class="brush:html"><?php
include "koneksi.php"; // include koneksi.php

if ($_POST['urut'])
{
 // query untuk menampilkan data komentar
 $query=mysql_query("select * from komentar where id < '".$_POST['urut']."' order by id desc limit 0,2");
 while ($data=mysql_fetch_array($query)) // perulangan untuk menampilkan data komentar
 {
 ?>
    <div class="baris" id="<?=$data['id'];?>">
     <b><?=$data['nama'];?></b>-<small><?=$data['tanggal'];?></small><br />
  <p><?=$data['isi'];?></p>
    </div>
    <hr />
    <?php 
 }
}
else 
{
echo "tidak dapat"; 
}
?></pre>
<br />
5. Buka buka web browser dan masukan url localhost/nama_folder/<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjedg2IDOQMZaU3FbByhdlmwf97PBsBc2GLQrLPZQ0OPN17SkTUZPdj2k-CtLNoJ6yeCcq75AKUxItUjC5wI2i_IVaOLvA_VnxhP_i0aGT_mv7g8SUvh1AWTWui_VYwwLhtiD_J8BU4xipV/s1600/Membuat_Fitur_Load_More_dengan_jQuery_Ajax_PHP.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Fitur Load More dengan jQuery Ajax PHP" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjedg2IDOQMZaU3FbByhdlmwf97PBsBc2GLQrLPZQ0OPN17SkTUZPdj2k-CtLNoJ6yeCcq75AKUxItUjC5wI2i_IVaOLvA_VnxhP_i0aGT_mv7g8SUvh1AWTWui_VYwwLhtiD_J8BU4xipV/s1600/Membuat_Fitur_Load_More_dengan_jQuery_Ajax_PHP.png" title="Membuat Fitur Load More dengan jQuery Ajax PHP" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirNIjzglh-2nNLHyKkveBQB06pY2T2R03dGwvFNthP6HtS3raQ5ANUePUx_srlo0Cbz8Pv3fzxpMT7yZqosmYRx7DOLJypOVhiltWZJIGMCrMS1X_U84p4LddJYjpB3TS7NqoCBdYPJmRt/s1600/Membuat_Fitur_Load_More_dengan_jQuery_Ajax_PHP_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Fitur Load More dengan jQuery Ajax PHP" border="0" height="279" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirNIjzglh-2nNLHyKkveBQB06pY2T2R03dGwvFNthP6HtS3raQ5ANUePUx_srlo0Cbz8Pv3fzxpMT7yZqosmYRx7DOLJypOVhiltWZJIGMCrMS1X_U84p4LddJYjpB3TS7NqoCBdYPJmRt/s1600/Membuat_Fitur_Load_More_dengan_jQuery_Ajax_PHP_2.png" title="Membuat Fitur Load More dengan jQuery Ajax PHP" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSnqycDiqsCjWgOpYNX8vHb1de82z9BPFvajQhIO8ZdaIDMKacw5W4yIZNUaY_Gs7rnKg1GpCTI_YWR1c9sEXrRemJ86OMQclsfXcRs1qbE5jOSrgKCjJmA8Cs3R4RHH5zZDByK0P0gX2I/s1600/Membuat_Fitur_Load_More_dengan_jQuery_Ajax_PHP_3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Fitur Load More dengan jQuery Ajax PHP" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSnqycDiqsCjWgOpYNX8vHb1de82z9BPFvajQhIO8ZdaIDMKacw5W4yIZNUaY_Gs7rnKg1GpCTI_YWR1c9sEXrRemJ86OMQclsfXcRs1qbE5jOSrgKCjJmA8Cs3R4RHH5zZDByK0P0gX2I/s1600/Membuat_Fitur_Load_More_dengan_jQuery_Ajax_PHP_3.png" title="Membuat Fitur Load More dengan jQuery Ajax PHP" width="226" /></a></div>
<br />
<div style="text-align: center;">
Anda bisa mendownload source codenya <a href="http://adf.ly/rk0fL">disini</a></div>
<div style="text-align: center;">
dan untuk passwordnya <a href="http://adf.ly/fHCDH">disini</a></div>
<br />
Tunggu tutorial menarik lainnya, karena itu tetap kunjungi terus blog ini

Membuat Fitur Load More dengan jQuery Ajax PHP

Setelah beberapa hari yang lalu saya memposting tentang Membuat Pencarian Data dengan jQuery Ajax dan PHP, pada pagi hari ini saya akan memposting masih tentang Membuat Fitur Load More dengan jQuery Ajax PHP. Mungkin anda pernah melihat pada website sebuah berita atau yang lainnya, dimana pada bagia…

04Sep2014

Membuat Pencarian Data dengan jQuery Ajax dan PHP

Karena sudah sangat lama sekali saya tidak memposting tentang PHP, pada malam hari ini saya memutuskan untuk memposting tentang PHP, pada postingan malam hari ini saya akan share tentang cara membuat <a href="http://dwirandyherdinanto.blogspot.com/2014/09/membuat-pencarian-data-dengan-jquery.html">Pencarian Data dengan jQuery Ajax dan PHP</a>. dengan cara ini Ajax akan melakukan request data ke php lalu data tersebut akan di tampilkan ke website tanpa perlu reload halaman web.<br />
<br />
Langkah - langkah <a href="http://dwirandyherdinanto.blogspot.com/2014/09/membuat-pencarian-data-dengan-jquery.html">Membuat Pencarian Data dengan jQuery Ajax dan PHP</a><br />
<br />
1.  Buat sebuah database dengan nama latihan lalu buat table dengan nama mhs<br />
<pre class="brush:html">create table mhs (
   npm varchar(15) primary key,
   nama varchar(30),
   jurusan varchar(30),
   alamat varchar(50)
)</pre>
<br />
2. Buat sebuah file dengan nama index.php dan masukan script dibawah ini<br />
<pre class="brush:html">
<?php include "koneksi.php";?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>[Tutorial_Koding]_pencarian_data_Jquery-Ajax-PHP</title>

<script src="jquery.min.js"></script>
</head>

<body>

<div>Cari Data : <input type="text" name="textcari" id="txtcari" /></div>
<div id="hasil"></div>
</body>
</html></pre>
<br />
3. Buat sebuah file dengan nama koneksi.php dan masukan script dibawah ini<br />
<pre class="brush:html"><?php
$koneksi=mysql_connect("localhost","root","root"); // koneksi ke server
$db=mysql_select_db("latihan"); // memilih database yang akan digunakan
?></pre>
<br />
4. Buat sebuah file dengan nama cari.php dan masukan script dibawah ini<br />
<pre class="brush:html"><?php 
include "koneksi.php";
$q=$_POST['q'];

// query untuk melakukan pencarian
$query=mysql_query("select * from mhs where nama like '%".$q."%'");
// mendapatkan jumlah baris
$row=mysql_num_rows($query);

if ($row > 0) // jika baris lebih dari 0 / data ditemukan
{
 while ($data=mysql_fetch_array($query)) // perulangna untuk menampilkan data
 {
  // menampilkan data dalam bentuk table
  echo "<table width='500'>
    <tr>
     <td>NPM</td>
        <td>Nama</td>
        <td>Jurusan</td>
        <td>Alamat</td>
    </tr>
    <tr>
     <td>".$data['npm']."</td>
        <td>".$data['nama']."</td>
        <td>".$data['jurusan']."</td>
        <td>".$data['alamat']."</td>
    </tr>
   </table>"; 
 }
}
else // jika data tidak ditemukan
{
 echo "<strong>Data tidak ditemukan</strong>"; 
}
?></pre>
<br />
5. Buka browser lalu masukan url http://localhost/nama_folder_tempat_menyimpan_file_php/<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNQ1thkhkKJdTDN60OQsCDNKhJcXEKJITPNySnBo_l2Td-s72sE4ZgjHWfsmRUXpWErdBusi2aC558ooOL0BijtPM6yghIXzgDcPnaT6hrrCys1epD3sCvVb-_x7QGh6TJsdwxSBUYHaTZ/s1600/Membuat_Pencarian_Data_dengan_jQuery+_jax_dan_PHP_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Pencarian Data dengan jQuery Ajax dan PHP" border="0" height="126" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNQ1thkhkKJdTDN60OQsCDNKhJcXEKJITPNySnBo_l2Td-s72sE4ZgjHWfsmRUXpWErdBusi2aC558ooOL0BijtPM6yghIXzgDcPnaT6hrrCys1epD3sCvVb-_x7QGh6TJsdwxSBUYHaTZ/s1600/Membuat_Pencarian_Data_dengan_jQuery+_jax_dan_PHP_2.png" title="Membuat Pencarian Data dengan jQuery Ajax dan PHP" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQOJwYNcURU9jf5ZAncsYCFI8EN2QTslVKElYuY78ahBnjyGN_Hesq7Y9dzV2sDQqr7aftlCQbFyzefgQ42vd_sltFFNrkAc5pSPagvsOfcNIRGzxM_URqaN2iKgxzMCt6G1r2ivI-QLdH/s1600/Membuat_Pencarian_Data_dengan_jQuery+_jax_dan_PHP.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Pencarian Data dengan jQuery Ajax dan PHP" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQOJwYNcURU9jf5ZAncsYCFI8EN2QTslVKElYuY78ahBnjyGN_Hesq7Y9dzV2sDQqr7aftlCQbFyzefgQ42vd_sltFFNrkAc5pSPagvsOfcNIRGzxM_URqaN2iKgxzMCt6G1r2ivI-QLdH/s1600/Membuat_Pencarian_Data_dengan_jQuery+_jax_dan_PHP.png" title="Membuat Pencarian Data dengan jQuery Ajax dan PHP" width="320" /></a></div>
<br />
<div style="text-align: center;">
Anda bisa mendownload source codenya <a href="http://adf.ly/rhIaO">disini</a></div>
<div style="text-align: center;">
dan untuk passwordnya <a href="http://adf.ly/fHCDH">disini</a></div>
<br />
Sekian dari saya.<br />
Terima kasih atas kunjugannya semoga bermanfaat

Membuat Pencarian Data dengan jQuery Ajax dan PHP

02Sep2014

Export Data ke HTML dengan VB.NET dan C#

Setelah cukup lama tidak memposting :D, kali ini saya akan kembali memposting tutorial tentang <a href="http://adf.ly/rfIio" rel="nofollow" target="_blank">Export Data ke HTML dengan VB.NET dan C</a>#.<br />
<br />
Langkah - langkah <a href="http://adf.ly/rfIio" rel="nofollow" target="_blank">Export Data ke HTML dengan VB.NET dan C#</a><br />
<br />
1. Tambahkan 1 buah datagridview,savefiledialog,button lalu design form seperti gambar dibawah ini<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjel9colZhoTwmOKbArObkuSL-Q84emOB9byW796OCFdX7AiEEBEcFAy6z7Fx1ATYWwoslkMcxcfLBOo0TTRFxAx1TKq8FXkkY_08r4nMBiYcIUr8KGB7NmR8ypXeCSwGIR0yjiFnW4Wk69/s1600/Export_Data_ke_HTML_dengan_VB_NET_dan_C%23_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Export Data ke HTML dengan VB.NET dan C#" border="0" height="202" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjel9colZhoTwmOKbArObkuSL-Q84emOB9byW796OCFdX7AiEEBEcFAy6z7Fx1ATYWwoslkMcxcfLBOo0TTRFxAx1TKq8FXkkY_08r4nMBiYcIUr8KGB7NmR8ypXeCSwGIR0yjiFnW4Wk69/s1600/Export_Data_ke_HTML_dengan_VB_NET_dan_C%23_1.png" title="Export Data ke HTML dengan VB.NET dan C#" width="320" /></a></div>
<br />
2. Pada Form Load tambahkan script dibawah ini<br />
VB.NET<br />
<pre class="brush:html">' filter file
        SaveFileDialog1.Filter = "HTML (*.html)|*.html"

' membuat datatable untuk menampung data yang akan di tampilkan ke datagridview
        Dim dt As DataTable = New DataTable
        dt.Columns.Add("npm")
        dt.Columns.Add("nama")
        dt.Columns.Add("alamat")

For i As Integer = 1 To 20
            dt.Rows.Add(i, "nama " & i, "alamat " & i)
        Next

' menampilkan data ke datagridview
        DataGridView1.DataSource = dt</pre>
C#<br />
<pre class="brush:html">// filter file
            SaveFileDialog1.Filter = "HTML (*.html)|*.html";

// membuat datatable untuk menampung data yang akan di tampilkan ke datagridview
            DataTable dt = new DataTable();
            dt.Columns.Add("npm");
            dt.Columns.Add("nama");
            dt.Columns.Add("alamat");

for (int i=0; i <= 20; i++)
            {
                dt.Rows.Add(i, "nama " + i, "alamat " + i);
            }

// menampilkan data ke datagridview
            DataGridView1.DataSource = dt;</pre>
<br />
3. Buat sebuah fungsi untuk mengexport data ke html dengan script dibawah ini<br />
VB.NET<br />
<pre class="brush:html">Private Function ExportKeHTML(dgv As DataGridView) As String
        Dim result As String = ""
        Dim strhtml As System.Text.StringBuilder = New System.Text.StringBuilder
        strhtml.Append("<html>") ' membuat tag html
        strhtml.Append("<head>") ' membuat tag head
        strhtml.Append("<title>[Tutorial_Koding]_Export_DGV_to_HTML</title>") ' membuat titie
        strhtml.Append("</head>") ' menutup tag head
        strhtml.Append("<table border='2'>") ' membuat table

' membuat column
        strhtml.Append("<tr>")
        For Each dgvcolumn As DataGridViewColumn In dgv.Columns
            strhtml.Append("<td>")
            strhtml.Append(dgvcolumn.HeaderText)
            strhtml.Append("</td>")
        Next
        strhtml.Append("</tr>")

' menampilkan isi dari datagridview
        For Each row As DataGridViewRow In dgv.Rows
            strhtml.Append("<tr>")
            For Each dgvcolumn As DataGridViewColumn In dgv.Columns
                strhtml.Append("<td>")
                strhtml.Append(row.Cells(dgvcolumn.Index).Value)
                strhtml.Append("</td>")
            Next
            strhtml.Append("</tr>")
        Next

strhtml.Append("</table>") 'menutup tag table
        strhtml.Append("</body>") ' menutup tag body
        strhtml.Append("</html>") ' menutup tag html

result = strhtml.ToString()

Return result
    End Function</pre>
C#<br />
<pre class="brush:html">private string ExportKeHTML(DataGridView dgv)
        {
            string result = "";
            System.Text.StringBuilder strhtml = new System.Text.StringBuilder();
           
            strhtml.Append("<html>"); // membuat tag  html
            strhtml.Append("<head>"); // membuat tag  head
            strhtml.Append("<title>[Tutorial_Koding]_Export_DGV_to_HTML</title>"); // membuat title
            strhtml.Append("</head>"); // menutup tag head
            strhtml.Append("<table border='2'"); // membuat table

// membuat column
            strhtml.Append("<tr>");
            foreach (DataGridViewColumn dgvcolumn in dgv.Columns)
            {
                strhtml.Append("<td>");
                strhtml.Append(dgvcolumn.HeaderText);
                strhtml.Append("</td>");
            }
            strhtml.Append("</tr>");

// menampilkan isi dari datagridview
            foreach (DataGridViewRow row in dgv.Rows)
            {
                strhtml.Append("<tr>");
                    foreach (DataGridViewColumn dgvcolumn in dgv.Columns)
                    {
                        strhtml.Append("<td>");
                        strhtml.Append(row.Cells[dgvcolumn.Index].Value);
                        strhtml.Append("</td>");
                    }
                strhtml.Append("</tr>");
            }
            
            strhtml.Append("</table"); // menutup tag table
            strhtml.Append("</body>"); // menutup tag body
            strhtml.Append("</html>"); // menutup tag html

result = strhtml.ToString();

return result;
        }</pre>
<br />
4. Pada event Button1 Click tambahkan script dibawah ini<br />
VB.NET<br />
<pre class="brush:html">If SaveFileDialog1.ShowDialog = Windows.Forms.DialogResult.OK Then
            ' menyimpan file html
            System.IO.File.WriteAllText(SaveFileDialog1.FileName, ExportKeHTML(DataGridView1))
            MsgBox("Data berhasil di export")
        End If</pre>
C#<br />
<pre class="brush:html">DialogResult result = SaveFileDialog1.ShowDialog();
            if (result == DialogResult.OK)
            {
                // menyimpan file html
                System.IO.File.WriteAllText(SaveFileDialog1.FileName, ExportKeHTML(DataGridView1));
                MessageBox.Show("Data berhasil diexport");
            }</pre>
<br />
5. Jalankan program tersebut maka akan seperti gambar dibawah ini<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX3oUmXOCqenLW5IG_5_FYSUT1imh7YGUprqLFGWoBh-0H4RqxNDfLtorfGC7EkrP6zNuy4AC_oDRwUNbKW7rle67bJ6oMa83I3-HrD-2TzNmit33GU-HaddQAAQ0OZyxkSXcSZya1d35d/s1600/Export_Data_ke_HTML_dengan_VB_NET_dan_C%23_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="206" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX3oUmXOCqenLW5IG_5_FYSUT1imh7YGUprqLFGWoBh-0H4RqxNDfLtorfGC7EkrP6zNuy4AC_oDRwUNbKW7rle67bJ6oMa83I3-HrD-2TzNmit33GU-HaddQAAQ0OZyxkSXcSZya1d35d/s1600/Export_Data_ke_HTML_dengan_VB_NET_dan_C%23_2.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHAk35WIfUYceQZKQ9gA7FpMs8IbchwY2smMQ8POOyo9agSyr8nE7Eh1c2wom_qkvaeA3ABgqFkq1ysdU-lpOA-K-iJWrMAvC87WuMJZrP2yrLyRfOvZy-B7_floi4YzGpAmFt3zgGLTUM/s1600/Export_Data_ke_HTML_dengan_VB_NET_dan_C%23_3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Export Data ke HTML dengan VB.NET dan C#" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHAk35WIfUYceQZKQ9gA7FpMs8IbchwY2smMQ8POOyo9agSyr8nE7Eh1c2wom_qkvaeA3ABgqFkq1ysdU-lpOA-K-iJWrMAvC87WuMJZrP2yrLyRfOvZy-B7_floi4YzGpAmFt3zgGLTUM/s1600/Export_Data_ke_HTML_dengan_VB_NET_dan_C%23_3.png" title="Export Data ke HTML dengan VB.NET dan C#" width="108" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Anda dapat mendownload source codenya dibawah ini</div>
<div class="separator" style="clear: both; text-align: center;">
| <a href="http://adf.ly/rfKGd">VB.NET</a> | <a href="http://adf.ly/rfKEp" target="_blank">C#</a> |</div>
<div class="separator" style="clear: both; text-align: center;">
Untuk password silahkan klik <a href="http://adf.ly/fHCDH" target="_blank">disini</a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Sekian dari saya.</div>
<div class="separator" style="clear: both; text-align: left;">
Terima kasih atas kunjugannya semoga bermanfaat</div>

Export Data ke HTML dengan VB.NET dan C#

Setelah cukup lama tidak memposting :D, kali ini saya akan kembali memposting tutorial tentang Export Data ke HTML dengan VB.NET dan C#. Langkah - langkah Export Data ke HTML dengan VB.NET dan C# 1. Tambahkan 1 buah datagridview,savefiledialog,button lalu design form seperti gambar dibawah ini 2. Pa…

01Sep2014

Memberi Warna Baris pada Datagridview & Listview dengan VB.NET & C#

Setelah 2 hari yang lalu saya memposting tentang <a href="http://adf.ly/r4HUP">Membersihkan Seluruh Control/Object pada Form dengan VB.NET dan C#</a>, kali ini saya akan memposting tentang <a href="http://adf.ly/r81oe">Memberi Warna Baris pada Datagridview & Listview dengan VB.NET & C#.</a><br />
<br />
Ketika kita membuat program biasanya kita sering menggunakan Datagridview & Listview untuk menampilkan data.<br />
<div>
Namun terkadang jika baris pada Datagridview & Listview tersebut terlalu banyak user akan merasa sulit untuk melihatnya, oleh karena itu disini saya akan share source code untuk memberikan warna background pada baris Datagridview & Listview, dan karena ini hanyalah contoh sederhana anda dapat mengembangkannya sesuai dengan kebutuhan anda masing - masing<br />
<div>
<br /></div>
<div>
Berikut screenshotnya :</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge5baa2GTqvW13Igq3MPA22dIW6EpIIdoq43NmxRe5KehVE_-mTAynYn8rdr8VJ0Y5yuwvV6yxnLJyS1a73LlGxsB9LeDrn3V-EN75Po_o8YMefZy7v_eXupBAf-416xfzCU1tn2uBSPqg/s1600/Memberi+Warna_Baris+pada_Datagridview_&_Listview_dengan_VBNET_&_C%23.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Memberi Warna Baris pada Datagridview & Listview dengan VB.NET & C#" border="0" height="209" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge5baa2GTqvW13Igq3MPA22dIW6EpIIdoq43NmxRe5KehVE_-mTAynYn8rdr8VJ0Y5yuwvV6yxnLJyS1a73LlGxsB9LeDrn3V-EN75Po_o8YMefZy7v_eXupBAf-416xfzCU1tn2uBSPqg/s1600/Memberi+Warna_Baris+pada_Datagridview_&_Listview_dengan_VBNET_&_C%23.png" title="Memberi Warna Baris pada Datagridview & Listview dengan VB.NET & C#" width="320" /></a></div>
<div>
<br /></div>
<blockquote class="tr_bq">
Anda juga dapat mengganti bacground dan juga forecolor sesuai dengan keinginan anda</blockquote>
<div style="text-align: center;">
Anda dapat mendownload source codenya dibawah ini</div>
<div style="text-align: center;">
| <a href="http://adf.ly/r81bK">VB.NET</a> | <a href="http://adf.ly/r81Zr">C#</a> |</div>
<div style="text-align: center;">
Untuk password silahkan klik <a href="http://adf.ly/fHCDH">disini</a></div>
<br />
Sekian dari saya.<br />
Terima kasih atas kunjugannya semoga bermanfaat</div>

Memberi Warna Baris pada Datagridview & Listview dengan VB.NET & C#

Setelah 2 hari yang lalu saya memposting tentang Membersihkan Seluruh Control/Object pada Form dengan VB.NET dan C#, kali ini saya akan memposting tentang Memberi Warna Baris pada Datagridview & Listview dengan VB.NET & C#. Ketika kita membuat program biasanya kita sering menggunakan Datagridview & …

14Aug2014

Membersihkan Seluruh Control/Object pada Form dengan VB.NET dan C#

Setelah beberapa hari yang lalu saya memposting tentang <a href="http://adf.ly/r1b3A" target="_blank">Membuat Placeholder pada Textbox dengan VB.NET dan C#</a><br />
pada postingan kali ini saya akan membahas tentang <a href="http://adf.ly/r4HUP" target="_blank">Membersihkan Seluruh Control pada Form dengan VB.NET dan C#</a>.<br />
Terkadang ketika membuat sebuah form dimana form tersebut memiliki banyak control seperti textbox, listview, listbox atau yang lainnya, lalu anda ingin membersihkan isi dari control tersebut misalnya saja pada textbox dengan script textbox1.Text = "", mungkin jika hanya beberapa textbox akan mudah namum bagaiman jika kita memiliki banyak textbox dan juga control - control yang lainnya? kita pasti akan menggunakan banyak code untuk membersihkan isi dari control tersebut, saya juga terkadang merasa lelah jika melakukan itu terus - menerus. Tapi disini saya akan share source code hasil cari - cari google untuk <a href="http://adf.ly/r4HUP" target="_blank">Membersihkan Seluruh Control/Object pada Form dengan VB.NET dan C#</a> dengan mudah dan cepat<br />
<br />
1. Buka visual studio yang anda punya<br />
<br />
2. Buatlah sebuah fungsi seperti dibawah ini<br />
<br />
VBNET<br />
<pre class="brush:html">Private Sub Clear(frm As Form)
        For Each obj As Object In frm.Controls
            If TypeOf obj Is TextBox Or TypeOf obj Is MaskedTextBox Or TypeOf obj Is RichTextBox Or TypeOf obj Is ComboBox Then 'jika tipe obj adalah textbox atau maskedtextbox atau richtextbox atau combobox
                obj.Text = ""
            ElseIf TypeOf obj Is ListView Or TypeOf obj Is ListBox Or TypeOf obj Is ComboBox Then ' jika tipe obj adalah listview atau listbox atau combobox
                obj.Items.Clear()
            ElseIf TypeOf obj Is DataGridView Then ' jika tipe obj adalah datagridview
                obj.Rows.Clear()
            ElseIf TypeOf obj Is PictureBox Then ' jika tipe obj adalah picturebox
                obj.Image = Nothing
            ElseIf TypeOf obj Is CheckBox Or TypeOf obj Is RadioButton Then ' jika tipe obj adalah checkebox atau radiobutton
                obj.Checked = False
            ElseIf TypeOf obj Is NumericUpDown Then ' jika tipe obj adalah numericupdown
                obj.Value = 0
            End If
        Next
    End Sub</pre>
C#<br />
<pre class="brush:html">private void Clear(Form frm)
        {
            foreach (object obj in frm.Controls)
            {
                if (obj.GetType() == typeof(TextBox)) // jika tipe obj adalah textbox
                {
                    TextBox txtbox = (TextBox)obj;
                    txtbox.Text = "";
                }
                else if (obj.GetType() == typeof(MaskedTextBox)) // jika tipe obj adalah maskedtextbox
                {
                    MaskedTextBox msktextbox = (MaskedTextBox)obj;
                    msktextbox.Text = "";
                }
                else if (obj.GetType() == typeof(NumericUpDown)) // jika tipe obj adalah numericupdown
                {
                    NumericUpDown numeric = (NumericUpDown)obj;
                    numeric.Value = 0;
                }
                else if (obj.GetType() == typeof(CheckBox)) // jika tipe obj adalah checkbox
                {
                    CheckBox chkbox = (CheckBox)obj;
                    chkbox.Checked = false;
                }
                else if (obj.GetType() == typeof(RadioButton)) // jika tipe obj adalah radiobutton
                {
                    RadioButton rbutton = (RadioButton)obj;
                    rbutton.Checked = false;
                }
                else if (obj.GetType() == typeof(ComboBox)) // jika tipe obj adalah combobox
                {
                    ComboBox cbox = (ComboBox)obj;
                    cbox.Items.Clear();
                    cbox.Text = "";
                }
                else if (obj.GetType() == typeof(PictureBox)) // jika tipe obj adalah picturebox
                {
                    PictureBox pbox = (PictureBox)obj;
                    pbox.Image = null;
                }
                else if (obj.GetType() == typeof(RichTextBox)) // jika tipe obj adalah richtextbox
                {
                    RichTextBox rtbox = (RichTextBox)obj;
                    rtbox.Text = "";
                }
                else if (obj.GetType() == typeof(ListBox)) // jika tipe obj adalah listbox
                {
                    ListBox lstbox = (ListBox)obj;
                    lstbox.Items.Clear();
                }
                else if (obj.GetType() == typeof(ListView)) // jika tipe obj ada listview
                {
                    ListView lv = (ListView)obj;
                    lv.Items.Clear();
                }
                else if (obj.GetType() == typeof(DataGridView)) // jika tipe obj adalah datagridview
                {
                    DataGridView dgv = (DataGridView)obj;
                    dgv.Rows.Clear();
                }
            }
        }</pre>
<pre class="brush:html"></pre>
<blockquote class="tr_bq">
Anda juga bisa menyesuaikan control apa saja yang anda butuhkan dengan menambahkan IF baru atau yang lainnya</blockquote>
<br />
3. Untuk cara penggunaannya seperti dibawah ini<br />
<br />
VB.NET<br />
<pre class="brush:html">Clear(Me)</pre>
C#<br />
<pre class="brush:html">Clear(this)</pre>
<br />
Berikut beberapa screenshotnya<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOTwvuCkIwNVdC-cf8EFtHzKlhiZCnagCLp7emzbrG6dIwA_Itk0C55BqK_BhgNdyEQ0htJ1Dv8syZ7jovVpJvWFijGCXigZBYKKLjPBi8XDdmCRvracXTqyycBirGeLshc7mvnzaeVncf/s1600/Membersihkan_Seluruh_Control_Object_pada_Form_dengan_VBNET_dan_C_2.png" imageanchor="1"><img alt="Membersihkan Seluruh Control/Object pada Form dengan VB.NET dan C#" border="0" height="189" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOTwvuCkIwNVdC-cf8EFtHzKlhiZCnagCLp7emzbrG6dIwA_Itk0C55BqK_BhgNdyEQ0htJ1Dv8syZ7jovVpJvWFijGCXigZBYKKLjPBi8XDdmCRvracXTqyycBirGeLshc7mvnzaeVncf/s1600/Membersihkan_Seluruh_Control_Object_pada_Form_dengan_VBNET_dan_C_2.png" title="Membersihkan Seluruh Control/Object pada Form dengan VB.NET dan C#" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTqMlDkKmbGJR6nS4XHq5pDfspxNtD3FAXJVU0tkP4huDB5Kbcr1yVadzRMVt7l_PcUuRI4LpIxOUw7ljsRT1jBIiiPWZQMp10cqrizCc26E7nRmGHjvE1JxIimNhiIapkHu9nZDpYlDh6/s1600/Membersihkan_Seluruh_Control_Object_pada_Form_dengan_VBNET_dan_C.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membersihkan Seluruh Control/Object pada Form dengan VB.NET dan C#" border="0" height="188" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTqMlDkKmbGJR6nS4XHq5pDfspxNtD3FAXJVU0tkP4huDB5Kbcr1yVadzRMVt7l_PcUuRI4LpIxOUw7ljsRT1jBIiiPWZQMp10cqrizCc26E7nRmGHjvE1JxIimNhiIapkHu9nZDpYlDh6/s1600/Membersihkan_Seluruh_Control_Object_pada_Form_dengan_VBNET_dan_C.png" title="Membersihkan Seluruh Control/Object pada Form dengan VB.NET dan C#" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Anda dapat mendownload source codenya dibawah ini</div>
<div class="separator" style="clear: both; text-align: center;">
| <a href="http://adf.ly/r4IBB">VB.NET</a> | <a href="http://adf.ly/r4I9f" target="_blank">C#</a> |</div>
<div class="separator" style="clear: both; text-align: center;">
Untuk password silahkan klik <a href="http://adf.ly/fHCDH" target="_blank">disini</a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Sekian dari saya.</div>
<div class="separator" style="clear: both; text-align: left;">
Terima kasih atas kunjugannya semoga bermanfaat</div>

Membersihkan Seluruh Control/Object pada Form dengan VB.NET dan C#

Setelah beberapa hari yang lalu saya memposting tentang Membuat Placeholder pada Textbox dengan VB.NET dan C# pada postingan kali ini saya akan membahas tentang Membersihkan Seluruh Control pada Form dengan VB.NET dan C#. Terkadang ketika membuat sebuah form dimana form tersebut memiliki banyak cont…

12Aug2014

Membuat Placeholder pada TextBox dengan VB.NET dan C#

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnmqlnrA8HpTjoHOJB_wq0Bff8sFk602nshdJecs6Q-HGL3IFcwdfSOJ96MdKrZ3IaNsUFGKvC84C_nv1saXsMUUNtljBEb9VNbsNFnWJMU3b8KlnjuKlELD3-MGJTIh5r371xNLaOOQl1/s1600/Placeholder_TextBox_dengan_VBNET_C%2523.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Membuat Placeholder pada TextBox dengan VB.NET dan C#" border="0" height="102" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnmqlnrA8HpTjoHOJB_wq0Bff8sFk602nshdJecs6Q-HGL3IFcwdfSOJ96MdKrZ3IaNsUFGKvC84C_nv1saXsMUUNtljBEb9VNbsNFnWJMU3b8KlnjuKlELD3-MGJTIh5r371xNLaOOQl1/s1600/Placeholder_TextBox_dengan_VBNET_C%2523.png" title="Membuat Placeholder pada TextBox dengan VB.NET dan C#" width="320" /></a></div>
Setelah cukup lama saya tidak memposting tutorial, maka pada pagi hari ini saya akan memposting tentang <a href="http://adf.ly/r1b3A" target="_blank">Membuat Placeholder pada TextBox dengan VB.NET dan C#</a><br />
<br />
<br />
Apa itu placeholder? Placeholder atribut yang digunakan untuk menentukan petunjuk singkat yang menggambarkan nilai yang diharapkan dari sebuah filed input (Misalnya nilai sampel atau deskripsi singkat dari format yang diharapkan)<br />
<br />
oke langsung saja<br />
<br />
Cara <a href="http://adf.ly/r1b3A" target="_blank">Membuat Placeholder pada TextBox dengan VB.NET dan C#</a><br />
<br />
1. Buka Visual Studio yang anda punya disini saya menggunakan visual studio 2012<br />
<br />
2. Tambahkan 2 buah textbox dan berinama txt_nama dan txt_blog lalu design form seperti gambar dibawah ini<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-dmno3IaOyF0Kh-ykCXdD7oRZ1w5oIRqjlF9pS65Np54TaoVX_QdIw5s9SYthysGoHOYpL-cCEv1KegVoE-yF67DUGlw6LONTYk86E35wiVvM0nwxydC_nh1gVVendWHHy3QYDbj3HZhc/s1600/Placeholder_TextBox_dengan_VBNET_C%23_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Placeholder pada TextBox dengan VB.NET dan C#" border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-dmno3IaOyF0Kh-ykCXdD7oRZ1w5oIRqjlF9pS65Np54TaoVX_QdIw5s9SYthysGoHOYpL-cCEv1KegVoE-yF67DUGlw6LONTYk86E35wiVvM0nwxydC_nh1gVVendWHHy3QYDbj3HZhc/s1600/Placeholder_TextBox_dengan_VBNET_C%23_1.png" title="Membuat Placeholder pada TextBox dengan VB.NET dan C#" width="320" /></a></div>
<br />
3. Lalu ketikan source code dibawah ini<br />
<br />
VBNET<br />
<pre class="brush:html">' mengimport namespace
Imports System.Runtime.InteropServices

Public Class Form1
    ' mengimport user32.dll
    <dllimport charset:="CharSet.Auto)" user32.dll=""> _
    Private Shared Function SendMessage(ByVal hWnd As IntPtr, ByVal msg As Integer, ByVal wParam As Integer, <marshalas nmanagedtype.lpwstr=""> ByVal lParam As String) As Int32
    End Function

Private Const EM_SETCUEMBANNER As Integer = 5377

Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load
        ' memanggil fungsi untuk membuat placeholder pada txt_blog dan txt_nama
        SendMessage(txt_blog.Handle, EM_SETCUEMBANNER, 0, "Alamat Blog")
        SendMessage(txt_nama.Handle, EM_SETCUEMBANNER, 0, "Nama")
    End Sub
End Class</marshalas></dllimport></pre>
C#<br />
<pre class="brush:html">using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Windows.Forms;
// mengimport namespace
using System.Runtime.InteropServices;

namespace _Tutorial_Koding__C_Placeholder_Textbox
{
    public partial class Form1 : Form
    {
        // mengimport user32.dll
        [DllImport("user32.dll", CharSet = CharSet.Auto)]
        private static extern Int32 SendMessage(IntPtr hWnd, int msg, int wParam, [MarshalAs(UnmanagedType.LPWStr)]string iParam);

private const int EM_SETCUEBANNER = 0x1501;

public Form1()
        {
            InitializeComponent();
        }

private void Form1_Load(object sender, EventArgs e)
        {
            // memanggil fungsi untuk membuat placeholder pada txt_blog dan txt_nama
            SendMessage(txt_blog.Handle, EM_SETCUEBANNER, 0, "Alamat Blog");
            SendMessage(txt_nama.Handle, EM_SETCUEBANNER, 0, "Nama");
        }
    }
}</pre>
<br />
4. Jalankan program tersebut dengan menekan F4 maka hasilnya akan seperti gambar dibawah ini<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix7ssXPxn3KMqFRaijSgnw-d5bfsMpUyWRDpuc6exc7Y3VKhs8FJbrN0N7L5xzh1wjux-gFhOHpb5jCCt7UWRvPUcrPEQakF1nbiUBucl-HPUmwqm3QbjvqWVLMBEkt6qJNV5cl8PIVmrQ/s1600/Placeholder_TextBox_dengan_VBNET_C%23_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Placeholder pada TextBox dengan VB.NET dan C#" border="0" height="101" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix7ssXPxn3KMqFRaijSgnw-d5bfsMpUyWRDpuc6exc7Y3VKhs8FJbrN0N7L5xzh1wjux-gFhOHpb5jCCt7UWRvPUcrPEQakF1nbiUBucl-HPUmwqm3QbjvqWVLMBEkt6qJNV5cl8PIVmrQ/s1600/Placeholder_TextBox_dengan_VBNET_C%23_2.png" title="Membuat Placeholder pada TextBox dengan VB.NET dan C#" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhue-4E0UpPi_prHNeun6YR_NzlzeHY0TG8JPr1FD4afznN-5_czxV3XSbvRCZQkgRl0j_QytUUPnP48go9c1klUvUnzkG_fA6QBK-Gj1cy-AHPWI6MehuAKh6Mp4SKC6NBdSInmdxIH6e6/s1600/Placeholder_TextBox_dengan_VBNET_C%23_3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Placeholder pada TextBox dengan VB.NET dan C#" border="0" height="101" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhue-4E0UpPi_prHNeun6YR_NzlzeHY0TG8JPr1FD4afznN-5_czxV3XSbvRCZQkgRl0j_QytUUPnP48go9c1klUvUnzkG_fA6QBK-Gj1cy-AHPWI6MehuAKh6Mp4SKC6NBdSInmdxIH6e6/s1600/Placeholder_TextBox_dengan_VBNET_C%23_3.png" title="Membuat Placeholder pada TextBox dengan VB.NET dan C#" width="320" /></a></div>
<br />
<div style="text-align: center;">
Anda dapat mendownload source codenya dibawah ini</div>
<div style="text-align: center;">
| <a href="http://adf.ly/r1bTo" rel="nofollow" target="_blank">VB.NET</a> | <a href="http://adf.ly/r1bSO" rel="nofollow" target="_blank">C#</a> |</div>
<div style="text-align: center;">
Untuk password silahkan klik <a href="http://adf.ly/fHCDH" target="_blank">disini</a></div>
<br />
Sekian dari saya.<br />
Terima kasih atas kunjugannya semoga bermanfaat

Membuat Placeholder pada TextBox dengan VB.NET dan C#

Setelah cukup lama saya tidak memposting tutorial, maka pada pagi hari ini saya akan memposting tentang Membuat Placeholder pada TextBox dengan VB.NET dan C# Apa itu placeholder? Placeholder atribut yang digunakan untuk menentukan petunjuk singkat yang menggambarkan nilai yang diharapkan dari sebua…

11Aug2014

Membuat Format Currency/Mata Uang Indonesia dengan VB.NET dan C#

Setelah beberapa hari yang lalu saya memposting tentang <a href="http://dwirandyherdinanto.blogspot.com/2014/07/filter-kata-kata-burukkotor-dengan.html" target="_blank">Filter Kata-Kata Buruk/Kotor dengan VB.NET dan C#</a> pada sore kali ini saya akan membahas tentang <a href="http://adf.ly/qWmle" rel="" target="_blank">Membuat Format Currency/Mata Uang Indonesia dengan VB.NET dan C#.</a><br />
<div>
Mungkin terkadang anda ingin merubah value pada textbox dari 100000 menjadi Rp1.000.000 agar lebih mudah dibaca oleh user/pengguna, oke langsung saja</div>
<div>
<br /></div>
<div>
Langkah - langkah Membuat<a href="http://adf.ly/qWmle" target="_blank"> Format Currency/Mata Uang Indonesia dengan VB.NET dan C#</a></div>
<div>
<br /></div>
<div>
1. Buka Visual Studio anda lalu tambahkan 1 buah label dan juga textbox, dan atur lah tata letaknya seperti gambar dibawah ini<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5xuswshUaQ97o_J8bFWN7babsK5SHsm0e9doOFItgeJwDtGKzgzVBzVBWGFCBIIYJjLfOl7sOWnI6plkk8vC8ABjh216IDVIgA2kNT2nE3jqEdN2ZgaIpQcQ3hfM5WZeTKbKbKDOm5kA4/s1600/format_currency_vbnet_dan_C%23+3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Format Currency/Mata Uang Indonesia dengan VB.NET dan C#" border="0" height="151" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5xuswshUaQ97o_J8bFWN7babsK5SHsm0e9doOFItgeJwDtGKzgzVBzVBWGFCBIIYJjLfOl7sOWnI6plkk8vC8ABjh216IDVIgA2kNT2nE3jqEdN2ZgaIpQcQ3hfM5WZeTKbKbKDOm5kA4/s1600/format_currency_vbnet_dan_C%23+3.png" title="Membuat Format Currency/Mata Uang Indonesia dengan VB.NET dan C#" width="320" /></a></div>
<br /></div>
<div>
2. Pada Event Form_Load ketikan script dibawah ini<br />
VB.NET<br />
<pre class="brush:html">' merubah cultureinfo menjadi indonesia
System.Threading.Thread.CurrentThread.CurrentCulture = New System.Globalization.CultureInfo("id-ID")
System.Threading.Thread.CurrentThread.CurrentUICulture = New System.Globalization.CultureInfo("id-ID")

textBox1.Text = FormatCurrency(0)</pre>
C#<br />
<pre class="brush:html">// merubah cultureinfo menjadi indonesia
System.Threading.Thread.CurrentThread.CurrentCulture = new System.Globalization.CultureInfo("id-ID");
System.Threading.Thread.CurrentThread.CurrentUICulture = new System.Globalization.CultureInfo("id-ID");

textBox1.Text = Convert.ToDecimal(0).ToString("c");</pre>
<br />
3. Pada Event textbox1_KeyPress ketikan script dibawah ini<br />
VBNET<br />
<pre class="brush:html">If ((e.KeyChar >= Convert.ToChar(48)) AndAlso (e.KeyChar <= Convert.ToChar(57))) Then ' 0 - 9
    e.Handled = False
ElseIf (e.KeyChar = Convert.ToChar(8)) Then ' backspace
    e.Handled = False
ElseIf (e.KeyChar = Convert.ToChar(13)) Then ' enter
    e.Handled = False
Else
    e.Handled = True
End If</pre>
C# <br />
<pre class="brush:html">if (e.KeyChar >= Convert.ToChar(48) && e.KeyChar <= Convert.ToChar(57)) // 0 - 9
{
    e.Handled = false;
}
else if (e.KeyChar == Convert.ToChar(8)) // backspace
{
    e.Handled = false;
}
else if (e.KeyChar == Convert.ToChar(13)) // enter
{
    e.Handled = false;
}
else
{
    e.Handled = true;
}</pre>
<br />
4. Pada Event textbox1_TextChanged ketikan script dibawah ini<br />
VBNET<br />
<pre class="brush:html">If textBox1.Text.Length <= 2 Then ' jika panjang karakter pada textbox1 <= 2
    textBox1.Text = FormatCurrency(0) ' menampilkan Rp0
Else ' jika tidak
    textBox1.Text = FormatCurrency(textBox1.Text) ' mengubah format pada textbox1 menjadi currency
    textBox1.SelectionStart = textBox1.Text.Length '  menetapkan titik awal dari teks yang dipilih pada textbox
End If</pre>
C# <br />
<pre class="brush:html">if (textBox1.Text.Length <= 2) // jika panjang karakter pada textbox1 <= 2
{
    textBox1.Text = Convert.ToDecimal(0).ToString("c"); // menampilkan Rp0
}
else // jika tidak
{
    textBox1.Text = decimal.Parse(textBox1.Text, System.Globalization.NumberStyles.Currency).ToString("c"); // mengubah format pada textbox1 menjadi currency
    textBox1.SelectionStart = textBox1.Text.Length; // menetapkan titik awal dari teks yang dipilih pada textbox
}</pre>
<br />
5. Jalankan program tersebut dengan menekan F5 maka tampilannya akan seperti gambar dibawah ini<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU43P8TL3jS0Wnn8bfJHJoYiCu2XdPxDtSDoTFlMgXxlgGygDDwQKDXVENH0JvdWU1PZrKT7aNp5qnRActa3vmofcrvWMBmvn9bcLpjitmAtts5kmtCRGR6aWe457lcUY3DFvsEqmlrcmF/s1600/format_currency_vbnet_dan_C%23.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Format Currency/Mata Uang Indonesia dengan VB.NET dan C#" border="0" height="147" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU43P8TL3jS0Wnn8bfJHJoYiCu2XdPxDtSDoTFlMgXxlgGygDDwQKDXVENH0JvdWU1PZrKT7aNp5qnRActa3vmofcrvWMBmvn9bcLpjitmAtts5kmtCRGR6aWe457lcUY3DFvsEqmlrcmF/s1600/format_currency_vbnet_dan_C%23.png" title="Membuat Format Currency/Mata Uang Indonesia dengan VB.NET dan C#" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWGgnv_PNdlP03C1zctNiCPMNoAEKv1K5lZb5aTKI4MMEJfw5veiFj5Pu5vgIlwY3KKdB4ikrWR5uXyMctacJ2iUSG-hnLeHUKua5y1b4zXzaMRCid-l_TdiRT7ft1YvTINl4zgLkSUWba/s1600/format_currency_vbnet_dan_C%23+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Format Currency/Mata Uang Indonesia dengan VB.NET dan C#" border="0" height="149" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWGgnv_PNdlP03C1zctNiCPMNoAEKv1K5lZb5aTKI4MMEJfw5veiFj5Pu5vgIlwY3KKdB4ikrWR5uXyMctacJ2iUSG-hnLeHUKua5y1b4zXzaMRCid-l_TdiRT7ft1YvTINl4zgLkSUWba/s1600/format_currency_vbnet_dan_C%23+2.png" title="Membuat Format Currency/Mata Uang Indonesia dengan VB.NET dan C#" width="320" /></a></div>
<br />
<div style="text-align: center;">
Anda dapat mendownload source codenya dibawah ini</div>
<div style="text-align: center;">
| <a href="http://adf.ly/qWqTa" rel="nofollow" target="_blank">VB.NET</a> | <a href="http://adf.ly/qWqRW" target="_blank">C#</a> |</div>
<div style="text-align: center;">
Untuk password silahkan klik <a href="http://adf.ly/fHCDH" rel="nofollow" target="_blank">disini</a></div>
<br />
Sekian dari saya.<br />
Terima kasih atas kunjugannya semoga bermanfaat</div>

Membuat Format Currency/Mata Uang Indonesia dengan VB.NET dan C#

Setelah beberapa hari yang lalu saya memposting tentang Filter Kata-Kata Buruk/Kotor dengan VB.NET dan C# pada sore kali ini saya akan membahas tentang Membuat Format Currency/Mata Uang Indonesia dengan VB.NET dan C#. Mungkin terkadang anda ingin merubah value pada textbox dari 100000 menjadi Rp1.00…

23Jul2014