Tutorial Koding

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 Membu...

Sunday, November 16, 2014

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 Membu...

Sunday, November 09, 2014

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

Malam semua, pada kesempatan kali ini saya ingin memposting tentang Windows Phone, karena saya sedang belajar tentang windows phone, sekalia...

Monday, November 03, 2014

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 penulisa...

Wednesday, October 01, 2014

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 mempos...

Friday, September 26, 2014

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 me...

Thursday, September 25, 2014

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...

Sunday, September 21, 2014

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 mem...

Thursday, September 04, 2014

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

Karena sudah sangat lama sekali saya tidak memposting tentang PHP, pada malam hari ini saya memutuskan untuk memposting tentang PHP, pada po...

Tuesday, September 02, 2014

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 #. ...

Monday, September 01, 2014