LIstView dan Data Pager Control (bagian 2)

Posting ini adalah lanjutan dari posting sebelumnya di

Topik yang akan dibahas pada posting kali ini:

  • Sorting dengan ListView
  • Edit, Delete data dengan ListView
  • Insert data dengan ListView
  • Sekilas DataPager Control
  • Contoh menggunakan DataPager
  • Custom Paging

Source code untuk contoh-contoh aplikasi dapat anda download di

Sorting Dengan ListView

Anda juga dapat menambahkan sorting pada ListView control dengan cara merubah property ‘CommandName’ menjadi ‘Sort’ dan ‘CommandArgument’ berisi nama kolom untuk yg akan disorting.

Contoh sorting dengan ListView Control (ListSort.aspx)

   1: <form id="form1" runat="server">
   2: <div>
   3:   <asp:SqlDataSource ID="sdsKategori" runat="server"
   4:     ConnectionString="<%$ 
   5:     ConnectionStrings:MhsConnectionString %>"
   6:     SelectCommand="SELECT * FROM 
   7:       Kategori"></asp:SqlDataSource>
   8:    <asp:ListView ID="lvBerita" runat="server"
   9:      DataSourceID="sdsKategori">
  10:      <LayoutTemplate>
  11:       <table border="1px" style="border-collapse:collapse;">
  12:         <thead>
  13:         <tr>
  14:           <th><asp:LinkButton ID="lnkId" Text="ID"
  15:             CommandName="Sort" CommandArgument="id_kat"
  16:             runat="server" /></th>
  17:           <th><asp:LinkButton ID="lnkNama" Text="Nama 
  18:             Kategori" CommandName="Sort"
  19:             CommandArgument="nama_kat"
  20:             runat="server" /></th>
  21:         </tr>
  22:         </thead>
  23:         <tbody>
  24:           <asp:PlaceHolder ID="itemPlaceHolder"
  25:             runat="server" />
  26:         </tbody>
  27:       </table>
  28:      </LayoutTemplate>
  29:      <ItemTemplate>
  30:        <tr>
  31:          <td><%# Eval("id_kat") %></td>
  32:          <td><%# Eval("nama_kat") %></td>
  33:        </tr>
  34:      </ItemTemplate>
  35:    </asp:ListView>
  36: </div>
  37: </form>

image

Edit, Delete, Insert Data dengan ListView

ListView menggunakan tag-tag <EditItemTemplate>, <DeleteItemTemplate>, <InsertItemTemplate> untuk inser, edit, delete data. Didalam tag tersebut anda dapat membuat tampilan ketika tombol edit, insert, atau delete ditekan.

Contoh Edit dan Delete data menggunakan ListView (EditList.aspx)

   1: <form id="form1" runat="server">
   2: <div>
   3:   <asp:SqlDataSource ID="sdsKategori" runat="server"
   4:     ConnectionString="<%$ 
   5:     ConnectionStrings:MhsConnectionString %>"
   6:     SelectCommand="SELECT * FROM [Kategori]"
   7:     DeleteCommand="DELETE FROM [Kategori] 
   8:       WHERE [id_kat] = @id_kat"
   9:     UpdateCommand="UPDATE [Kategori] SET [nama_kat] = 
  10:       @nama_kat WHERE [id_kat] = @id_kat">
  11:     <DeleteParameters>
  12:       <asp:Parameter Name="id_kat" Type="Int32" />
  13:     </DeleteParameters>
  14:     <UpdateParameters>
  15:       <asp:Parameter Name="nama_kat" Type="String" />
  16:       <asp:Parameter Name="id_kat" Type="Int32" />
  17:     </UpdateParameters>
  18:   </asp:SqlDataSource>
  19:   <asp:ListView ID="lvKategori" runat="server"
  20:     DataKeyNames="id_kat" DataSourceID="sdsKategori">
  21:     <LayoutTemplate>
  22:      <asp:PlaceHolder ID="itemPlaceholder" runat="server" />
  23:     </LayoutTemplate>
  24:     <ItemTemplate>
  25:       <div style="border:solid 1px black;width:250px">
  26:         <h3><%# Eval("nama_kat") %></h3>
  27:         <p>Id: <%# Eval("id_kat") %></p><hr />
  28:         <asp:LinkButton id="lnkEdit" Text="{Edit}"
  29:           CommandName="Edit" Runat="server" />
  30:         <asp:LinkButton id="lnkDelete" Text="{Delete}"
  31:           CommandName="Delete" Runat="server"
  32:           OnClientClick="return confirm('Anda yakin 
  33:           mendelete data?')" />
  34:       </div>
  35:     </ItemTemplate>
  36:     <EditItemTemplate>
  37:       <div style="border:solid 1px black;width:250px">
  38:         Nama Kategori :<asp:TextBox ID="txtKat" Text='<%# 
  39:           Bind("nama_kat") %>' runat="server" />
  40:         <asp:RequiredFieldValidator ID="rfvKat"
  41:           runat="server" ControlToValidate="txtKat"
  42:           ErrorMessage="{required}" /><hr />
  43:         <asp:LinkButton id="lnkUpdate" Text="{Update}"
  44:           CommandName="Update" Runat="server" />
  45:         <asp:LinkButton id="lnkCancel" Text="{Cancel}"
  46:           CommandName="Cancel" Runat="server" />
  47:       </div>
  48:       </EditItemTemplate>
  49:   </asp:ListView>
  50: </div>
  51: </form>

image

image

Contoh insert data menggunakan ListView (InsertList.aspx)

   1: <form id="form1" runat="server">
   2: <div>
   3:   <asp:SqlDataSource ID="sdsKategori" runat="server"
   4:     ConnectionString="<%$ 
   5:     ConnectionStrings:MhsConnectionString %>"
   6:     InsertCommand="INSERT INTO [Kategori] ([nama_kat]) 
   7:       VALUES (@nama_kat)"
   8:     SelectCommand="SELECT * FROM [Kategori]">
   9:     <InsertParameters>
  10:       <asp:Parameter Name="nama_kat" Type="String" />
  11:     </InsertParameters>
  12:   </asp:SqlDataSource>
  13:   <asp:ListView ID="lvKategori" runat="server"
  14:     DataSourceID="sdsKategori"
  15:     InsertItemPosition="FirstItem">
  16:   <LayoutTemplate>
  17:     <asp:PlaceHolder ID="itemPlaceHolder" runat="server" />
  18:   </LayoutTemplate>
  19:   <ItemTemplate>
  20:    <div style="border:solid 1px black;width:250px">
  21:     <h3><%# Eval("nama_kat") %></h3>
  22:     <p>Id Kategori : <%# Eval("id_kat") %></p><hr />
  23:    </div>
  24:   </ItemTemplate>
  25:   <InsertItemTemplate>
  26:    <div style="border:solid 1px black;width:250px">
  27:      <h3>Tambah Kategori</h3>
  28:      Nama Kategori :<asp:TextBox ID="txtKat" Text='<%# 
  29:        Bind("nama_kat") %>' runat="server" /><hr />
  30:      <asp:LinkButton ID="lnkInsert" Text="{Insert}"
  31:        CommandName="Insert" runat="server" />
  32:    </div>
  33:   </InsertItemTemplate>
  34:   </asp:ListView>
  35: </div>
  36: </form>

image

DataPager Control

DataPager adalah pasangan dari ListView yang digunakan untuk paging halaman. DataPager dapat digunakan oleh semua control yang mengimplementasikan interface IPageableItemContainer. Di ASP.NET 3.5 baru ada satu control yang mengimplementasikan interface tersebut yaitu ListView ^_^

DataPager control mempunyai beberapa property yang penting yaitu:

  • PageSize: jumlah data yang akan ditampilkan.
  • PagedControlId: ambil atau set control pada halaman.
  • Fields: ambil fields yang ada pada DataPager.
  • StartRowIndex: ambil index dari item pertama yang ditampilkan.
  • MaximumRows: ambil maksimum row yang diambil dari data source.
  • TotalRowCount: ambil total number dari items yang ada pada data source.
  • NextPreviousPagerFields : untuk menampilkan link dalam bentuk next, previous, first dan last.
  • NumericPagerFileds: menampilkan link dalam bentuk numeric.
  • TemplatePagerField: membuat custom user interface pada paging.

Contoh menggunakan DataPager (ShowDataPager.aspx)

   1: <form id="form1" runat="server">
   2: <div>
   3:   <asp:SqlDataSource ID="sdsBerita" runat="server"
   4:     ConnectionString="<%$ 
   5:     ConnectionStrings:MhsConnectionString %>"
   6:     SelectCommand="SELECT * FROM 
   7:       [Berita]"></asp:SqlDataSource>
   8:     <asp:ListView ID="lvBerita" runat="server"
   9:       DataSourceID="sdsBerita">
  10:     <LayoutTemplate>
  11:     <table border="2">
  12:     <thead>
  13:       <th>Judul</th><th>Berita</th><th>Tanggal</th>
  14:     </thead>
  15:     <asp:PlaceHolder ID="itemPlaceHolder" runat="server" />
  16:     </table>
  17:     <asp:DataPager ID="dpBerita" PageSize="2"
  18:       runat="server">
  19:       <Fields>
  20:         <asp:NextPreviousPagerField
  21:           ShowFirstPageButton="true"
  22:           ShowPreviousPageButton="true"
  23:           ShowNextPageButton="false"
  24:           ShowLastPageButton="false" />
  25:         <asp:NumericPagerField />
  26:         <asp:NextPreviousPagerField
  27:           ShowFirstPageButton="false"
  28:           ShowPreviousPageButton="false"
  29:           ShowNextPageButton="true"
  30:           ShowLastPageButton="true" />
  31:       </Fields>
  32:     </asp:DataPager>
  33:     </LayoutTemplate>
  34:     <ItemTemplate>
  35:       <tr>
  36:         <td><%# Eval("judul_berita") %></td>
  37:         <td><%# Eval("detail_berita") %></td>
  38:         <td><%# Eval("tanggal") %></td>
  39:       </tr>
  40:     </ItemTemplate>
  41:   </asp:ListView>
  42: </div>
  43: </form>

image_thumb3

Membuat Custom Paging

Jika anda tidak puas dengan default paging yang disediakan, anda dapat menggunakan TemplatePagerField.

Contoh menggunakan DataPager TemplatePagerField (PagerTemplate.aspx)

   1: <form id="form1" runat="server">
   2: <div>
   3:   <asp:SqlDataSource ID="sdsBerita" runat="server"
   4:     ConnectionString="<%$ 
   5:     ConnectionStrings:MhsConnectionString %>"
   6:     SelectCommand="SELECT * FROM 
   7:       [Berita]"></asp:SqlDataSource>
   8:    <asp:ListView ID="lvBerita" runat="server"
   9:       DataSourceID="sdsBerita">
  10:     <LayoutTemplate>
  11:      <table border="1">
  12:      <thead>
  13:         <th>Judul</th><th>Berita</th><th>Tanggal</th>
  14:      </thead>
  15:      <asp:PlaceHolder ID="itemPlaceholder" runat="server" />
  16:      </table>
  17:      <asp:DataPager ID="dpBerita" runat="server"
  18:        PageSize="2">
  19:        <Fields>
  20:          <asp:TemplatePagerField
  21:            OnPagerCommand="dpBerita_OnPagerCommand">
  22:          <PagerTemplate>
  23:            <asp:LinkButton ID="lnkPrev" Text="{Prev}"
  24:              CommandName="Previous" runat="server" />
  25:            <asp:LinkButton ID="lnkNext" Text="{Next}"
  26:              CommandName="Next" runat="server" />
  27:          </PagerTemplate>
  28:          </asp:TemplatePagerField>
  29:        </Fields>
  30:      </asp:DataPager>
  31:     </LayoutTemplate>
  32:     <ItemTemplate>
  33:       <tr>
  34:         <td><%# Eval("judul_berita") %></td>
  35:         <td><%# Eval("detail_berita") %></td>
  36:         <td><%# Eval("tanggal") %></td>
  37:       </tr>
  38:     </ItemTemplate>
  39:    </asp:ListView>
  40: </div>
  41: </form>

Kemudian tambahkan kode berikut pada event ‘OnPagerCommand’ pada TemplateFields.

   1: protected void dpBerita_OnPagerCommand(object sender,
   2: DataPagerCommandEventArgs e) {
   3:     e.NewMaximumRows = e.Item.Pager.MaximumRows;
   4:     switch (e.CommandName) {
   5:     case "Previous":
   6:       if (e.Item.Pager.StartRowIndex > 0)
   7:         e.NewStartRowIndex = e.Item.Pager.StartRowIndex - 2;
   8:       break;
   9:     case "Next":
  10:         e.NewStartRowIndex = e.Item.Pager.StartRowIndex + 2;
  11:       break;
  12:     }
  13: }

image_thumb5

Dibandingkan dengan GridView, Kombinasi ListView dan DataPager menawarkan fleksibilitas yang lebih besar kepada programmer untuk memodifikasi tampilan dan program. Secara pribadi saya menyarankan penggunaan dua control baru ini daripada control lama seperti GridView, DataList, atau Repeater.

selesai ^_^

LIstView dan Data Pager Control (bagian 1)

Pada posting kali ini saya ingin membahas fitur yang menurut saya sangat menarik pada ASP.NET 3.5 yaitu ListView dan Data Pager

ListView dan DataPager adalah control baru pada ASP.NET 3.5. ListView adalah control yang amat sangat fleksible, anda dapat menggunakan ListView untuk kasus yang sama seperti ketika anda menggunakan GridView, DataList, FormView, dan Repeater control. Sedangkan DataPager adalah pasangan dari ListView yang digunakan untuk paging data.

Topik yang akan dibahas:

  • Sekilas ListView Control
  • Penggunaan Layout Template dan Item Template
  • Menampilkan tabular data dengan ListView
  • Menggunakan Group Template
  • Membuat Master/Detail dengan ListView

Source code untuk contoh-contoh aplikasi dapat anda download di

ListView Control

Anda dapat membayangkan bahwa LisView adalah GridView control yang amat sangat fleksible. Sama seperti GridView, ListView juga dapat digunakan untuk display, edit, delete select, dan sorting data, bedanya dengan GridView, ListView merupakan control yang berbasis template secara keseluruhan, ListView juga dapat digunakan untuk insert data.

ListView juga mirip dengan DataList karena dapat digunakan untuk menampilkan data yang terdiri dari beberapa kolom. ListView juga mirip dengan Repeater karena semuanya berbasis template.

ListView mempunyai beberapa tempalate yang dapat digunakan diantaranya:

  • LayoutTemplate
  • ItemTemplate
  • GroupTemplate
  • EmptyItemTemplate
  • EmptyDataTemplate
  • SelectedItemTemplate
  • AlternatingItemTemplate
  • EditItemTemplate
  • InsertItemTemplate

Contoh Penggunaan Layout Template dan Item Template (SimpleListView.aspx)

   1: <form id="form1" runat="server">
   2: <div>
   3:   <asp:SqlDataSource ID="sdsKategori" runat="server"
   4:     ConnectionString="<%$ 
   5:     ConnectionStrings:MhsConnectionString %>"
   6:     SelectCommand="SELECT * FROM 
   7:       [Kategori]"></asp:SqlDataSource>
   8:     <asp:ListView ID="lvKategori" runat="server"
   9:       DataSourceID="sdsKategori">
  10:       <LayoutTemplate>
  11:         <div style="border:dotted 1px black; width:200px;">
  12:           <asp:PlaceHolder ID="itemPlaceHolder"
  13:             runat="server" />
  14:         </div>
  15:       </LayoutTemplate>
  16:       <ItemTemplate>
  17:         <div style="border:solid 1px black;">
  18:           <%# Eval("nama_kat") %>
  19:         </div>
  20:         </ItemTemplate>
  21:       <AlternatingItemTemplate>
  22:         <div style="border:solid 1px black; background-
  23:           color:Silver;">
  24:           <%# Eval("nama_kat") %>
  25:         </div>
  26:       </AlternatingItemTemplate>
  27:       <EmptyDataTemplate>
  28:           No Record Found
  29:       </EmptyDataTemplate>
  30:     </asp:ListView>
  31: </div>
  32: </form>

Pada contoh diatas LayoutTemplate digunakan untuk membuat <div> paling luar yang akan berisi semua data yang ditampilkan oleh ListView. LayoutTemplate hanya dirender sekali saja ketika halaman dibuat. Di dalam LayoutTemplate anda perlu menambahkan itemPlaceHolder yang nanti akan diganti oleh tag-tag yang ada dalam ItemTemplate.

ItemTemplate digunakan untuk merender data semua data yang ada pada data source. Jadi bagian yang dijalankan berulang-ulang adalah ItemTemplate sesuai dengan jumlah data yang ada di data source.

AlternatingItemTemplate bersifat opsional, pada program diatas digunakan untuk menampilkan data yang background colornya silver. EmptyDataTemplate akan ditampilkan jika tidak ada data pada data source alias kosong.

image

Jika biasanya anda menampilkan data tabular menggunakan GridView, maka sekarang anda dapat membuat yang lebih fleksible menggunakan  ListView

Contoh menampilkan table pada ListView (TableList.aspx)

   1: <form id="form1" runat="server">
   2: <div>
   3:   <asp:SqlDataSource ID="sdsKategori" runat="server"
   4:     ConnectionString="<%$ 
   5:     ConnectionStrings:MhsConnectionString %>"
   6:     SelectCommand="SELECT * FROM 
   7:      [Kategori]"></asp:SqlDataSource>
   8:     <asp:ListView ID="lvKategori" runat="server"
   9:       DataSourceID="sdsKategori">
  10:      <LayoutTemplate>
  11:       <table border="1px" style="border-collapse:collapse;">
  12:       <thead>
  13:         <tr><td>ID</td><td>Nama Kategori</td></tr>
  14:       </thead>
  15:       <tbody>
  16:         <asp:PlaceHolder ID="itemPlaceHolder"
  17:           runat="server" />
  18:       </tbody>
  19:       </table>
  20:      </LayoutTemplate>
  21:      <ItemTemplate>
  22:        <tr>
  23:          <td><%# Eval("id_kat") %></td>
  24:          <td><%# Eval("nama_kat") %></td>
  25:        </tr>
  26:      </ItemTemplate>
  27:      <EmptyDataTemplate>
  28:             No Record Found
  29:      </EmptyDataTemplate>
  30:     </asp:ListView>
  31: </div>
  32: </form>

image

Menggunakan GroupTemplate

Anda dapat menggunakan ListView GroupTemplate untuk mengelompokan beberapa item. GroupTemplate berguna ketika anda ingin menampilkan multiple column pada ListView.

Contoh menggunakan GroupTemplate (ListGroup.aspx’)

   1: <form id="form1" runat="server">
   2: <div>
   3:   <asp:SqlDataSource ID="sdsPhoto" runat="server"
   4:     ConnectionString="<%$ 
   5:     ConnectionStrings:MhsConnectionString %>"
   6:     SelectCommand="SELECT * FROM 
   7:       [Photo]"></asp:SqlDataSource>
   8:   <asp:ListView ID="lvPhoto" runat="server"
   9:     GroupItemCount="3" DataSourceID="sdsPhoto">
  10:    <LayoutTemplate>
  11:     <asp:PlaceHolder ID="groupPlaceHolder" runat="server" />
  12:    </LayoutTemplate>
  13:    <GroupTemplate>
  14:    <div>
  15:      <asp:PlaceHolder ID="itemPlaceHolder" runat="server" />
  16:    </div>
  17:    </GroupTemplate>
  18:    <ItemTemplate>
  19:      <asp:Image ID="imgPhoto" Width="200px" ImageUrl='<%# 
  20:        Eval("namafile","~/Photo/{0}") %>' runat="server" />
  21:    </ItemTemplate>
  22:   </asp:ListView>
  23: </div>
  24: </form>

image

Contoh Membuat Master Details dengan ListView (ListMasterDetail.aspx)

   1: <form id="form1" runat="server">
   2: <div>
   3:   <asp:SqlDataSource ID="sdsKategori" runat="server"
   4:     ConnectionString="<%$    
   5:     ConnectionStrings:MhsConnectionString %>"
   6:     SelectCommand="SELECT * FROM 
   7:       [Kategori]"></asp:SqlDataSource>
   8:   <asp:SqlDataSource ID="sdsBerita" runat="server"
   9:     ConnectionString="<%$ 
  10:     ConnectionStrings:MhsConnectionString %>"
  11:     SelectCommand="SELECT * FROM [Berita] 
  12:       WHERE ([id_kat] = @id_kat)">
  13:     <SelectParameters>
  14:     <asp:ControlParameter ControlID="lvKategori"
  15:       Name="id_kat" />
  16:     </SelectParameters>
  17:   </asp:SqlDataSource>
  18:   <asp:ListView ID="lvKategori" runat="server"
  19:     DataSourceID="sdsKategori" DataKeyNames="id_kat">
  20:     <LayoutTemplate>
  21:      <asp:PlaceHolder ID="itemPlaceHolder" runat="server" />
  22:     </LayoutTemplate>
  23:     <ItemTemplate>
  24:       <div>
  25:       <asp:LinkButton ID="lnkSelect" Text='<%# 
  26:         Eval("nama_kat") %>' CommandName="Select"
  27:         runat="server" />
  28:       </div>
  29:     </ItemTemplate>
  30:     <SelectedItemTemplate>
  31:         <%# Eval("nama_kat") %>
  32:     </SelectedItemTemplate>
  33:     </asp:ListView><br /><br />
  34:     <asp:ListView ID="lstBerita" runat="server"
  35:       DataSourceID="sdsBerita"
  36:       onitemdatabound="lstBerita_ItemDataBound">
  37:     <LayoutTemplate>
  38:       <table border="1px" style="border-collapse:collapse;">
  39:         <thead>
  40:           <td>No</td><td>Judul</td>
  41:           <td>Berita</td><td>Tanggal</td>
  42:         </thead>
  43:         <tbody>
  44:           <asp:PlaceHolder ID="itemPlaceHolder"
  45:             runat="server" />
  46:         </tbody>
  47:       </table>
  48:       </LayoutTemplate>
  49:       <ItemTemplate>
  50:         <tr>
  51:           <td><asp:Label ID="lblNo" runat="server" /></td>
  52:           <td><%# Eval("judul_berita") %></td>
  53:           <td><%# Eval("detail_berita") %></td>
  54:           <td><%# Eval("tanggal") %></td>
  55:         </tr>
  56:       </ItemTemplate>
  57:     </asp:ListView>
  58: </div>
  59: </form>

Untuk menambahkan urutan pada kolom ‘No’, tambahkan kode pada event ‘ItemDataBound’.

   1: private int count = 0;
   2: protected void lstBerita_ItemDataBound(object sender,
   3:   ListViewItemEventArgs e) {
   4:         count++;
   5:         Label lblNo = (Label)e.Item.FindControl("lblNo");
   6:         lblNo.Text = count.ToString();
   7: }

Isi dari SelectItemTemplate akan ditampilkan ketika anda memilih salah satu link kategori. Anda dapat manampikan style berbeda pada SelectedItemTemplate.

Perhatikan bahwa linkButton pada ItemTemplate mempunyai property ‘CommandName’ yaitu ‘Select’, berarti jika link tersebut diklik maka perintah select dijalankan. Karena pada ‘lvKategori’ property ‘DataKeyNames’ berisi ‘id_kat’ maka jika user menekan select maka akan dikembalikan nilai ‘id_kat’ dari record yang dipilih.

image

bersambung next post ^_^

Seminar UKDW Jogja

Seminar “Technology Update” yang diselenggarakan pada hari 14 Februari 2009, di Auditorium kampus UKDW, Yogyakarta berjalan dengan lancar, biarpun awalnya pihak panita merasa ‘was-was’ karena acara dilangsungkan tepat pada ‘Valentine Day’ ^_^, tapi ternyata peserta yang hadir lumayan banyak sekitar 200 orang yang sebagian besar adalah mahasiswa. Acara ini didukung oleh MUGI, Gigabyte, UKDW, Inixindo, Penerbit Andi dan masih banyak sponsor lokal lain, materi yang dibawakan pada seminar tersebut adalah:

  • Motherboard Technology oleh Bapak Benny Lodewijk (Gigabyte, Lead Komunitas Overclock)
  • Berkarir dengan Sertifikasi IT Microsoft, oleh Bapak Mustofa (Manager Education Inixindo Jogja)
  • SAM (Software Asset Management), oleh Bapak David Yacobus (MUGI Jakarta)
  • Rich Internet Application with Silverlight 2.0, oleh Bapak Ridi Ferdiana (MIC Lead UGM, Dosen UGM)
  • JQuery with ASP.NET, oleh Bapak Erick Kurniawan (MUGI Jogja, Dosen UKDW)

Acara berlangsung dengan meriah dan seru dari awal sampai akhir walaupun waktu seminar cukup lama dari pukul 08.00 sd 16.00, tapi peserta tetap antusias dalam mengikuti jalannya acara, ini terbukti sampai sesi terakhir peserta belum meninggalkan ruang seminar.

Berikut oleh-oleh foto dari jogja…

CIMG3795

Poster di depan kampus UKDW

CIMG3765

Mahasiswa mendaftar Komunitas MUGI

CIMG3770

Ruang Auditorium UKDW tempat dilangsungkan acara seminar

CIMG3773

CIMG3806

Pak David Yacobus membawakan materi SAM

CIMG3811

Pak Ridi Ferdiana membawakan materi RIA with Silverlight

CIMG3819

Saya membawakan materi JQuery with ASP.NET

CIMG3833

Pak David, Pak Ridi, dan saya

CIMG3835

Foto-foto bersama tim Panitia

CIMG3840

CIMG3756

Bakmi Jawa “Kadin”, bakmi jawa paling top markotop di Jogja ^_^, bagi temen2 MUGI yang pengen nyoba ditunggu kedatangannya di jogja hehe ^_^

Materi seminar dan source code dapat didownload disini:

RIA with Silverlight 2.0 RIA with Silverlight 2.0

JQuery with ASP.NET JQuery with ASP.NET

Seminar Technology Update

Pada hari sabtu 14 Februari 2009 (pas hari valentine ^_^) diadakan seminar “Technology Update” yang membahas tentang teknologi hardware terbaru dan teknologi dari Microsoft, acara akan dilangsungkan dari jam 8.30 pagi sampai 16.00, kebetulan saya juga berkesempatan untuk menjadi pembicara dengan topik “JQuery with ASP.NET”.

 image

Foto2 n Materi CSA 1 UKDW (Deep Dive Windows Vista)

Pada hari sabtu tanggal 13 Desember 2008, sudah dilangsungkan seminar sehari dengan tema CSA “Deep Dive Windows Vista” yang dilangsungkan di Lab A Universitas Kristen Duta Wacana, adapu materi yang disampaikan adalah :

  • “Now and Future Investment in Windows Vista using WPF” Oleh: Ridi Ferdiana (MIC UGM, MVP Client Dev)
  • “Easy Deployment with Windows Vista Otomation Toolkit” Oleh: Baskoro (MIC UGM)
  • “Deploy ASP.NET Personal Website with IIS7 and Windows Vista” Oleh: Erick Kurniawan (Dosen SI UKDW, MUGI Jogja)
  • “Save The Day,Save Your Data with Windows Vista Recovery Technology” Oleh: Lutfie Royan (MVP Storage System, MUGI Semarang)

image

Lokasi: Lab A Gedung Agape UKDW

 

image

image

Peserta Community Skill Accellerator dari kampus (ugm, uajy, ukdw, dll)

 

image

Pembicara: pak lutfie, mas baskoro, pak ridi, saya (dari kiri ke kanan)

 

Materi:

CSA (Community Skill Accelerator) "Deep Dive Windows Vista Technology Sessions"

Bagi teman-teman developer atau mahasiswa tingkat akhir yang sangat tertarik dengan pengembangan teknologi Microsoft yang berdomisili di kota yogyakarta dan sekitarnya anda dapat mengikuti event ini :

poster

Lokasi pelaksanaan:

Tempat: Universitas Kristen Duta Wacana, Jl. Dr. Wahidin Sudirohusodo No. 5-27 (Lab A, gedung Agape Lt. 2)

Hari / Tanggal : Sabtu, 13 Desember 2008

Jam : 8.30 – 13.30

Untuk mengikuti event ini tidak ditarik biaya alias “FREE

Pendaftaran hubungi : event@micresearch.net dengan mengirimkan identitas (nama, alamat, no hp, dan instansi)

Buruan yaa, tempat terbatas…

NEW ASP.NET Charting Control

Barusan baca blognya mbah scottgu nich..

Microsoft sudah merilis server control baru nan kereeen untuk membuat chart yang support ASP.NET 3.5, anda dapat mendownload komponennya disini :

image

image

image

Atau anda dapat baca artikel lengkapnya di blognya mbah scottgu

selamat mencoba ..