Reyza : C#

ASP.NET : Implementasi Entity Framework pada ASP.NET MVC

reyza — Thu, 06 Jun 2013 00:50:00 GMT

Ebook ini merupakan hasil terjemahan tulisan Tom Dykstra berikut ini : http://www.asp.net/mvc/tutorials/getting-started-with-ef-using-mvc. Tulisan tersebut terdiri atas 10 bagian yaitu :

Creating an Entity Framework Data Model for an ASP.NET MVC Application (1 of 10)
Implementing Basic CRUD Functionality with the Entity Framework in ASP.NET MVC Application (2 of 10).
Sorting, Filtering, and Paging with the Entity Framework in an ASP.NET MVC Application (3 of 10).
Creating a More Complex Data Model for an ASP.NET MVC Application (4 of 10)
Reading Related Data with the Entity Framework in an ASP.NET MVC Application (5 of 10)
Updating Related Data with the Entity Framework in an ASP.NET MVC Application (6 of 10)
Handling Concurrency with the Entity Framework in an ASP.NET MVC Application (7 of 10)
Implementing Inheritance with the Entity Framework in an ASP.NET MVC Application (8 of 10)
Implementing the Repository and Unit of Work Patterns in an ASP.NET MVC Application (9 of 10)
Advanced Entity Framework Scenarios for an MVC Web Application (10 of 10)

Ebook terjemahan ini dapat diunduh dalam 3 format yaitu PDF, MOBI dan EPUB. Berikut adalah link dari masing-masing format tersebut.

Masukan dan saran akan sangat diperlukan demi perbaikan agar ebook ini menjadi lebih baik.

Terima kasih.

Sumber : http://www.rezafaisal.net/?p=713

Share this post: | | | |

OneCode Sample Browser in Windows Store

reyza — Sun, 17 Mar 2013 14:55:34 GMT

Sample Browser App adalah app windows store yang mempermudah para developer untuk mendapatkan “semua” contoh-contoh kode pemrograman yang diinginkan, sesuai dengan “keahlian” developer tersebut.

Kode apa saja yang tersedia?

Lebih dari 4500 contoh kode MSDN dapat developer gunakan, begitu juga contoh kode untuk VS 2012 dan kode-kode dari All-In-One Code Framework.

Contoh kode untuk pemrograman dekstop Windows, seperti Windows Store App, WPF, Windows Driver dan lain-lain.

Contoh kode untuk pemrograman web, seperti ASP.NET, HTML5, WCF, Silverlight dan Sharepoint.

Dan tidak ketinggalan contoh-contoh kode untuk Cloud dan Phone.

Fasilitas utama dari app ini adalah :

search, pencarian yang sudah terintegrasi dengan charms bar.
favorite, fitur untuk “menandai” contoh kode favorit.
download, fitur untuk menyimpan data contoh kode yang telah didownload.
request sample, fitur apa ini? untuk lebih jelasnya bisa melihat posting blog ini : http://blogs.msdn.com/b/codefx/archive/2013/02/14/request-free-code-samples-from-microsoft-and-the-community.aspx

Bagi pengguna Windows 8 dan bagi developer, app ini cukup sangat membantu untuk mengelola contoh kode yang sesuai dengan teknologi yang sedang digeluti.

Selamat mengunduh, semoga informasi ini berguna

Share this post: | | | |

ASP.NET 4.5 : An Introduction – Web Programming Seminar

reyza — Fri, 15 Mar 2013 02:48:16 GMT

Kamis, 15 Maret 2013, bertempat di Universitas Maranatha diadakan Seminar Web Programming dengan dua topik yaitu :

1. PHP – Zend Framework oleh Manfred Ekblad.

2. ASP.NET oleh M Reza Faisal.

Acara ini dihadiri oleh sekitar 75 peserta yang merupakan mahasiswa Universitas Maranatha.

Topik yang saya bawakan sekitar ASP.NET 4.5 dan Visual Studio 2012.

Dan berikut sedikit laporan pandangan mata dari tempat seminar.

Slide dari presentasi yang saya bawakan dapat di unduh di sini.

Share this post: | | | |

ASP.NET Universal Providers

reyza — Tue, 05 Mar 2013 15:37:06 GMT

Bukan!!! Itu Universal Soldier. Tentu tidak ada hubungannya dengan Universal Providers yang akan bahas pada posting ini.

Sebelum kita bicara tentang Universal Providers, kita mengingat dulu yang namanya SqlMembershipProvider atau SqlRoleProvider dan teman-teman-nya. Kedua hal tersebut sangat membantu sekali untuk mengelola role dan user, tanpa susah dan keringat. Tetapi tentu saja keduanya hanya “berlaku” jika kita menggunakan SQL Server atau SQL Server Express sebagai database-nya. Jika menggunakan database lain seperit MySQL atau Oracle, kita harus “mengubah” provider tersebut agar juga “berlaku” dengan database yang digunakan.

Kemudian datanglah Universal Providers (sttt … jangan langsung mikir bisa digunakan untuk MySQL dan Oracle ya), yang support untuk digunakan pada Microsoft SQL Azure dan Microsoft SQL Server Compact.

Berikut adalah perbandingan antara Sql Providers dan Universal Providers :

Dengan berbekal perbandingan kedua hal di atas kita dapat mengetahui apakah suatu aplikasi web telah menggunakan Universal Providers atau belum.

Berikut ini akan dibuat masing-masing sebuah aplikasi web dengan menggunakan template Web Application dan Web Site pada Visual Studio 2012 yang telah diupdate dengan ASP.NET dan Web Tool 2012.2.

{Web Application}

Berikut telah dibuat sebuah project dengan menggunakan template ASP.NET Web Forms Application, dengan nama UniversalWebApplication.

Mari kita liat-liat isi Web.config untuk mengetahui apakah Universal Providers telah langsung digunakan atau belum.

        1: <connectionStrings>

       2:   <add name="DefaultConnection" 

       3:         providerName="System.Data.SqlClient" 

       4:         connectionString="Data Source=(LocalDb)\v11.0;Initial Catalog=aspnet-UniversalWebApplication-20130305214720;Integrated Security=SSPI;AttachDBFilename=|DataDirectory|\aspnet-UniversalWebApplication-20130305214720.mdf" />

       5: </connectionStrings>

Pada baris ke-4 dapat kita lihat database yang digunakan adalah menggunakan “engine” SQL Express.

       1: <profile defaultProvider="DefaultProfileProvider">

       2:   <providers>

       3:     <add name="DefaultProfileProvider" type="System.Web.Providers.DefaultProfileProvider, System.Web.Providers, Version=1.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" connectionStringName="DefaultConnection" applicationName="/" />

       4:   </providers>

       5: </profile>

       6: <membership defaultProvider="DefaultMembershipProvider">

       7:   <providers>

       8:     <add name="DefaultMembershipProvider" type="System.Web.Providers.DefaultMembershipProvider, System.Web.Providers, Version=1.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" connectionStringName="DefaultConnection" enablePasswordRetrieval="false" enablePasswordReset="true" requiresQuestionAndAnswer="false" requiresUniqueEmail="false" maxInvalidPasswordAttempts="5" minRequiredPasswordLength="6" minRequiredNonalphanumericCharacters="0" passwordAttemptWindow="10" applicationName="/" />

       9:   </providers>

      10: </membership>

      11: <roleManager defaultProvider="DefaultRoleProvider">

      12:   <providers>

      13:     <add name="DefaultRoleProvider" type="System.Web.Providers.DefaultRoleProvider, System.Web.Providers, Version=1.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" connectionStringName="DefaultConnection" applicationName="/" />

      14:   </providers>

      15: </roleManager>

Pada baris ke-3, ke-8 dan ke-13 dapat dilihat digunakan namespace System.Web.Providers, hal ini sangat cocok namespace-namespace Universal Providers yang telah disebutkan di atas. Untuk sementara kita bisa simpulkan project yang kita buat telah menggunakan Universal Providers.

Tetapi untuk lebih memastikan hal tersebut, kita bisa coba dengan menggunakan MS SQL Server Compact yang cirinya adalah file database yang digunakan ber-extension SDF. Maka kita cukup mengubah connection string menjadi berikut ini :

       1: <connectionStrings>

       2:   <add name="DefaultConnection" 

       3:        providerName="System.Data.SqlServerCe.4.0" 

       4:        connectionString="Data Source=|DataDirectory|\MyUniversalDB.sdf;" />

       5: </connectionStrings>

Dan setelah aplikasi dijalankan dan aksi untuk register user, maka dapat kita lihat file MyUniversalDB.sdf pada Solution Explorer.

{Web Site}

Selanjutnya kita coba untuk membuat aplikasi web dengan template ASP.NET Web Forms Site (web site).

Dari penglihatan yang ada pada Web.config, pada web site pun memiliki isi yang sama dalam hal penggunaan konfigurasi membership, role dan profile seperti halnya yang terlihat pada Web.config aplikasi sebelumnya yang dibuat dengan template Web Application.

Setelah aplikasi web ini dijalankan dengan configurasi connectionString yang menggunakan database MS SQL Server Compact juga menghasilkan penampakan file SDF pada folder App_Data, persis seperti yang kita liat pada aplikasi sebelumnya.

{Kesimpulan}

Dengan Visual Studio 2012 dan Update ASP.NET and Web Tool 2012.2 maka kita telah dapat menikmati Universal Providers :)

Selamat menikmati.

Mirror : http://www.rezafaisal.net/?p=603

Share this post: | | | |

Create Classes from JSON with ASP.NET and Web Tools 2012.2

reyza — Tue, 05 Mar 2013 13:24:51 GMT

Pagi pengguna JSON.NET atau para consumer JSON, bisanya melakukan pembuatan class yg sesuai dengan output JSON yang didapat untuk kemudahan dalam “mengolah” saat melakukan pengembangan aplikasi. Sebelum ada update ASP.NET and Web Tool 2012.2, biasanya saya menggunakan bantuan tool online json2charp ini untuk mengenerate class dari output JSON yang saya punyai.

Kita cukup masukkan output JSON ke textarea yang tersedia, klik Generate dan kemudian dapat dilihat hasilnya di halaman tersebut. Hasilnya tinggal di-copy ke file class yang telah kita sediakan.

Gampang bukan? :)

Eh….tapi ya, ternyata ada cara yang lebih gampang lagi. Tidak perlu pakai online dan koneksi internet untuk akses tool online seperti di atas, tidak perlu copy paste berkali-kali, cukup sekali saja. Tentunya untuk mendapatkan fasilitas ini kita harus melakukan update Visual Studio 2012 dengan update ASP.NET dan Web Tools 2012.2 ini.

Setelah itu tinggal ikutan cari berikut :

Pertama, copy ouput JSON yang ingin dijadikan class.

Kedua, tinggal “paste spesial” dengan cara memilih menu EDIT > Paste Special > Paste JSON as Classes.

Dan hasilnya bisa dilihat seperti berikut :

Seperti dilihat pada gambar di atas, selain “mengubah” output JSON menjadi class, juga tersedia fitur untuk “mengubah” output XML menjadi class.

Mudah bukan?

Selamat Menikmati :)

Share this post: | | | |

Creating Facebook Application using ASP.NET MVC

reyza — Wed, 20 Feb 2013 15:33:20 GMT

Setelah melakukan update ASP.NET dan Web Tool 2012.2, maka terdapat hal baru yang menarik sebagai tambahan pada bagian ASP.NET MVC yaitu terdapat template project Facebook Application.

Hasil dari aplikasi ini dalam dilihat pada halaman facebook berupa iframe seperti gambar berikut :

Pada posting akan dijelaskan bagaimana memanfaatkan project ini dari akan pembuatan sampai dapat dilihat seperti pada gambar di atas.

{Membuat Project}

Langkah pertama adalah membuat project Faceebook Application, dimulai dengan membuat project baru, kemudian pada window Add New Project pilih Installed > Visual C# > Web pada bagian kolom sebelah kiri, kemudian pilih ASP.NET MVC 4 Web Application, berikan nama project kemudian klik tombol OK.

Setelah itu akan ditampilkan window New ASP.NET MVC 4 Project, dan pilih Facebook Application, dan klik tombol OK.

Dan pada Solution Explorer dapat dilihat isi dari project yang baru saja dibuat seperti berikut ini.

Untuk saat ini kita tidak perlu fungsi dari folder yang terlihat dan file-file di dalamnya. Saat ini kita hanya akan melakukan sedikit setting pada file Web.config.

{Setting Web.config}

Mari kita intip sedikit isi file Web.config ini dan kira-kira apa saya yang perlu kita isi.

Jika diperhatikan ada 3 key yang perlu kita isi, yaitu :

Facebook:AppId
Facebook:AppSecret
Facebook:AppNamespace

Bagaimana cara mendapatkan nilai untuk ketiga key tersebut? Jawabnya tentu saja kita harus mendaftarkan sebuah “aplikasi” pada facebook. Untuk mendaftarkan “aplikasi” di facebook bisa mengunjungi alaman berikut : https://developers.facebook.com/apps.

Jika sudah dimiliki “aplikasi” yang terdaftar pada facebook, maka dapat kita lihat ketiga nilai tersebut seperti berikut :

Selanjutnya tinggal salin ketiga nilai tersebut sebagai value dari masing-masing key yang ada pada file Web.config.

{Setting Canvas URL}

Seperti yang telah disebutkan di atas, bahwa aplikasi yang dibuat merupakan content dari iframe di halaman facebook. Artinya kita harus mendefinisikan alamat dari content iframe tersebut pada “aplikasi” yang telah di daftarkan di facebook tersebut. Untuk mendefisikan alamat tersebut dapat dilakukan dengan cara mengedit “aplikasi” yang telah didaftarkan tersebut.

Karena content yang kita buat masih berada di lokal (karena masih dikerjakan sebagai project pada VS 2012) seperti yang terlihat pada gambar di bawah ini.

Dimana kita mendapatkan alamat http://localhost:3550 itu? Caranya cukup dengan klik kanan pada project yang sedang kita kerjakan sekarang, pada Solution Explorer, kemudian pilih Properties. Kemudian pilih tab Web dan cari nilai pada Project Url seperti yang terlihat pada gambar di bawah ini.

{Menjalankan Web}

Setelah proses di atas dilakukan, saatnya kita “menjalankan” project ini dan melihat hasilnya. Paling gampang tinggal tekan tombol F5 atau klik kanan pada project tersebut kemudian pilih Debug > Start new instance. Maka secara otomatis akan dijalankan web browser default, dan kita akan melihat halaman dengan tampilan seperti berikut.

Karena content yang kita miliki berapa pada protokol HTTP (seharusnya menggunakan HTTPS) maka content yang kita buat tidak langsung ditampilkan. Kita akan melihat tampilan seperti berikut.

Untuk menampilkan content yang telah kita buat, cukup klik tombol Show all content dan hasilnya akan seperti berikut ini.

Selamat mencoba :)

Share this post: | | | |

Creating Simple ASP.NET MVC Web API to be accessed by Windows Store App

reyza — Thu, 11 Oct 2012 15:34:35 GMT

Bagi pengguna Visual Studio 2012, maka akan menemukan ASP.NET MVC 4 pada template project web. Dan yang menarik adalah terdapat Web API sebagai salah satu fitur baru.

ASP.NET Web API adalah framework yang memudahkan membuat HTTP Service agar dapat dikonsumsi oleh aplikasi web pada web browser, aplikasi desktop ataupun aplikasi mobile. Sehingga Web API sangat berguna sebagai sumber data pada native app seperti Windows Phone atau Windows Store app. Format output dari Web API dapat berupa XML, JSON ataupun yang lainnya.

Pada artikel ini akan dijelaskan cara membuat HTTP Service yang sederhana untuk dikonsumsi oleh Windows Store App.

{Create Web API Project}

Berikut adalah langkah-langkah untuk membuat Web API Project.

Pada Visual Studio 2012 pilih New Project, untuk membuat New Project dapat dilakukan dengan cara memilih File > New > Project. Kemudian pada pane Template pilih Installed Templates > Visual C# > Web > ASP.NET MVC 4 Web Application kemudian klik OK.

Selanjutnya pilih Web API pada pane New ASP.NET MVC 4 Project template, kemudian klik tombol OK.

Selanjutnya akan dibuat Controller sederhana sebut saja HelloWorldContoller. Untuk membuat Controller ini maka klik kanan pada folder Controllers yang terdapat pada Solution Explorer, kemudian pilih Add > Controller.

Pada pane Add Controller, berikan nama HelloWorldController pada input Controller name. kemudian pilih Empty API Controller pada Scaffolding options > Template, kemudian klik tombol Add.

Selanjutnya tambahkan beberapa baris kode sehingga dapat dilihat isi file HelloWorldController.cs seperti berikut.

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Net.Http;
using System.Web.Http;

namespace MvcApplication2.Controllers
{
    public class HelloWorldController : ApiController
    {
        // GET api/values
        public string Get()
        {
            return "Hello World";
        }

        // GET api/values/5
        public string Get(string id)
        {
            return "Hello "+ id;
        }
    }
}

{Calling the Web API from the Browser}

Untuk memanggil Web API yang telah dibuat maka pada menu di Visual Studio pilih Debug > Start Debugging atau akan lebih cepat dengan cara menekan tombol F5. Maka secara otomatis akan dilakukan proses build dan bila sukses maka web browser default akan dijalankan. Hasilnya dapat dilihat seperti gambar berikut ini.

Pada gambar di atas dapat dilihat alamat yang diakses adalah http://localhost:33011. Untuk web API yang telah dibuat maka dapat dilakukan dengan cara mengakses alamat berikut dari web browser http://localhost:33011/api/HelloWorld/.

Respon dari request diatas berupa file HelloWorld.json dengan isi sebagai berikut :

"Hello World"

Respon dari request tersebut akan berbeda jika menggunakan web browser Firefox. Pada Firefox akan didapati hasil seperti berikut.

Selanjutnya akan dicoba request dengan alamat berikut http://localhost:33011/api/HelloWorld/M Reza Faisal maka akan didapat hasil seperti berikut :

{Calling the Web API from Windows Store App}

Pada contoh di atas sudah diperlihatkan bagaimana cara memanggil Web API dari web browser dan sudah dilihat juga output dari Web API tersebut. Sekarang akan ditunjukkan bagaimana mengakses Web API dari Windows Store App.

Terlebih dahulu tambahkan project pada solution. Langkah-langkah yang harus dilakukan adalah klik kanan pada Solution kemudian pilih Add > New Project.

Pada pane Add New Project pilih Installed > Visual C# > Windows Store > Blank App (XAML).

Pada input Name, berikan nama aplikasi yang diinginkan, misalnya HelloWorldApp. Kemudian klik tombol OK.

Sekarang dapat dilihat terdapat project dengan nama HelloWorldApp pada Solution Explorer. Selanjutnya kita akan bekerja pada MainPage.xaml.

Pada MainPage.xaml akan ditambahkan sebuah TextBlock dan Button, sehingga dapat dilihat antarmuka seperti berikut.

Berikut adalah kode pada file MainPage.xaml.

<Page
    x:Class="HelloWorldApp.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:HelloWorldApp"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
        <TextBlock x:Name="TextBlock_Result" HorizontalAlignment="Left" Margin="23,70,0,0" FontSize="23" TextWrapping="Wrap" Text="TextBlock" VerticalAlignment="Top" Height="282" Width="612"/>
        <Button x:Name="Button_AccessWebAPI" Content="Access Web API" HorizontalAlignment="Left" FontSize="17" Margin="23,10,0,0" VerticalAlignment="Top" Click="Button_AccessWebAPI_Click" />

    </Grid>
</Page>

Pada Button diberikan aksi Click yang akan memanggil method Button_AccessWebAPI_Click yang berisi kode untuk mengakses Web API dan hasilnya akan ditampilkan pada TextBlock.

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

       1: using System;

       2: using System.Collections.Generic;

       3: using System.IO;

       4: using System.Linq;

       5: using System.Net.Http;

       6: using System.Net.Http.Headers;

       7: using Windows.Foundation;

       8: using Windows.Foundation.Collections;

       9: using Windows.UI.Xaml;

using Windows.UI.Xaml.Controls;

using Windows.UI.Xaml.Controls.Primitives;

using Windows.UI.Xaml.Data;

using Windows.UI.Xaml.Input;

using Windows.UI.Xaml.Media;

using Windows.UI.Xaml.Navigation;

  

// The Blank Page item template is documented at http://go.microsoft.com/fwlink/?LinkId=234238

  

namespace HelloWorldApp

{

    /// <summary>

    /// An empty page that can be used on its own or navigated to within a Frame.

    /// </summary>

    public sealed partial class MainPage : Page

    {

        private HttpClient hc;

  

        public MainPage()

        {

            this.InitializeComponent();

  

            hc = new HttpClient();

            hc.BaseAddress = new Uri("http://localhost:33011/");

            hc.DefaultRequestHeaders.Accept.Add(new MediaTypeWithQualityHeaderValue("application/xml"));

  

        }

  

        /// <summary>

        /// Invoked when this page is about to be displayed in a Frame.

        /// </summary>

        /// <param name="e">Event data that describes how this page was reached.  The Parameter

        /// property is typically used to configure the page.</param>

        protected override void OnNavigatedTo(NavigationEventArgs e)

        {

        }

  

        private async void Button_AccessWebAPI_Click(object sender, RoutedEventArgs e)

        {

            var response = await hc.GetAsync("api/HelloWorld/");

            response.EnsureSuccessStatusCode(); // Throw on error code.

  

            var result = await response.Content.ReadAsStringAsync();

  

            TextBlock_Result.Text = result;

        }

    }

}

Untuk mengunakan class HttpClient pada baris ke-26 maka perlu ditambahkan namespace System.Net.Http seperti yang dilihat pada baris ke-5. Sedangkan baris ke-34 membutuhkan namespace System.Net.Http.Headers seperti pada baris ke-6.

{Setup Web API Output Format}

Kita dapat menentukan ingin mendapatkan format output XML atau JSON. Jika ingin mendapatkan output XML maka cukup gunakan kode seperti pada baris ke-34. Jika ingin mendapatkan output dengan format JSON maka baris ke-34 tersebut dapat kita ganti seperti berikut :


hc.DefaultRequestHeaders.Accept.Add(new MediaTypeWithQualityHeaderValue("application/json"));

Berikut adalah hasil jika format output yang digunakan adalah JSON :

Dan berikut adalah jika format output yang digunakan adalah XML :

Gampang bukan? Selamat mencoba :)

Share this post: | | | |

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

{Linq to SQL - Optimistic Concurrency} on ASP.NET

reyza — Wed, 06 Apr 2011 14:20:03 GMT

Misalnya seorang user, sebut saja berinisial MD sedang mengakses halaman berikut :

Begitu juga dengan user lain yang berinisial IR, mengkases halaman yang sama dan sedang mengedit record yang saja juga.

Bila hal tersebut di atas terjadi, dan saat salah satu user melakukan proses Update, kira apa yang terjadi ?

apakah data akan diupdate sesuai dengan user yang terakhir melakukan proses update?
apakah user yang mengklik duluan yang akan berhasil mengupdate data, sedangkan user yang kemudian mengupdate akan melakukan kegagalan?
ataukah, data akan di-merge antara data dari kedua user tersebut?

Kenapa perlu dipikirkan hal seperti di atas?

Jika kasus 1 yang dianut, maka hanya user yang terakhir yang tahu akan kebenaran data yang user tersebut inputkan telah disimpan. Sedangkan user sebelumnya akan tenang-tenang saja dan merasa data yang telah dia inputkan telah masuk, padahal data tersebut sudah terubah oleh user terakhir. Secara logika mungkin benar, tetapi secara etika terhadap user pengguna mungkin kurang, karena user sebelum yang terakhir jadi korban…korban “tenang-tenang saja” padahal data dia telah berubah.
Sedangkan kasus kedua atau ketiga mungkin akan lebih manusiawi.

Tapi pada posting ini hanya akan dibahas kasus kedua saja, yang lebih dikenal dengan Optimistic Concurrency. Bila digunakan kebetulan digunakan teknologi Linq to SQL maka secara default akan digunakan metode Optimistic Concurrency, artinya jika satu record diakses bersamaan oleh MD dan IR maka :

Jika user MD menyimpan/update terlebih dahulu maka user IR akan menemui pesan kegagalan.
Jika user IR yang melakukan proses penyimpanan/update terlebih dahulu maka user MD akan menemui kegagalan saat menyimpan.

Berikut adalah contoh sederhana halaman yang berisi daftar data dan form inline editing pada GridView.

        1: <asp:LinqDataSource ID="LinqDataSource1" runat="server" 

       2:     ContextTypeName="DataClassesDataContext" EnableDelete="True" 

       3:     EnableInsert="True" EnableUpdate="True" EntityTypeName="" TableName="REF_AXLEs">

       4: </asp:LinqDataSource>

       5:     

       6: <br />

       7: <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 

       8:     DataKeyNames="AXLE_CODE" DataSourceID="LinqDataSource1" AllowPaging="True">

       9:     <Columns>

      10:         <asp:CommandField ShowEditButton="True" />

      11:         <asp:BoundField DataField="AXLE_CODE" HeaderText="AXLE_CODE" ReadOnly="True" SortExpression="AXLE_CODE" />

      12:         <asp:BoundField DataField="DESCRIPTION" HeaderText="DESCRIPTION" SortExpression="DESCRIPTION" />

      13:     </Columns>

      14: </asp:GridView>

Cara menguji kebenaran bahwa Linq to SQL dapat dilakukan dengan skenario seperti berikut :

Cukup gunakan 1 browser dengan dua tab yang berbeda untuk mengakses 1 halaman.

Pada tab 1, klik Edit pada AXLE_CODE=4, begitu juga pada tab 2.

Kemudian pada Tab 1 ubah data pada kolom Description klik tombol Update, proses Update berhasil.

Pada Tab 2, ubah data pada kolom Description kemudian klik tombol Update, proses gagal.

Dan berikut adalah contoh pesan kegagalan yang akan didapatkan oleh user yang kemudian menyimpan/update setelah user pertama melakukan update. Dapat dilihat terdapat pesan kegagalan karena kolom telah berubah atau tidak ditemukan.

Sebenarnya apa sih yang terjadi ketika proses update jika menggunakan Linq to SQL (atau “sejenisnya”) ? Berikut kira yang terjadi jika diterangkan secara sederhana :

Ketika tombol Edit diklik, ada yang berperan untuk “menampung” nilai original dari record yang dipilih.
Saat proses penyimpanan/update nilai original tersebut akan dibandingkan dengan data yang ada di database, jika nilai original dari field yang kita ubah berbeda dengan nilai yang ada di database, maka artinya ada yang telah mengubah nilai tersebut, maka akan dilemparkan pesan kegagalan.

Kasus di atas menggunakan control LinqDataSource dan GridView dengan inline editing. Bagaimana bila kasusnya dilakukan semi-manual seperti kasus di bawah ini.

Ketika link Detail pada suatu record dipilih, maka sebenarnya yang dipanggil adalah event OnSelectedIndexChanged dari GridView, dan pada event handlernya dilakukan pengisian nilai pada control-control seperti TextBox, DropDownList berdasarkan record yang dipilih, seperti pada gambar di bawah ini. Untuk menyimpan nilai original record dapat memanfaatkan Session seperti berikut :

       1: string id = Convert.ToString(GridView_Main.SelectedValue);

       2: REF_AXLE item = repository.Get<REF_AXLE>(id);

       3: Session["REF_AXLE"] = item;

Baris ke-2 adalah cara untuk “menangkap object” dr record yang dipilih, dan baris ke-3 adalah cara untuk menyimpan objek tersebut ke dalam Session.

Jika tombol Update (ImageButton), maka akan dieksekusi event handler OnClick dari ImageButton tersebut. Pada event handler ini yang dilakuan adalah mengambil kembali nilai pada Session.

       1: REF_AXLE originalitem = (REF_AXLE)Session["REF_AXLE"];

Kemudian menampung nilai yang akan diupdate pada objek :

       1: REF_AXLE item = new REF_AXLE();

       2:             

       3: item.AXLE_CODE = TextBox_FormCode.Text;

       4: item.DESCRIPTION = TextBox_FormName.Text;

Selanjutkan tinggal attach seperti berikut :

       1: DataAccessObject db = new DataAccessObject();

       2: db.DataContext.REF_AXLEs.Attach(item, originalitem);

       3: db.DataContext.SubmitChanges();

Baris ke-1 adalah class buatan sendiri, bukan default ada. Intinya adalah pada baris ke-2, ada proses attach dengan menggunakan dua objek, yaitu objek original dan objek dengan nilai untuk update. Hal ini memastikan Optimistic Concurrency masih berjalan.

#DokumentasiAgarTidakLupa

Share this post: | | | |

ASP.NET : Using RoleManager and Profile in different way

reyza — Sun, 03 Apr 2011 12:23:10 GMT

Sejak ASP.NET 2.0 telah dikenal fitur Membership, RoleManager dan Profile, karena fitur lama jadi tidak perlu di jelaskan secara detail, karena dipastikan sudah pada tahu kalau :

Membership berfungsi membantu untuk mengelola user.
RoleManager berfungsi membantu untuk role dari user.
Profile berfungsi untuk menambah atribut pada user, seperti alamat, organisasi kerja dan lain-lain.

Sedangkan untuk membuat menu telah disediakan Sitemap yang dapat terintegrasi dengan fitur di atas. Menu pada Sitemap dapat juga dapat berkerja sama dengan RoleManager, sehingga memungkinkan penampakan item-item pada menu dapat diatur sesuai dengan role dari user yang sedang login. Untuk membuat mereka bekerjasama pun sangat mudah, pada file *.sitemap cukup tambahkan atribut Roles pada suatu item menu, dan berikan nama role yang dapat mengakses item menu tersebut.

User memungkinkan dapat memiliki lebih dari role, sehingga ….

Jika pada Sitemap diatur item menu A, B, C adalah untuk role User,
Sedangkan item menu D, E, F, G adalah untuk role Admin,

Maka ketika seorang user memiliki role User dan Admin, secara otomatis akan ditampilkan item menu A, B, C, D, E, F, G.

Tetapi untuk sebagian orang mungkin ingin memiliki cara yang berbeda dengan cara di atas, sebagian orang mungkin ingin menggunakan cara penanganan seperti berikut :

User dapat memiliki lebih dari satu role, misal role yang telah didaftarkan adalah A, B, C dan D. Maka seorang user dapat memiliki role {A dan B} dari {A, B, C dan D}.
Setelah user login, terlebih dahulu user tersebut dapat memilih role yang ingin digunakan, role yang dapat dipilih adalah role yang telah didaftarkan ke user tersebut saja, dalam kasus ini adalah role {A dan B} saja.
Item-item menu yang ditampilkan akan sesuai dengan role yang dipilih.

Untuk membuat permintaan tersebut terlaksana maka perlu dilakukan langkah-langkah di bawah ini.

{Memanfaatkan Profile sebagai media penyimpanan role dari user}

Normalnya, role yang dimiliki oleh user disimpan pada tabel aspnet_UsersInRoles, bila user mempunyai lebih dari 1 role, misalnya 3 role, maka akan ditemui 3 record pada tabel ini. Dengan informasi itulah menu dirender berdasarkan role dari user yang sedang login. Karena yang diinginkan hanya 1 role saja yang aktif berdasarkan pilihan user tersebut setelah login, maka tabel ini hanya akan berisi 1 role saja, yaitu role yang dipilih oleh user tersebut.

Tetapi karena user masih mungkin memiliki lebih dari maka perlu media penyimpanan lain, oleh karena itu dapat memanfaatkan Profile untuk kebutuhan ini. Untuk keperluan itu perlu ditambahkan 1 atribut untuk menyimpan data role-role tersebut. Penambahan atribut ini cukup dilakukan pada file web.config, dan tambahkan kode seperti paga baris ke-7.

        1: <profile>

       2:     <providers>

       3:         <clear/>

       4:         <add name="AspNetSqlProfileProvider" connectionStringName="HOREHOREUserConnString" applicationName="HOREHORE" type="System.Web.Profile.SqlProfileProvider, System.Web, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a"/>

       5:     </providers>

       6:     <properties>

       7:     <add name="Groups" type="System.String" serializeAs="String" allowAnonymous="false" defaultValue="" readOnly="false"/>

       8:     . . .

       9:     </properties>

      10: </profile>

Data role yang disimpan pada atribut Groups di Profile akan dipisahkan oleh tanda koma (,). sehingga bila user punya role A dan B maka data yang disimpan pada atribut ini adalah A,B.

Misalnya role yang tersedia ditampilkan pada checkboxlist, maka penyimpanan role dari role yang dipilih pada checkboxlist dapat dilakukan dengan cara berikut :

       1: string roles = String.Empty;

       2: ProfileCommon profileCommon = Profile.GetProfile(userName);

       3:  

       4: for (int i = 0; i < CheckBoxList_FormRoles.Items.Count; i++)

       5: {

       6:     if (CheckBoxList_FormRoles.Items.Selected)

       7:     {

       8:         if (!String.IsNullOrEmpty(roles)) roles += ",";

       9:         roles += CheckBoxList_FormRoles.Items.Value;

      10:     }

      11:     CheckBoxList_FormRoles.Items.Selected = false;

      12: }

      13: profileCommon.Groups = roles;

      14: profileCommon.Save();

{Menampilkan role yang ingin digunakan}

Setelah data telah siap, maka dapat dibuat skenario ketika user telah sukses login maka user akan ditampilkan role user yang disimpan pada Profile dan dapat dipilih seperti berikut ini.

Pada gambar di atas, dapat diketahui user tersebut mempunyai 4 role yang disimpan pada Profile, dan 1 role yang aktif yang disimpan pada tabel aspnet_UsersInRoles yaitu role Administrator (terlihat status = Active).

Untuk menampilkan 4 role yang disimpan pada Profile tersebut, cukup buat GridView dan load datanya dengan cara seperti berikut ini :

       1: IList roles = new ArrayList();

       2: string username = HttpContext.Current.User.Identity.Name;

       3: ProfileCommon profileCommon = Profile.GetProfile(username);

       4: string rolesStr = profileCommon.Groups;

       5:  

       6: if (!String.IsNullOrEmpty(rolesStr))

       7: {

       8:     string[] roleArr = rolesStr.Split(',');

       9:     foreach (string role in roleArr)

      10:     {

      11:         CaltrisRoles item = new CaltrisRoles();

      12:         item.ROLENAME = role;

      13:         roles.Add(item);

      14:     }

      15: }

      16:  

      17: GridView_Roles.DataSource = roles;

      18: GridView_Roles.DataBind();

Dapat dilihat pada gambar di atas, terdapat LinkButton Select pada kolom Action. Fungsi LinkButton itu ketika dipilih/diklik adalah menyimpan data role yang dipilih ke dalam tabel aspnet_UsersInRoles sesuai dengan user yang melakukan aksi tersebut. Namun sebelumnya dipastikan terlebih dahulu data role dari user tersebut harus dihapus. Hal ini untuk memastikan data role yang disimpan untuk seorang user hanya SATU saja.

Cara untuk melakukan kebutuhan di atas dapat dilihat dari kode di bawah ini :

       1: string username = HttpContext.Current.User.Identity.Name;

       2: string selectedRole = Convert.ToString(GridView_Roles.SelectedValue);

       3: String[] roles = Roles.GetRolesForUser(username);

       4:  

       5: // remove role pada DB

       6: foreach (string role in roles)

       7: {

       8:     if (Roles.IsUserInRole(username, role))

       9:     {

      10:         Roles.RemoveUserFromRole(username, role);

      11:     }

      12: }

      13:  

      14: // insert role yang dipilih user pada GridView ke dalam DB

      15: Roles.AddUserToRole(username, selectedRole);

{Bukti}

Sebagai bukti dapat dilihat pada gambar berikut ini :

Pada gambar di atas role yang aktif adalah Administrator, maka dapat dilihat menu yang dimiliki oleh user tersebut. Dan berikut ini adalah ketika role FUEL yang aktif.

Sangat mudah bukan…terima kasih telah membaca, silakan kembali menikmati akhir weekend ini

Share this post: | | | |

AAT : Automatic Audit Trail

reyza — Sat, 25 Sep 2010 18:06:42 GMT

Mrs. Smith : Tadi mencet apaan sih? kok sampai hancur begini?

Mr. Smith : Hmmm…..ngga tau…..lupa..

Mrs. Smith : Coba cek, log aplikasinya….gw pengen tahu apa yang tadi lo lakuin.

Mr. Smith : Memang ada log-nya?

Mrs. Smith : What!?!!! Jadi aplikasi yang lo buat tidak ada history setiap yang dilakukan user? Tidak ada Audit Trails???! OMG

Mr. Smith : Habis bikinnya susah, males.

Mrs. Smith : Kata siapa susah? coba liat paparan di bawah ini!

{Audit Trails}

Apaan sih Audit Trails? Secara singkat mungkin bisa dijelaskan sebagai “sesuatu” yang dapat menyimpan data history dari kegiatan CRUD (create, retrieve, update, delete) yang dilakukan oleh user saat menggunakan aplikasi.

Data apa saja yang mestinya disimpan? Data yang disimpan adalah 4W :

Who : user mana yang melakukan aksi.
What data : table dan record mana yang menjadi “korban” dari aksi tersebut.
What happened : aksi apa yang dilakukan, create kah? retrieve kah? update kah? atau delete?
When : kapan aksi tersebut dilakuan.

{Media Penyimpanan}

Kejadian-kejadian tersebut mesti disimpan pada media yang gampang digunakan, sebagai contoh dengan memanfaatkan tabel pada database. Kira-kira akan seperti ini struktur tabel yang akan digunakan untuk menyimpan data Audit Trails ini.

Kalau malas membuat sendiri, bisa mengunduh script-nya di sini. Sedangkan dimisalkan salah satu nama tabel yang akan di-log adalah SecretData.

Dengan detail atribut seperti berikut ini.

{DoddleAudit – Audit Trail fot LINQ to SQL}

Biar hidup enak, ngga pusing bikin Audit Trail sendiri, maka segera menuju ke http://doddleaudit.codeplex.com, project ini sangat bermanfaat untuk membuat “audit” secara otomatis. Sesuai titel dari sub-judulnya, maka project ini ditujukan bagi pengguna LINQ to SQL. Jadi bagi pengguna LINQ to SQL, yang telah mempunyai LINQ to SQL Classes (DBML) tinggal menambahkan Doddle.Linq.Audit sebagai reference pada project tempat file DBML disimpan, sebagai contoh dapat dilihat pada gambar di bawah ini.

Kemudian modifikasi agar Base Class dari LINQ to SQL Classes adalah Doddle.Linq.Audit.LinqToSql.AuditableDataContext.

Maka akan dapat dilihat baris seperti berikut ini.

Selanjutnya dapat ditambahkan barisan kode berikut ke dalam LINQ to SQL Classes.

     protected override void InsertAuditRecordToDatabase(EntityAuditRecord record)

    {

        AuditRecord audit = new AuditRecord();

        audit.Action = (byte)record.Action;

        audit.AuditDate = DateTime.Now;

        audit.AssociationTable = record.AssociationTable;

        audit.AssociationTableKey = record.AssociationTableKey;

        audit.EntityTable = record.EntityTable;

        audit.EntityTableKey = record.EntityTableKey;

        audit.UserName = System.Web.HttpContext.Current.User.Identity.Name;

        foreach (ModifiedEntityProperty av in record.ModifiedProperties)

        {

            AuditRecordField field = new AuditRecordField();

            field.MemberName = av.MemberName;

            field.OldValue = av.OldValue;

            field.NewValue = av.NewValue;

            audit.AuditRecordFields.Add(field);

        }

        this.AuditRecords.InsertOnSubmit(audit);

    }

Terakhir adalah menambahkan method untuk mendefinisikan “tabel-tabel” mana saja yang akan di-audit, nama method tersebut adalah DefaultAuditDefinitions, dengan isi seperti berikut ini.

       1: protected override void DefaultAuditDefinitions()

       2: {

       3:     this.Organisasis.Audit();

       4: }

Pada baris ke-3 dapat dilihat bahwa “tabel” yang di-audit adalah “tabel” Organisasi. Selanjutnya apabila ada “tabel-tabel” lain yang ingin di-audit tinggal menambahkan ke dalam method ini.

{Hasil}

Berikut adalah “hasil” dari audit ini, di bawah ini adalah isi dari tabel utama audit, yaitu AuditRecords.

Pada data di atas, dapat dilihat tabel apa, kapan, oleh siapa dan aksinya, aksi direpresentasikan dengan nomor dari 0-2 :

0, adalah aksi insert.
1, adalah aksi edit.
2, adalah aksi delete.

Sedangkan pada tabel AuditRecordField dapat detail dari tabel AuditRecords yang berisi data “sejarah” dari setiap aksi.

Sebagai contoh, apabila aksinya adalah insert maka dapat dilihat nama field yang digunakan beserta nilainya. Apabila aksi yang dilakukan adalah update, maka akan dapat dilihat nama field yang diedit, nilai lama dari field tersebut beserta nilai barunya. Sedangkan bila terjadi aksi delete maka dapat dilihat nilai dari field-field dari record yang dihapus.

{Tetapiiiiiiiii…………………..}

Sangat mudah bukan? Tetapi…..kalau diperhatikan dari tabel yang di-audit, yaitu tabel Organisasi mempunyai struktur seperti berikut.

Dapat dilihat bawah primary-key dari tabel ini yaitu OrganisasiID bertipe int/integer. Bagaimana apabila tipe data dari field primary-keynya bukan integer? Jawaban dari pertanyaan ini adalah sesuai dari kutipan yang dapat dibawa pada http://doddleaudit.codeplex.com, yaitu :

    Limitations

    Any tables you want to audit must have one (and only one) Primary Key field, which is of type "int".

    Depending on demand for this feature I will begin exploring ways around this, including GUID primary keys and composite keys.

Untungnya ini adalah community project yang source-codenya dapat digunakan untuk dimodifikasi sesuai kebutuhan. Sampai nanti di blog selanjutnya yang akan memaparkan bagaimana memodifikasi agar tidak hanya primary-key bertipe integer saja yang dapat di-audit dengan DoddleAudit ini.

Selamat menikmati akhir pekan.

Share this post: | | | |

Daddy, Mommy want to rotate, resize & move image on your Silverlight Application easily

reyza — Sun, 30 May 2010 16:59:43 GMT

Daddy, mommy says; if you won’t attack, all the things in the house will be broken.

Itu kata sang anak kepada Om Ip Man selagi masih berjaya di dunia persilatan. Sekarang, Om Ip Man sudah pindah profesi menjadi tukang bikin aplikasi Silverlight dengan bersenjatakan Expression Studio 4 dan Visual Studio 2010. Sekarang perkataan sang anak berbeda, yaitu :

Daddy, Mommy want to rotate resize & move image on your Silverlight Application easily.

Hm….”easily”, dengan mudah? Dengan memanfaatkan “Adorner” maka hal itu jadi lebih mudah. “Adoner” adalah sedikit kode yang terdiri atas file XAML dan class yang sangat membantu untuk membuat gambar mudah dirotasi, diubah ukurannya dan di-drag dimanapun lokasi yang diinginkan (selama masih dalam halaman Silverlight).

“Adorner” dapat ditemukan di sini. Di dalam ini ada file-file penting yang dapat kita gunakan ulang, yaitu :

Adorner.xaml & Adorner.xaml.cs, file ini akan memberikan ‘kelakuan-kelakuan’ (rotate, resize dan move) di atas kepada elemen yang diinginkan.
IAdornedObject.cs.

Kita cukup menambahkan file-file tersebut pada project yang sedang dikerjakan.

Selanjutkan akan ditambahkan elemen canvas dan satu elemen image didalam canvas pada file MainPage.xaml, seperti yang dapat dilihat pada baris 10 sampai 12.

        1: <UserControl x:Class="RotateMoveResize.MainPage"

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

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

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

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

       6:     mc:Ignorable="d"

       7:     d:DesignHeight="600" d:DesignWidth="800">

       8:  

       9:     <Grid x:Name="LayoutRoot" Background="#FFCE0000">

      10:         <Canvas Height="576" HorizontalAlignment="Left" Margin="12,12,0,0" Name="Canvas_ImageArea" VerticalAlignment="Top" Width="776">

      11:             <Image Name="image1" Source="images/01.jpg" Stretch="UniformToFill" Width="247" Height="364" MouseLeftButtonDown="Image_MouseLeftButtonDown" Canvas.Left="323" Canvas.Top="31" />

      12:         </Canvas>

      13:     </Grid>

      14: </UserControl>

Selanjutnya tinggal menambahkan baris-baris seperti pada baris 4, baris 10, baris 16-20 dan baris 23-30.

       1: using System.Windows.Controls;

       2: using System.Windows.Input;

       3:  

       4: using TileMaster;

       5:  

       6: namespace RotateMoveResize

       7: {

       8:     public partial class MainPage : UserControl

       9:     {

        Adorner _adorner = new Adorner();

  

        public MainPage()

        {

            InitializeComponent();

  

            _adorner.Width = 0;

            _adorner.Height = 0;

            AdornedObject item = new AdornedObject(image1);

            image1.Tag = item;

            Canvas_ImageArea.Children.Add(_adorner);

        }

  

        private void Image_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)

        {

            Image img = (Image)sender;

            Canvas_ImageArea.Children.Remove(img);

            Canvas_ImageArea.Children.Insert(Canvas_ImageArea.Children.Count - 1, img);

            _adorner.SetAdornedObject((IAdornedObject)img.Tag);

            _adorner.StartMoveDrag();

        }

    }

}

Baris 4, adalah mendaftarkan namespace dari file Adorner.xaml.cs & IAdornedObject.cs.

Baris 10, instansiasi objek dari class Adorner.

Baris 16-20, mendaftarkan elemen image sebagai bagian dari objek Adorner sehingga akan mempunyai ‘kelakuan-kelakuan’ seperti di atas.

Sedang method Image_MouseLeftButtonDown untuk menangkap event ketika gambar diklik, sehingga gambar ‘aktif’ dan siap di-drag, di-rotate dan di-resize.

Hasilnya, dapat dilihat gambar berikut ini. Pada gambar dibawah ini dapat dilihat ketika cursor mouse berada di sisi gambar, dapat dilihat icon yang menandakan gambar dapat di-resize.

Sedangkan pada gambar dibawah ini dapat dilihat icon untuk melakukan rotasi ketika cursor mouse berada pada ujung dari gambar. Dan dengan melakukan klik dan memutar arah cursor akan membuat gambar tersebut berotasi.

Pertanyaan : apakah cuma bisa elemen image saja? bagimana dengan elemen lain seperti Rectangle? Jawabnya adalah BISA.

Selanjutnya adalah apabila gambar yang di dalam canvas Canvas_ImageArea lebih dari 1, maka kode berikut ini :

    AdornedObject item = new AdornedObject(image1);

    canvas1.Tag = item;

dapat diubah menjadi seperti berikut ini :

    Random random = new Random(1);

    foreach (Image image in Canvas_ImageArea.Children)

    {

        AdornedObject item = new AdornedObject(image, random.Next(50) - 25);

        image.Tag = item;

    }

Dan hasilnya bisa dilihat seperti gambar di bawah ini :

Bila ingin mencoba contoh di atas, maka dapat segera mengunduh file di bawah ini.

Share this post: | | | |

Silverlight 4 : Crop Image

reyza — Fri, 28 May 2010 07:15:51 GMT

Developer diberi kemudahan untuk membuat aplikasi ‘manipulasi gambar’ sederhana sejak Silverlight 3, dengan diberikannya class WriteableBitmap. Dengan adanya class ini maka pengguna dapat melakukan ‘manipulasi gambar’ pada client, tanpa campur tangan atau melakukan operasi pada server seperti yang pernah terjadi pada Silverlight 2.

Pada gambar di atas, dapat dilihat gambar besar yang ditampilkan dengan menggunakan control Image yang ada di sebelah kiri (Image_Source). Sedangkan hasil cropping akan ditampilkan pada control Image yang ada di sebelah kanan (Image_Destination). Sebelum melakukan operasi crop, user akan menentukan titik pusat area cropping dengan mengklik pada gambar besar. Setelah itu user dapat mengklik tombol Crop maka hasil cropping akan dapat dilihat pada Image_Destination.

Berikut ini adalah isi dari file MainPage.xaml.

        1: <UserControl x:Class="CropImage.MainPage"

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

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

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

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

       6:     mc:Ignorable="d"

       7:     d:DesignHeight="650" d:DesignWidth="800" xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk">

       8:  

       9:     <Grid x:Name="LayoutRoot" Background="Black">

      10:         <Image Height="400" HorizontalAlignment="Left" Margin="12,12,0,0" Name="Image_Source" MouseLeftButtonDown="Image_Source_MouseLeftButtonDown" Stretch="Fill" VerticalAlignment="Top" Width="550" Source="/CropImage;component/images/Femur-01.png" />

      11:         <Image Height="175" HorizontalAlignment="Left" Margin="600,79,0,0" Name="Image_Destination" Stretch="Fill" VerticalAlignment="Top" Width="175" />

      12:         <Button Content="Crop" Height="23" HorizontalAlignment="Left" Margin="12,497,0,0" Name="Button_Crop" VerticalAlignment="Top" Width="75" Click="Button_Crop_Click" />

      13:         <sdk:Label Height="23" HorizontalAlignment="Left" Margin="12,425,0,0" Name="label1" VerticalAlignment="Top" Width="430" Foreground="White" Content="Klik satu titik pada gambar untuk menentukan titik pusat area cropping" />

      14:         <sdk:Label Height="23" HorizontalAlignment="Left" Margin="12,446,0,0" Name="label3" VerticalAlignment="Top" Width="56" Foreground="White" Content="X Offset :" />

      15:         <sdk:Label Height="23" HorizontalAlignment="Left" Margin="74,446,0,0" Name="Label_MouseX" VerticalAlignment="Top" Width="52" Foreground="White" />

      16:         <sdk:Label Height="23" HorizontalAlignment="Left" Margin="12,468,0,0" Name="label5" VerticalAlignment="Top" Width="52" Foreground="White" Content="Y Offset :" />

      17:         <sdk:Label Height="23" HorizontalAlignment="Left" Margin="74,468,0,0" Name="Label_MouseY" VerticalAlignment="Top" Width="52" Foreground="White" />

      18:         <sdk:Label Height="21" HorizontalAlignment="Left" Margin="646,44,0,0" Name="label6" VerticalAlignment="Top" Width="85" Content="Hasil Cropping" Foreground="White" />

      19:         <Rectangle Height="175" HorizontalAlignment="Left" Margin="600,79,0,0" Name="rectangle1" Stroke="White" StrokeThickness="3" VerticalAlignment="Top" Width="175" />

      20:         <Rectangle Height="400" HorizontalAlignment="Left" Margin="12,12,0,0" Name="rectangle2" Stroke="White" StrokeThickness="3" VerticalAlignment="Top" Width="551" />

      21:     </Grid>

      22: </UserControl>

Pada barisan kode di atas, dapat dilihat 2 event, yaitu :

MouseLeftButtonDown (baris 10), yang akan menjalankan method Image_Source_MouseLeftButtonDown ketika mouse diklik pada area gambar di sebelah kanan (Image_Destination),
Button_Crop_Click (baris 12), yang akan menjalankan method Button_Crop_Click ketika tombol diklik.

Berikut adalah isi dari method Image_Source_MouseLeftButtonDown.

    private void Image_Source_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)

    {

        Point mouseXY = e.GetPosition(null);

        mouseX = e.GetPosition(null).X.ToString();

        mouseY = e.GetPosition(null).Y.ToString();

        Label_MouseX.Content = mouseX;

        Label_MouseY.Content = mouseY;

    }

Dan berikut ini adalah isi dari method Button_Crop_Click.

       1: private void Button_Crop_Click(object sender, RoutedEventArgs e)

       2: {

       3:     // menangkap data gambar sumber (gambar besar)

       4:     // dan memasukkannya ke dalam objek wb

       5:     WriteableBitmap wb = new WriteableBitmap(Image_Source, null);

       6:  

       7:     // menentukan titik awal cropping

       8:     int xOffset = Convert.ToInt32(mouseX) - 88;

       9:     int yOffset = Convert.ToInt32(mouseY) - 88;

  

    // memeriksa batas cropping

    if (xOffset < 0)

    {

        xOffset = 0;

    }

    else if (xOffset + 175 > Image_Source.Width)

    {

        xOffset = Convert.ToInt32(Image_Source.Width) - 175;

    }

  

  

    if (yOffset < 0)

    {

        yOffset = 0;

    }

    else if (yOffset + 175 > Image_Source.Height)

    {

        yOffset = Convert.ToInt32(Image_Source.Height) - 175;

    }

  

    // cropping dilakukan

    Image_Destination.Source = CropImage(wb, xOffset, yOffset, 175, 175);

}

Pada baris ke 32, dapat dilihat pemanggilan method CropImage yang berfungsi untuk menampilkan hasil cropping pada elemen Image_Destination. Berikut adalah isi dari method CropImage.

    private WriteableBitmap CropImage(WriteableBitmap source, int xOffset, int yOffset, int w, int h)

    {

        int sourceWidth = source.PixelWidth;

        WriteableBitmap result = new WriteableBitmap(w, h);

        for (int y = 0; y <= h - 1; y++)

        {

            int sourceIndex = xOffset + (yOffset + y) * sourceWidth;

            int destinationIndex = y * w;

            Array.Copy(source.Pixels, sourceIndex, result.Pixels, destinationIndex, w);

        }

        return result;

    }

Dari semua tertulis di atas, jangan lupa untuk meng-‘using’ namespace System.Windows.Media.Imaging agar kita bisa menggunakan class WriteableBitmap.

Akhir kata, silakan untuk melanjutkan menikmati liburan akhir pekan yang panjang.

Share this post: | | | |

Ebook Seri Belajar ASP.NET 4.0 : Membangun Sistem Pengelolaan User

reyza — Wed, 19 May 2010 06:09:00 GMT

Setelah meluangkan waktu 2-3 jam sehari, maka setelah 2 minggu lebih beberapa hari, akhirnya ebook sederhana dengan judul Seri Belajar ASP.NET 4.0 : Membangun Sistem Pengelolaan User sederhana ini selesai dirampungkan.

Ebook ini mencoba memperkenalan ASP.NET 4.0 dan Visual Studio 2010 untuk membuat Sistem Pengelolaan User sederhana. Ebook ini mencoba memberikan paparan sederhana kepada para Web Developer pemula untuk membangun aplikasi web. Ada beberapa tahapan yang akan ditemui pembaca di dalam ebook ini, yaitu :

Persiapan database.
Pembuatan fondasi aplikasi web. Pada fondasi aplikasi web ini akan diterangkan konfigurasi yang pertama kali dilakukan agar terkoneksi dengan database yang telah disiapkan. Pada bagian ini juga dipaparkan pembuatan Data Access Layer untuk mempermudah akses database yang akan digunakan pada aplikasi web ini. Selain itu juga dipaparkan untuk melakukan pengamanan terhadap aplikasi web yang telah dibuat serta implementasi fitur Resource dan Globalization untuk membuat aplikasi web yang multi-bahasa.
Pembuatan modul Data Master untuk mengelola data Organisasi dengan menggunakan Data Access Layer yang telah dibuat.
Pembuatan modul User Management dengan menggunakan fitur Membership.
Pembuatan modul Profile yang dapat menampilkan data user yang login.

Berikut ini adalah antar muka dari Sistem Pengelolaan User sederhana ini.

{Halaman Login}

{Data Master}

{User Management}

{Profile}

Akhir kata, selamat mencoba dan sangat disadari ebook ini banyak kekurangan sehinggal masukan, saran dan kritik bisa dikirimkan langsung ke email reza.faisal [at] gmail.com.

Ebook dapat diunduh di sini.

Source Code dan Database dapat diunduh di sini.

Share this post: | | | |

Visual Studio 2010 : Life Run on Codes

reyza — Sat, 08 May 2010 06:29:01 GMT

Software developer tentunya tidak bisa lepas (100%) dari untaian atau barisan kode yang nantinya akan membentuk software. Untaian atau barisan kode tidak akan terbentuk dengan efisien tanpa Developer Tool yang sesuai.

Pada kesempatan ini saya bercerita tentang bagaimana hidup berjalan di atas untaian-untaian kode yang ditulis dengan Visual Studio 2010. Cerita ringkas ini ditulis dalam sedikit halaman slide. Isi slide cuma gambar-gambar yang menceritakan apa yang harus diketahui dan dimiliki oleh software developer.

Dan diakhiri dengan Demo.

Demo berisi pengenalan sifat Visual Studi 2010 yang tidak pilih kasih akan bahasa pemrograman yang dimiliki oleh para software developer, terbukti dengan tersedianya pilihan bahasa :

VB.NET.
C#.
C++.
F#, sebagai anggota keluarga baru pada Visual Studio.

Selanjutnya demo pengenalan macam-macam software yang dapat dibangun dengan menggunakan Visual Studio 2010 :

Windows Mobile & Windows Phone, demo membuat aplikasi sederhana pada Windows Phone.
Windows, demo membangun aplikasi sederhana dengan menggunakan Template Console, Windows & WPF.
Silverlight, demo menampilkan fitur-fitur yang dimiliki oleh Silverlight.
VSTO, demo membuat aplikasi sangat-sangat sederhana dengan Excel dan demo aplikasi Fisika buatan MVP VSTO Andri Yadi.
ASP.NET, demo ini tidak sempat disampaikan karena kendala waktu yang sedikit dan nafas yang sudah ngos-ngosan.

Demo disesuaikan dengan kompetensi para peserta yang hadir. Peserta yang hadir adalah 50an (mungkin kurang) siswa SMK di bidang Rekayasa Perangkat Lunak.

Selain saya juga ada pembicara lain, yaitu :

Suherman yang berbicara pentingnya berkomunitas dan perkenalan MUGI, dilanjutkan dengan Windows Experience pada Windows 7.

Dan pembicara terakhir adalah Lailatul Qadariah yang bercerita tentang Silverlight 4 & Its Application.

Akhir kata, semoga wanita ini bisa jadi MVP, biar ngga neg melihat saat MVP Gathering yang isinya pria semua :P

Have a nice weekend.

Share this post: | | | |