Reyza : Aktivitas

Building Backend Service for Mobile Application

reyza — Sun, 22 Jan 2012 12:13:39 GMT

Setelah minggu lalu mengisi materi pada Seminar Microsoft Technology Update 4.0 di auditorium Politeknik Pos Indonesia (How does Web Technology help Mobile App Development-) selanjutnya mendapat kesempatan kembali untuk mengisi acara pada acara Develop Our World with MUGI, Nokia.Ice dan Agate – “Menggenggam dan Membangun Dunia Luar dengan Imaginasi” tanggal 21 Januari 2012 di Universitas Pasundan, almamater sendiri :)

Pada kesempatan ini materi yang saya bawakan adalah Building Backend Service for Mobile Application.

Seminar ini diikuti oleh peserta dari mahasiswa Teknik Informatika Universtas Pasundan, mahasiswa lain dan SMK. Ada sekitar 100 mahasiswa yang hadir pada seminar ini.

Mirip dengan materi sebelumnya, pada kesempatan ini dibahas pembuatan layangan backend untuk support data pada aplikasi mobile. Ada beberapa demo yang diperlihatkan pada materi ini yaitu :

Pembuatan Web Service.
Pemanfaatan Web Service pada Windows Phone.
Pembuatan WCF Data Service.
Pemanfaatan WCF Data Service pada Windows Phone.

{Web Service}

Pada web site cukup tambahkan item Web Service sehingga dapat dilihat seperti berikut ini pada solution explorer.

Yaitu file :

Service.asmx
Service.cs pada folder App_Code.

Berikut adalah isi dari file Service.cs :

     using System;

    using System.Collections.Generic;

    using System.Linq;

    using System.Web;

    using System.Web.Services;

    using System.Data;

    using System.Data.SqlClient;

    [WebService(Namespace = "http://tempuri.org/")]

    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]

    // To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line. 

    // [System.Web.Script.Services.ScriptService]

    public class Service : System.Web.Services.WebService

    {

        public SqlConnection connection = new SqlConnection("Data Source=.;Initial Catalog=NORTHWND;Integrated Security=True;Pooling=False");

        public Service()

        {

            //Uncomment the following line if using designed components 

            //InitializeComponent(); 

        }

        [WebMethod]

        public string GetIPK(string NIM)

        {

            string ipk;

            // koneksi ke database

            // melakukan query untuk mendapatkan IPK 

            // dengan NIM yang dimasukkan

            ipk = "3,1";

            return ipk;

        }

        [WebMethod]

        public string GetJumlahSKSAmbil(string NIM)

        {

            string sks;

            // koneksi ke database

            // melakukan query untuk mendapatkan jumlah SKS mahasiswa 

            // dengan NIM yang dimasukkan

            sks = "111";

            return sks;

        }

        [WebMethod]

        public DataSet GetListMataKuliahAmbil(string NIM)

        {

            SqlDataAdapter adapter = new SqlDataAdapter(

              "SELECT KodeMK, NamaMK FROM MataKuliah WHERE NIM='" + NIM + "'", connection);

            DataSet mkDS = new DataSet();

            adapter.MissingSchemaAction = MissingSchemaAction.AddWithKey;

            adapter.Fill(mkDS, "MataKuliahAmbil");

            return mkDS;

        }

    }

Untuk “menjalankan” web service ini tinggal klik kanan pada Service.asmx kemudian pilih View in Browser maka akan dapat dilihat hal seperti berikut ini pada web browser.

Dan berikut adalah contoh output ketika method GetListMataKuliahAmbil dieksekusi, dapat dilihat output ini adalah format XML.

{Konsumsi Web Service pada Windows Phone}

Berikut ini adalah cara yang dapat dilakukan untuk mengkonsumsi web service pada Windows Phone. Ada beberapa langkah yang perlu dilakukan. Langkah pertama adalah dengan menambahkan Service Reference pada project Windows Phone, dengan cara klik kanan pada Reference, kemudian pilih Add Service Reference.

Kemudian pilih Service yang ada, pada kasus ini Service berada pada solution yang sama.

Maka akan dapat kita liat service dengan namespace sesuai isian.

Selanjutnya tinggal menambahkan item pada antarmuka, seperti pada gambar berikut ini.

Berikut adalah kode yang dibuat untuk membuat antarmuka seperti di atas.

    <phone:PhoneApplicationPage 

        x:Class="UnpasWP7.MainPage"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"

        xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"

        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

        mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="768"

        FontFamily="{StaticResource PhoneFontFamilyNormal}"

        FontSize="{StaticResource PhoneFontSizeNormal}"

        Foreground="{StaticResource PhoneForegroundBrush}"

        SupportedOrientations="Portrait" Orientation="Portrait"

        shell:SystemTray.IsVisible="True">

        <!--LayoutRoot is the root grid where all page content is placed-->

        <Grid x:Name="LayoutRoot" Background="Transparent">

            <Grid.RowDefinitions>

                <RowDefinition Height="Auto"/>

                <RowDefinition Height="*"/>

            </Grid.RowDefinitions>

            <!--TitlePanel contains the name of the application and page title-->

            <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">

                <TextBlock x:Name="ApplicationTitle" Text="Universitas Pasundan" Style="{StaticResource PhoneTextNormalStyle}"/>

                <TextBlock x:Name="PageTitle" Text="Akademik" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>

            </StackPanel>

            <!--ContentPanel - place additional content here-->

            <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">

                <TextBox Height="72" HorizontalAlignment="Left" Margin="12,0,0,0" Name="textBox_NIM" Text="Isi NIM" VerticalAlignment="Top" Width="277" />

                <Button Content="Get Data" Height="72" HorizontalAlignment="Left" Margin="290,0,0,0" Name="button1" VerticalAlignment="Top" Width="160" Click="button1_Click" />

                <TextBlock Height="30" HorizontalAlignment="Left" Margin="26,116,0,0" Name="textBlock1" Text="IPK" VerticalAlignment="Top" Width="85" />

                <TextBlock Height="30" HorizontalAlignment="Left" Margin="168,116,0,0" Name="textBlock_IPK" Text="" VerticalAlignment="Top" />

                <TextBlock Height="30" HorizontalAlignment="Left" Margin="26,168,0,0" Name="textBlock3" Text="Sisa SKS" VerticalAlignment="Top" />

                <TextBlock Height="30" HorizontalAlignment="Left" Margin="168,168,0,0" Name="textBlock_SKS" Text="" VerticalAlignment="Top" />

            </Grid>

        </Grid>

    </phone:PhoneApplicationPage>

Ketika tombol “Get Data” di klik maka akan terjadi proses “konsumsi” web service. Berikut adalah isi dari file MainPage.xaml.cs yang terdapat method-method untuk melakukan pengambilan data via web service.

       1: using System;

       2: using System.Collections.Generic;

       3: using System.Linq;

       4: using System.Net;

       5: using System.Windows;

       6: using System.Windows.Controls;

       7: using System.Windows.Documents;

       8: using System.Windows.Input;

       9: using System.Windows.Media;

using System.Windows.Media.Animation;

using System.Windows.Shapes;

using Microsoft.Phone.Controls;

  

using UnpasWP7.UnpasAkademikService;

  

namespace UnpasWP7

{

    public partial class MainPage : PhoneApplicationPage

    {

        // Constructor

        public MainPage()

        {

            InitializeComponent();

        }

  

        private void button1_Click(object sender, RoutedEventArgs e)

        {

            GetIPK(textBox_NIM.Text);

            GetSKSAmbil(textBox_NIM.Text);

        }

  

        private void GetIPK(string NIM)

        {

            UnpasAkademikService.ServiceSoapClient proxy = new UnpasAkademikService.ServiceSoapClient();

            proxy.GetIPKCompleted += new EventHandler<UnpasAkademikService.GetIPKCompletedEventArgs>(proxy_GetIPKCompleted);

            proxy.GetIPKAsync(NIM);

        }

  

        void proxy_GetIPKCompleted(object sender, UnpasAkademikService.GetIPKCompletedEventArgs e)

        {

            if (e.Error == null)

            {

                textBlock_IPK.Text = e.Result;

            }

            else

            {

                textBlock_IPK.Text = e.Error.Message;

            }

        }

  

        private void GetSKSAmbil(string NIM)

        {

            UnpasAkademikService.ServiceSoapClient proxy = new UnpasAkademikService.ServiceSoapClient();

            proxy.GetJumlahSKSAmbilCompleted += new EventHandler<UnpasAkademikService.GetJumlahSKSAmbilCompletedEventArgs>(proxy_GetJumlahSKSAmbilCompleted);

            proxy.GetJumlahSKSAmbilAsync(NIM);

        }

  

        void proxy_GetJumlahSKSAmbilCompleted(object sender, UnpasAkademikService.GetJumlahSKSAmbilCompletedEventArgs e)

        {

            if (e.Error == null)

            {

                textBlock_SKS.Text = e.Result;

            }

            else

            {

                textBlock_SKS.Text = e.Error.Message;

            }

        }

    }

}

Dan berikut adalah hasilnya :

{WCF Data Service}

Berikut adalah gambaran WCF Data Service, dari database, data access layer sampai menjadi layanan yang dapat digunakan baik itu oleh Windows Phone atau yang lainnya.

Setelah database telah siap, maka kita dapat membuat Data Access Layer. Pada kasus ini akan digunakan Entiry Framework. Caranya cukup dengan menambahkan item baru seperti berikut.

Kemudian kita akan dituntun dengan wizard seperti berikut.

Pilih Generate from Database.

Pilih database yang akan digunakan.

Pilih tabel-tabel yang diinginkan kemudian klik Finish, maka pada tambahan file dg extension EDMX pada solution explorer dan presentasi tabel dengan diagram seperti di bawah ini.

Selanjutnya adalah menambahkan item baru yaitu WCF Data Service.

Maka akan dapat tambahan 2 file pada project, seperti yang dapat dilihat pada gambar berikut ini.

Dan berikut adalah isi dari file UnpasWcfDataService.cs

       1: using System;

       2: using System.Data.Services;

       3: using System.Data.Services.Common;

       4: using System.Collections.Generic;

       5: using System.Linq;

       6: using System.ServiceModel.Web;

       7:  

       8: using NORTHWNDModel;

       9:  

      10: public class UnpasWcfDataService : DataService< NORTHWNDEntities >

      11: {

      12:     // This method is called only once to initialize service-wide policies.

      13:     public static void InitializeService(IDataServiceConfiguration config)

      14:     {

      15:         // TODO: set rules to indicate which entity sets and service operations are visible, updatable, etc.

      16:         // Examples:

      17:         config.SetEntitySetAccessRule("*", EntitySetRights.AllRead);

      18:         config.SetServiceOperationAccessRule("*", ServiceOperationRights.All);

      19:         

      20:     }

      21: }

Yang perlu diperhatikan adalah pada baris 10, yang akan berisi nama entities yang telah dibuat. Sedangkan baris ke 17 dan 18 adalah bagaimana hak aksesnya. Dan berikut adalah ouput dari file SVC ketika di View in Browser.

Dengan layanan ini kita dapat melakukan “query” langsung dengan cara mengetikkan pada address bar pada web browser, seperti berikut.

       1: http://localhost:1490/UnpasWCF/UnpasWcfDataService.svc/Mahasiswas

       2: http://localhost:1490/UnpasWCF/UnpasWcfDataService.svc/Mahasiswas('957100994')

       3: http://localhost:1490/UnpasWCF/UnpasWcfDataService.svc/Mahasiswas('957100994')/Nama

Pada baris 1, adalah cara untuk menampilkan data yang terdapat pada tabel mahasiswa.

Pada baris 2, adalah cara untuk menampilkan data mahasiwa yg nilai primary key-nya adalah 957100994.

Pada baris 3, adalah cara untuk menampilkan nilai nama dari mahasiswa dengan primary key 957100994.

Berikut adalah contoh dari keluaran baris ke-3 :

{Konsumsi WCF Data Service pada Windows Phone}

Langkah awal adalah dengan menambahkan Service Reference seperti yang telah dilakukan pada bahasan web service sebelumnya. Pada contoh aplikasi berikut adalah menampilkan daftar mahasiswa dan ada fitur pencarian berasarkan NIM.

Berikut adalah kode dari file MainPage.xaml :

    <phone:PhoneApplicationPage 

        x:Class="UnpasWP7WCF.MainPage"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"

        xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"

        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

        mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="768"

        FontFamily="{StaticResource PhoneFontFamilyNormal}"

        FontSize="{StaticResource PhoneFontSizeNormal}"

        Foreground="{StaticResource PhoneForegroundBrush}"

        SupportedOrientations="Portrait" Orientation="Portrait"

        shell:SystemTray.IsVisible="True">

        <!--LayoutRoot is the root grid where all page content is placed-->

        <Grid x:Name="LayoutRoot" Background="Transparent">

            <Grid.RowDefinitions>

                <RowDefinition Height="Auto"/>

                <RowDefinition Height="*"/>

            </Grid.RowDefinitions>

            <!--TitlePanel contains the name of the application and page title-->

            <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">

                <TextBlock x:Name="ApplicationTitle" Text="WCF Data Service App" Style="{StaticResource PhoneTextNormalStyle}"/>

                <TextBlock x:Name="PageTitle" Text="Unpas" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>

            </StackPanel>

            <!--ContentPanel - place additional content here-->

            <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">

                <TextBox Height="72" HorizontalAlignment="Left" Margin="0,6,0,0" Name="textBox_NIM" VerticalAlignment="Top" Width="284" />

                <Button Content="View" Height="72" HorizontalAlignment="Left" Margin="290,6,0,0" Name="button1" VerticalAlignment="Top" Width="160" Click="button1_Click" />

                <ListBox Height="503" HorizontalAlignment="Left" Margin="10,84,0,0" Name="listBox1" VerticalAlignment="Top" Width="460" >

                    <ListBox.ItemTemplate>

                        <DataTemplate>

                            <StackPanel Margin="0,0,0,17" Width="432">

                                <TextBlock Text="{Binding Path=NIM}" TextWrapping="NoWrap" 

                                           Style="{StaticResource PhoneTextExtraLargeStyle}"/>

                                <TextBlock Text="{Binding Path=Nama}" TextWrapping="NoWrap" 

                                           Margin="12,-6,12,0" Style="{StaticResource PhoneTextSubtleStyle}"/>

                            </StackPanel>

                        </DataTemplate>

                    </ListBox.ItemTemplate>

                </ListBox>

            </Grid>

        </Grid>

    </phone:PhoneApplicationPage>

Dan berikut adalah kode dari file MainPage.xaml.cs :

       1: using System;

       2: using System.Collections.Generic;

       3: using System.Linq;

       4: using System.Net;

       5: using System.Windows;

       6: using System.Windows.Controls;

       7: using System.Windows.Documents;

       8: using System.Windows.Input;

       9: using System.Windows.Media;

using System.Windows.Media.Animation;

using System.Windows.Shapes;

using Microsoft.Phone.Controls;

  

using System.Data.Services.Client;

using UnpasWP7WCF.UnpasWCF;

  

namespace UnpasWP7WCF

{

    public partial class MainPage : PhoneApplicationPage

    {

        private NORTHWNDEntities context;

        private readonly Uri northwindUri = new Uri("http://localhost:1490/UnpasWCF/UnpasWcfDataService.svc/");

        private DataServiceCollection<Mahasiswa> mhs;

  

  

        // Constructor

        public MainPage()

        {

            InitializeComponent();

        }

  

        private void button1_Click(object sender, RoutedEventArgs e)

        {

            context = new NORTHWNDEntities(northwindUri);

            mhs = new DataServiceCollection<Mahasiswa>(context);

  

            var query = from mahasiswa in context.Mahasiswas select mahasiswa;

            if (!string.IsNullOrEmpty(textBox_NIM.Text))

            {

                query = from mahasiswa in context.Mahasiswas where mahasiswa.NIM.Equals(textBox_NIM.Text) select mahasiswa;

            }

  

            mhs.LoadCompleted += new EventHandler<LoadCompletedEventArgs>(mahasiswa_LoadCompleted);

            mhs.LoadAsync(query);

  

        }

  

        void mahasiswa_LoadCompleted(object sender, LoadCompletedEventArgs e)

        {

            if (e.Error == null)

            {

                listBox1.ItemsSource = mhs;

            }

            else

            {

                MessageBox.Show(string.Format("An error has occurred: {0}", e.Error.Message));

            }

        }

    }

}

Pada baris ke-22 dapat dilihat terdapat alamat dari service yang akan di akses.

Berikut ini adalah hasil dari aplikasi sederhana ini :

Semoga posting ini bermanfaat, Selamat ber akhir pekan yang panjang, dan selamat merayakan Imlek

Share this post: | | | |

Minggu Termahal di Tahun 2010

reyza — Fri, 09 Jul 2010 12:24:04 GMT

Berikut ini adalah kasta dari MSDN Subscription.

Sumber : http://msdn.microsoft.com/en-us/subscriptions/subscriptionschart.aspx

Jadi kasta yang paling tinggi dengan fitur terlengkap adalah Visual Studio Ultimate with MSDN, tidak hanya mendapatkan lisensi Visual Studio (VS2005-VS2010), tetapi juga sistem operasi (DOS, Win3.11, XP sampai Windows 7 baik versi Home, Professional sampai Ultimate), office, server (Office 2003 sampai Office 2010) etc.

Makanya tidak heran subscription kasta ini berharga mahal, sekitar $11.899 untuk 1 tahun, sekitar Rp. 100juta (atau $3.799 untuk renew sekitar Rp. 30juta). Dan minggu ini saya mendapatkan kiriman berupa 3 Visual Studio Ultimate with MSDN subscription, yang artinya berharga total Rp. 300juta (lebay). Om Somasegar (Senior Vice President, Microsoft Developer Division) mengamanatkan untuk membagikan ketiga subscription ini kepada orang-orang yang belum pernah merasakan, menikmati, menginstall dan menulis kode dengan Visual Studio dan teman-temannya.

{FAQ}

Q : Isinya cuma VS 2010 doang?

A : kan sudah dibilang di atas, kalau isinya lengkap dari OS, App etc.

Q : 100 juta? Mahal banget ya? Kenapa ngga dijual di Kaskus aja gan? Kan lumayan tuh 300juta :P

A: grrrr….mau kena bata merah? dasar nubitol!!!

Dan minggu ini pula, ketiga subscription ini dibagikan kepada tiga orang yang masing-masing berstatus Dosen, Mahasiswa & Freelancer. Semoga berguna!!

Have a nice weekend. . .

Share this post: | | | |

MUGI @ STIMIK Banjarbaru : Day 2

reyza — Thu, 27 Aug 2009 02:40:57 GMT

Dihari pertama, Suherman sudah melaporkan kegiatan MUGI di STIMIK Banjarbaru yang berada di Banjarmasin, di sini. Di hari kedua, giliran saya melakukan sharing di STIMIK Banjarbaru yang berada di Banjarbaru, yang terpisah 33 KM dengan tempat Suherman mengadakan acara sharing di hari pertama.

Pada hari kedua ini, saya membicarakan dua materi, materi non teknis dan materi teknis. Materi non teknis yang saya bawakan berjudul “Siap & Berani Menghadapi Dunia Kerja” dan materi teknisnya adalah “Rich Internet Application with Silverlight 3”.

{Siap & Berani Menghadapi Dunia Kerja}

Pada sesi ini ada beberapa hal yang saya ceritakan, seperti :

Karir dan pekerjaan yang tersedia dan dapat dipilih di dunia IT.
Matakuliah-matakuliah yang akan ditemui saat kuliah.
Pentingnya mahasiswa untuk menggali kemampuan dirinya sendiri saat kuliah, dan mahasiswa mesti mengetahui keahlian-keahlian yang dibutuhkan oleh industri atau dunia kerja. Juga pentingnya mahasiswa untuk memiliki kemampuan atau keahlian yang unik sehingga saat bekerja nanti dapat memiliki posisi tawar yang lebih baik.
Dan lain-lain.

{Rich Internet Application with Silverlight 3}

Karena yang mengikuti acara ini adalah mahasiswa baru, sehingga pada sesi ini materi Silverlight yang diberikan adalah materi “hore-hore” yang gampang dilakukan oleh orang awam, seperti :

Fitur-fitur Silverlight 3.
Expression Studio 3 yang baru saja rilis, disini dicontohnya untuk melakukan encode video dan mempublishnya dengan Silverlight Media Player, tool yang digunakan adalah Expession Encoder 3. Kemudian membuat ‘materi presentasi’ yang menarik dengan menggunakan Deep Zoom Composer yang terbaru. Tidak ketinggalah pengguaan Blend 3 untuk membuat aplikasi Silverlight 3 yang sangat sederhana.

{Sesi Hore-Hore}

Karena kebetulan masih ada topi Visual Studio dan Kaos MUGI terbaru, maka saat sesi tanya-jawab kedua barang tadi diberikan untuk ‘memeriahkan’ suasana.

Share this post: | | | |

Microsoft Technology Update at Politeknik Banjarmasin By MUGI Banjarmasin

reyza — Sun, 21 Jun 2009 15:41:52 GMT

Menjiplak judul dari blognya om Rully di sini, dengan judul yang mirip tetapi isinya yang berbeda. Hari ini, tanggal 21 Juni 2009 diadakan event Microsoft Technology Update di Politeknik Banjarmasin. Acara ini dibuka untuk umum dan dihadiri kurang lebih 250-an peserta yang terdiri atas mahasiswa, professional di bidang IT dan dosen.

Politeknik Banjarmasin adalah politeknik negeri yang ada di Banjarmasin, berita yang menggembirakan dari Politeknik Ini adalah team robotik mereka menjadi juara nasional untuk kategori Design Terbaik.

Suatu saat, sepertinya akan menarik apabila diadakan event yang serupa dengan materi yang lebih menarik seperti :

Robot Programming dengan Robotik Studio.
Game Development dengan XNA.

Pada event kali ini ada 3 materi yang disampaikan (tidak bisa banyak-banyak kaya di MUGI Bandung euy…orang yang jadi pembicara cuma sedikit…hehehe). Berikut sedikit oleh-oleh hasil capture saat event ini berlangsung :

{Perkenalan MUGI, oleh Suherman}

Suherman adalah praktisi IT yang bekerja di PDAM (perusahaan daerah air minum) Bandarmasih. Di tempat beliau bekerja menggunakan teknologi Microsoft untuk mendukung proses bisnis-nya. Teknologi yang digunakan diantaranya SQL Server 2008, FoxPro, ASP.NET 3.5 dan aplikasi-aplikasi Windows Mobile yang digunakan untuk mempermudah pencatatan yang dilakukan oleh para teknisi mereka di lapangan.

{Having Fun in Sunday with ASP.NET & Silverlight, oleh Reza}

Materi yang disampaikan adalah meliputi perkenalan ASP.NET & Silverlight dan memperkenalkan tool-tool gratis untuk membangun aplikasi web dengan ASP.NET & Silverlight seperti Visual Web Development, SQL Server 2008 Express Edition, Deep Zoom Composer, Blend 3 Preview.

{Windows 7 RC Sneak Peek, oleh Suherman}

Materi diantaranya adalah feature terbaru pada Windows 7 yaitu XP Mode (hmmm……IE6…IE6…), selain itu juga materi tentang IE8 yang meliputi : Web Slice dan Web Accelerator.

{Develop Mobile Application with Visual Studio, oleh Ferry Adhitya Kurniawan}

Seperti Suherman, Ferry adalah pegawai di PDAM Bandarmasih yang karyanya adalah membuat aplikasi dengan Windows Mobile yang digunakan oleh para teknisi di PDAM Bandarmasih untuk mencatat hasil kerja mereka di lapangan. Data-data yang dicatat dilapangan akan disimpan ke server yang mereka miliki dikantor, hal ini sangat membantu menghemat tenaga dan waktu.

{Audience}

{Panitia}

{Goodies}

{Terima Kasih}

Terima kasih buat Panitia di Politeknik Banjarmasin yang telah mengadakan acara ini. Terima kasih buat teman-teman di Microsoft Indonesia yang telah memberi bantuan sehingga event ini bisa lebih semarak.

Share this post: | | | |

ASP.NET 3.5 Workshop with Two Big ISVs at Bandung

reyza — Wed, 15 Oct 2008 00:17:38 GMT

Sudah jelas di Bandung banyak ISV yang tentu saja mempunyai aktivitas dalam pembangunan software. Beberapa di antaranya adalah PT Multimedia Solusi Prima dan PT Ebdesk. Kedua ISV tersebut lebih memfokuskan diri kepada teknologi PHP dan C++.

PT Multimedia Solusi Prima mempunyai pengalaman dalam pembangunan software untuk goverment di Indonesia dengan menggunakan teknologi PHP. Sedangkan PT Ebdesk mempunyai produk Ebdesk Portal yang sudah dikenal baik di dalam negeri bahkan di luar negeri, dan sudah diimplementasikan di banyak instansi dan organisasi di beberapa negara tetangga. Produk mereka adalah aplikasi berbasis web yang dibangun dengan C++ dan CGI.

{ASP.NET 3.5 Workshop at PT Multimedia Solusi Prima}

Workshop ini diikuti oleh 5 developer PHP dan dilaksanakan selama 30 Jam.

{ASP.NET 3.5 Workshop at PT Ebdesk}

Workshop ini diikuti oleh 6 developer C++ & CGI dan dilaksanakan selama 4 hari.

{Workshop Outline}

Berikut ini adalah materi yang diajarkan selama workshop :

Visual Studio 2008 Introduction.
C# 3.0.
ADO.NET.
LINQ to SQL.
ASP.NET Standard Controls.
Data binding.
Theme and Skin.
Membership and Role Management.
Navigation.
Validator Controls.
Reporting with Report Viewer.
ASP.NET Ajax & Ajax Control Toolkit.
Web Service.

{Hand on Lab Manual}

HOL yang digunakan selama workshop dapat didownload secara gratis di sini.

Share this post: | | | |

Four months in the bunker

reyza — Thu, 05 Jun 2008 14:13:00 GMT

Karena belum ada ide untuk menulis blog teknikal di Geeks, jadi sekarang menulis content narsis dan cerita dulu aja. Kalau mau protes silakan tinggalkan pesan di bawah.

Awal Februari 2008 adalah waktu untuk melakukan istirahat & hibernate diri sendiri dengan cara melepaskan diri dari DyCode, karena memang penurunan kemampuan dan inovasi sampai ketitik nol. Sekarang sudah bulan Juni artinya sudah 4 bulan berada di dalam bunker. Apakah selama 4 bulan ini hibernate dan istirahat sudah cukup untuk mengembalikan kemampuan dan inovasi kembali? Apakah selama 4 bulan ini ada hal penting yang sudah dilakukan.

Mungkin bisa dilihat dengan isi blog gw di Geeks ini,

Terlihat? Dilihat dari judulnya, sepertinya isi blog ini tidak ada yang penting selama bulan April sampai akhir Mei :)

{Februari}

Kerja ringan dari DyCode, cuma melakukan support maintenance dan publish website Compare, yang akhirnya tayang juga di :

http://www.microsoft.com/indonesia/compare/windowsserver/Default.aspx

Seperti biasa ada serpihan teknologi Silverlight pada website ini untuk animasi dan video.

{Maret}

hmm.....hitam...gelap...

{April}

hmm...juga masih hitam...gelap...dengan sedikit merah...

{Mei}

masih hitam...gelap....sedikit merah dan juga ada orange dan biru.

{Juni}

Awal bulan ini mulai berpikir apakah hibernate dan istirahat sudah cukup dilakukan? Jawabnya? Istirahat selama 4 bulan ini belum maksimal, malah bisa dibilang niat istirahat yang sudah direncanakan tidak terjadi. Sering berhayal kalau cukup 1 pekerjaan yang jalan sampai selesai kemudian dilanjutkan 1 pekerjaan lainnya....tetapi yang terjadi masih sepeti dahulu...3 pekerjaan berjalan secara paralel dengan deadline ketat. Selain pekerjaan ini juga kegiatan bantu-bantu di community yang menyenangkan.

Berikut summary yang terjadi selama 4 bulan di bunker (yang semestinya untuk istirahat).

{Theme CS2007 dan fasilitas baru untuk WSS-ID dan Geeks Portal}

Design yang keren dari temannya bos Naren, akhirnya WSS-ID mempunyai wajah baru (minus animasi Silverlight, belum dibuatin. Masih hutang integrasi dengan Live ID juga) dengan fasilitas video player dengan Silverlight Media Player dan juga integrasi video pada YouTube dan SoapBox. Fasilitas share blog post ke Facebook, Del.Icio.Us dan lain-lain. Begitu juga pada Geeks Portal, sekarang mempunyai muka baru dengan fasilitas yang mirip dengan WSS-ID.

{Solusi Community Server untuk US dan Singapore}

Community Server, "semahal apapun diri lo, gue tetap akan setia dengan lo" :)

Community Server 2008 - Turf Monster - US

Belum seminggu Community Server 2008 release, dapat kiriman email dari pengelola portal Turf Monster ke account Mic mendapat tawaran membuat Theme dan sedikit custom module yang mengharuskan menyentuh Community Server 2008 SDK.

Status theme untuk Turf Monster ini telah selesai dan sekarang lagi membuat solusi lanjutan untuk portal ini, yaitu integrasi Classified Starter Kit pada Community Server 2008. Kerjaan limpahan karena developer dari India tidak menghasilkan apa-apa walau sudah ditunggu selama sebulan. (Sekarang tidak perlu minder lagi sama developer-developer India dari segi kemampuan, kecuali kemampuan menari diantara pepohonan dan rerumputan). Setelah integrasi ini selesai maka Turf Monster siap go live dengan Community Server 2008.

Community Server 2007 - Microsoft Advertising - Singapore

Selanjutnya adalah pesanan Om Geert Desager (Trade Marketing Manager Southeast Asia Microsoft Advertising). Lagi-lagi email via email Mic atas promosi MCA di beberapa orang-orang di Microsoft Singapore, tidak lupa juga promosi oleh Naren... I love this community.

Solusi ini menggunakan Community Server 2007 dengan tambahan integrasi video dan share posting blog seperti yang ada pada WSS-ID dan Geeks Portal. Selain itu juga terdapat modul baru untuk Event Management, thanks to De_Joker yang telah membantu untuk membuat modul ini. Yang disayangkan adalah designnya yang kurang maksimal, sangat disayangkan untuk website milik sebuah divisi advertising.

Statusnya telah selesai dan sudah bersandar di server co-location yang ada di Singapore dengan spesifikasi Intel Core 2 Quad 2,4GHz, memory 4GB, Hardisk 512GB dengan sistem operasi Windows Server 2003 dan SQL Server 2005 Enterprise Edition.

User admin dan password untuk remote desktop sudah ditangan dan akan terus ditangan (bukan dikepala, karena sering lupa), ada yang ingin nitip hosting? :)

Untuk mengunjungi bisa klik Get Insprired Here (ups..ngga bisa diklik ya? ntar aja ya kalau sudah rame, sekarang masih kosong karena baru minggu ini akan diumumkan).

{3 Bulan di dalam kegelapan}

Hanya membuat solusi dengan Community Server? Tentu tidak. Seperti waktu-waktu terdahulu pasti ada aplikasi aneh (padahal simple dan lebih banyak CRUD doang) yang dibuat dengan mengadopsi teknologi terbaru, kali ini dengan mengusung ASP.NET 3.5, LINQ, Silverlight dan AspMap.

Ceritanya begini...

Provider telekomunikasi (seperti Telkomsel, Mobile8 dll) pasti mempunyai BTS dan Repeater yang tersebar di banyak tempat baik itu diluar atau di dalam gedung untuk melayani pelanggannya. Salah satu provider telekomunikasi yang terkemuka hampir memiliki 2000 BTS yang tersebar di pulau Jawa. Masing-masing BTS harus dikunjungi secara periodik untuk memeriksa kerja equipment yang terbagi atas RBS dan CME. Kunjungan ke tiap BTS atau Repeater akan dilakukan oleh pihak lain sebagai tenaga outsource dari sang provider telekomunikasi.

Pemantauan kunjungan oleh pihak outsource ini sangat sulit begitu juga laporan hasil kunjungan saat ini sulit untuk diketahui oleh pihak provider telekomunikasi. Masalah lain adalah status alat-alat pada BTS hanya dapat diketahui dengan kunjungan, walaupun kadang sudah terdapat sensor-sensor pada alat-alat yang ngetem di BTS atau Repeater. Hal ini kadang membuat tidak diketahuinya masalah dilapangan secara cepat.

Oleh karena itu perlu dibuat sistem untuk menyelesaikan masalah itu (atau malah menambah masalah ya?), fungsinya :

Mencatat kunjungan ke BTS atau Repeater oleh pihak outsource sehingga dapat langsung diketahui oleh pihak provider telekomunikasi, dari status alat-alat yang ada sampai foto-foto keadaan sebelum dan setelah kunjungan.
Alarm dari setiap site BTS dan Repeater bila terjadi error atau suatu nilai ambang terlewati. Alarm ini akan memberikan pesan ke sistem ini dan juga sms ke orang yang bertanggung jawab atas BTS atau Repeater. Selain itu user dapat juga melakukan permintaan keadaan suatu BTS atau Repeater dengan hanya dengan mengirimkan sms atau memanfaatkan fungsi yang telah disediakan pada sistem ini.

Sebagai pemanis juga terdapat fasilitas untuk melihat data BTS dan Repeater secara visual dalam peta.

Niatnya menggunakan Google Map atau Virtual Earth (begitu juga yang pernah dibilang oleh salah satu bos salah satu provider CDMA kepada saya, "kenapa ngga pakai Google Map saja, lebih cantik dipandang mata dan lebih lengkap), sayang bila menggunakan kedua benda itu para developer mesti selalu terkoneksi ke internet, belum cukup bandwidth dan dana sampai kesitu...kecuali ada yg berminat untuk mendanai...hehehe.

Fasilitas lainnya adalah chat engine untuk komunikasi antara pihak provider telekomunikasi dengan pihak outsource untuk koordinasi bila terjadi alarm pada hasil kunjungan atau karena alarm dari sensor.

Layanan yang lain dari sistem ini adalah Drive Test,yaitu operasi untuk memeriksa kelayakan sinyal di area tertentu dengan cara mengambil data sinyal dengan sensor sambil mengendarai mobil (makanya disebut Drive Test) hasilnya akan ditampilkan secara visual seperti gambar di bawah ini. Kekuatan sinyal akan ditandai dengan warna.

Coba kalau data ini bisa kami tampilkan di atas Google Map or Virtual Map...pasti akan lebih menarik.

Apakah ini aplikasi pesanan provider telekomunikasi atau produk yang akan dijual ke provider-provider telekomunikasi? Kita lakukan cara yang lebih pintar yaitu dijadikan sebagai aplikasi berbasis layanan. Tapi itu bukan urusan gw saat ini :)

Thanks buat teman-teman yang sudah terlibat atas pembangunan sistem ini, Om Rully Yulian dan Sanjaya (jagoan Javascript, AJAX dan juga System Architect pembangunan sistem di Kabupaten Sragen). Sekarang saatnya menyempurnakan sistem ini.

Haaaaah....4 bulan yang melelahkan ternyata. Gw kira akan menjadi 4 bulan yang menyenangkan dengan jalan-jalan keliling Batam, Jawa, Bali dan Kalimantan.

Keterangan : {3 Bulan di dalam kegelapan} = warna dasar aplikasi ini adalah hitam, warna netral untuk provider telekomunikasi (eeeh...ternyata ada Three yang mengusung warna dominan hitam)

{Apa selanjutnya?}

Karena sudah ada pegangan hasil pekerjaan dengan Microsoft Singapore artinya sudah bisa kontak lagi ke Microsoft Vietnam, semoga belum terlambat. Mulai mengurus menjadi partnert Telligent untuk memberikan service pembuatan theme dan pembuatan custom module.

Menghidupkan Community Server Themes, untuk membagi-bagikan theme gratis sekaligus pamer kemampuan (dengan memajang theme dan module yang sudah dibuat) kepada dunia kalau ada team Indonesia yang mampu membuatkan theme dan custom module Community Server.

Mencoba instalasi WSS dan MOSS untuk integrasi dengan Community Server 2008.

Mau kursus bahasa Inggris biar ngomongnya ngga nyampah lagi...hehehe.

{Stttt...rahasia}

Semakin mahal harga lisensi Community Server semakin mendekati itu juga harga yang harus dibayar untuk solusi dengan Community Server, entah itu pembuatan theme atau custom module. Dan gw ngga perlu pusing dengan lisensi, karena mereka pasti sudah mengantongi itu. Kalau di Indonesia pasti akan bilang "sialan..mahal banget!!", kalau diluar sana pasti akan bilang "Ok, I agree with you"....sekarang gw yang bilang "Sialan....kok langsung setuju sih, ternyata kemurahan toh".

{In The Bunker}

Namanya juga dalam bunker, fasilitas seadanya....cuma ada seperti pada gambar di bawah ini. Sampai saat ini, semua kolaborasi pekerjaan dilakuan dengan Yahoo Messanger dan Email. Begitu juga koordinasi dengan client yang berada diluar negeri, semuanya via email. Mau nelp? mahal booooooss.

{Narsis...}

Kalau dianggap posting narsis, jangan sungkan untuk tulis komentar di bawah ini :) atau kirim via email ke Chocolove Mic atau langsung datang ke :

Leaf IT Inc. kantor virtual anak-anak UPK :)

{Janji, mulai besok baru mulai menulis posting-posting teknikal lagi}

Share this post: | | | |

Alunan Symfony dari Teknologi Lain

reyza — Sat, 26 Jan 2008 14:53:00 GMT

SIALAN..SIALAN..SIALAN...kenapa tawaran mengajar pertama (yang menghasilkan) setelah "bebas" ini adalah alunan Symfony dari teknologi selain .NET (tepatnya ASP.NET) yang sekarang default teknologi yang saya pegang. Symfony adalah framework web yang dibangun dengan teknologi PHP dengan sentuhan MVC (S***, i hate MVC, trauma dengan MVC yang ada di Struts atau Struts4PHP).

Dari daftar alunan yang ditawarkanoleh Symfony cukup menarik bila dilihat dari daftar berikut (daftar dari buku Symfony) :

Chapter 1 - Introducing Symfony
Chapter 2 - Exploring Symfony's Code
Chapter 3 - Running Symfony
Chapter 4 - The Basics Of Page Creation
Chapter 5 - Configuring Symfony
Chapter 6 - Inside The Controller Layer
Chapter 7 - Inside The View Layer
Chapter 8 - Inside The Model Layer
Chapter 9 - Links And The Routing System
Chapter 10 - Forms
Chapter 11 - Ajax Integration
Chapter 12 - Caching
Chapter 13 - I18n And L10n
Chapter 14 - Generators
Chapter 15 - Unit And Functional Testing
Chapter 16 - Application Management Tools
Chapter 17 - Extending Symfony
Chapter 18 - Performance
Chapter 19 - Mastering Symfony's Configuration Files

Mesti belajar dulu selama hari minggu ini, bila memungkinkan akan diambil dengan misi yang terselubung. Misi untuk membandingkan dengan Symfony dengan ASP.NET 3.5, yang telah mempunyai integrasi Ajax yang sangat mudah, Internationalization yang juga sangat mudah, CRUD yang sangat mudah apalagi kalau dilihatkan bagaimana ampuhnya LINQ. Atau bermain hal yang lebih hebat generator yaitu all about Dynamic yang dimiliki oleh ASP.NET Future.

Aktifitas lainnya? Rahasia, yang pasti masih sekitar VS.NET 2008 dan .NET 3.5, dan tidak jauh dari dunia share informasi ke lingkungan sekitar.

Share this post: | | | |

Membuat Kerangka Aplikasi Web dengan ASP.NET

reyza — Sun, 13 Jan 2008 13:13:00 GMT

Masih aneh kan judul bukunya? Jadi sementar judul bukunya adalah :

"Membuat Kerangka Aplikasi Web dengan ASP.NET"

Tapi intinya memang tujuan buku ini untuk memberikan informasi kepada web developer pemula agar mendapat wawasan dalam membuat aplikasi web dengan ASP.NET. Agar web developer pemula mempunyai pengetahuan kemudahan apa saja yang telah ada pada ASP.NET.

Buku ini rencananya akan disumbangkan kepada IlmuKomputer.com (IKC) atau untuk Project Otak. Tetapi pembaca di Project Otak sepertinya sudah mengetahui apa yang akan saya tulis.

Berikut ringkasan dari buku ini :

BAB I : Pengenalan Web Application dan Web Site

Pada bab ini akan dijelaskan langkah demi langkah pembuatan project Web Application atau Web Site. Akan dipaparkan juga mengenai struktur direktori dan file yang ada pada project Web Application atau Web Site.
Dari paparan ini diharapkan pembaca akan mengetahui fungsi-fungsi dari direktori dan file-file yang ada.

BAB II : Design

Pada bab ini akan dijelaskan penggunaan Master Page yang akan memudahkan pembuatan website yang mempunyai halaman yang seragam dan mudah dikelola. Penggunaan Theme pada website untuk mengelola file-file CSS dan skin. Dengan fungsionalitas Theme ini sangat memudahkan untuk mengubah wajah dari website.
Penjelasan tujuan penggunaan skin yang akan memudahkan untuk mengubah style dari server control yang ada pada halaman website.
Setelah membaca bab ini pembaca diharapkan akan mempunyai pengetahuan untuk membuat website yang gampang dikelola dari sisi design.

BAB III : Resource

Pada setiap software, dalam hal ini adalah aplikasi web pasti ditemukan label yang berisi teks. Pada bab ini akan dijelaskan penyimpanan teks pada setiap label ataupun teks-teks lainnya yang ada pada website pada resource website. Pemanfaatan fungsionalitas resource ini akan memudahkan mengganti teks yang ada pada website bahkan akan memudahkan pengubahan bahasa yang digunakan pada website. Selain itu website juga bisa dikonfigurasi agar bahasa yang digunakan akan sesuai dengan negara dari user yang mengaksesnya.

BAB IV : Validasi

Pada bab ini akan diterangkan bagaimana ASP.NET memberikan kemudahan untuk mem-validasi setiap inputan yang ada pada server control seperti Textbox, DropDownList dan lain-lain.
Pada bab ini akan dijelaskan macam-macam validasi yang dimiliki oleh ASP.NET

BAB V : Web Part

Pada bab ini akan dijelaskan langkah demi langkah membuatan dan menggunakan Web Part.

BAB VI : Membership, Profile dan Personalization

Pengelolaan role dan user adalah salah satu kemudahan yang diberikan pada aplikasi web yang dibangun dengan ASP.NET. Pada bab ini juga dibahas mengenai penyimpanan profile dan juga personalisasi untuk setiap user.
Sebagai contoh personalisasi adalah, penggunaan webpart yang tata letaknya dapat diubah-ubah oleh setiap user, dan perubahan tersebut akan disimpan dalam database.
Pada bab ini juga kan diterangkan cara membuat role dan user dengan memanfaatkan ASP.NET Configuration yang ada pada Visual Studio .NET.

BAB VII : Navigasi

Pada bab ini akan diterangkan pemanfaatan Sitemap untuk navigasi pada website. Navigasi dapat ditampilkan dalam bentuk tree ataupun dalam menu pulldown.
Pada bab ini juga diterangkan bagaimana menu ditampilkan berdasarkan role, sehingga setiap user dengan role tertentu akan mendapatkan menu yang berbeda dengan user yang mempunyai role lainnya.

Pengantar

Setelah membaca ringkasan isi buku ini di atas mungkin akan ada pertanyaan :

Hanya ini isi buku ini? Tidak ada bahasan mengenai koneksi dan operasi ke database ?
Hanya ini isi buku ini? Tidak ada bahasan tentang Data Server Control seperti GridView, DataList, Repeater dan lain-lain?
Hanya ini isi buku ini? Tidak ada pembahasan mengenai operasi CRUD (Create Retrieve Update Delete) pada record dalam database?

Buku ini memang hanya kan menyajikan seperti yang telah ditulis pada Ringkasan Isi. Buku ini ditujukan untuk developer pemula yang menggunakan ASP.NET. Terutama bagi web developer yang sebelumnya telah menggunakan teknologi lain seperti PHP ataupun Java.

Buku ini diharapkan dapat memberikan informasi kepada web developer bahwa ASP.NET telah memberikan kemudahan yang dapat digunakan. Sebagai contoh kasus, penulis sering bertemu dan berbicara dengan web developer yang dulunya menggunakan teknologi selain ASP.NET dan akhirnya menggunakan teknologi ASP.NET. Mereka sering masih terikat dengan teknologi sebelumnya, seperti membuat table user dan engine untuk proses autentifikasi sendiri. Atau membuat kode sendiri untuk membuat menu navigasi.

Diharapkan buku ini bisa memberikan informasi kemudahan apa saja yang didapat apabila menggunakan ASP.NET

Sampai saat ini (dua hari pengerjaan) sudah 2 bab yang hampir selesai. Semoga cepat selesai. Jadi Chocolove Mic bisa aktif lagi di IlmuKomputer.Com.

Selain judul ini juga tengah dibuat satu buku lagi bertema Silverlight 1.1. Kegiatan mulai aktif di tempat ngajar lagi dengan sarat cuma ngajar Javascript dan ASP.NET or .NET Technology.

PS : Seri blog ini tidak akan di agregate ke publik.

UPDATE {29 Juli 2008}

Akhirnya kelar juga nih, untuk mendownload bisa klik disini : http://geeks.netindonesia.net/blogs/reyza/archive/2008/07/20/hand-on-lab-asp-net-3-5.aspx

Share this post: | | | |