Temmy Wahyu Raharjo Blog

Hapus Semua Data Pada SQL SERVER

Temmy Raharjo — Fri, 19 Oct 2012 16:28:04 GMT

Sebagai seorang developer, salah satu hal yang tidak mungkin dipungkiri adalah ketika kita membuat sebuah aplikasi, fokus kita adalah memenuhi business logic pada aplikasi yang kita ingin bangun. Terlalu fokus pada aplikasi yang kita bangun sehingga seringkali kita melakukan trial and error menggunakan data sample alias data dummy. Pertanyaannya adalah ketika kita merasa sudah yakin terhadap business logic, model ataupun segalanya yang berhubungan dengan program, kita menyadari bahwa database yang kita buat semuanya berisi data sampah dan kita harus mengosongkannya untuk segera diimplementasikan ke klien kita. Pertanyaanya adalah apakah Anda seringkali menerima error message berikut ketika mencoba menghapus?

Jika jawabannya YA, berarti Anda telah mengimplementasikan salah satu unsur yang terpenting dalam Database Programming! Selamat! :)

Hal ini terjadi karena kita telah menambahkan constraint pada tabel yang akan Anda hapus. Constraint merupakan fitur yang disediakan oleh SQL Server untuk menjaga integritas data. Misalnya ketika Anda menambahkan data mahasiswa bernama “Temmy” pada tabel Mahasiswa, lalu Anda mengisikan pada tabel Matakuliah bahwa Temmy mengambil matakuliah Bahasa Pemrograman 1. Maka SQL Server akan menjaga agar “Temmy” tidak dihapus pada tabel Mahasiswa karena jika tidak maka pada tabel Matakuliah akan menemui permasalahan berupa pertanyaan “Mahasiswa ??(tadinya Temmy) mengambil Matakuliah Bahasa Pemrograman?”.

Untuk mengatasi permasalahan tersebut, Anda dapat mengimplementasikan Tips dan Trik berikut :

        1: EXEC sp_msforeachtable "ALTER TABLE ? NOCHECK CONSTRAINT all";

       2: EXEC sp_msforeachtable "DELETE FROM ?";

Baris no. 1 memiliki fungsi menghilangkan segala constraint (batasan) secara sementara tiap-tiap tabel pada database yang Anda pilih ketika Anda menjalankannya. Sedangkan baris no. 2 memiliki fungsi untuk menghapus segala data pada tabel tersebut sehingga Anda tidak perlu melakukan penghapusan secara manual tiap-tiap tabel. Mudah bukan? :)

Pertanyaanya seringkali kita memanfaatkan fitur Auto Increment. Bagaimana cara mengubahnya menjadi 1 kembali? Berikut adalah baris program yang dapat Anda jalankan :

       1: EXEC sp_msforeachtable "DBCC CHECKIDENT ( '?', RESEED, 0)”;

Lalu untuk mengaktifkan kembali constraint yang Anda telah buat, Anda dapat menjalankan baris program berikut :

       1: EXEC sp_msforeachtable "ALTER TABLE ? WITH CHECK CHECK CONSTRAINT all";

Selamat mencoba dan semoga membantu! :)

Pengenalan LINQ to SQL (Part 2)–SELECT Statement

Temmy Raharjo — Fri, 24 Aug 2012 14:22:04 GMT

Salah satu hal terpenting dalam pembangunan sistem adalah mengelola data untuk ditampilkan kepada pengguna. Kali ini kita akan mempelajari dasar-dasar penggunaan select statement pada LINQ to SQL.

Masih menggunakan database dan project yang sama, kali ini saya akan membagikan beberapa teknik select. Termasuk didalamnya adalah fungsi dan perbedaannya. Anda dapat mempelajari berbagai jenis statement LINQ apabila Anda tertarik dengan LINQ to SQL pada blog ini. Didalamnya tidak hanya mengupas LINQ to SQL dengan menggunakan bahasa C#, selain itu juga terdapat bahasa VB.

Simple Select (Default LINQ Class Type)

Tuliskanlah baris program berikut:

     using System;

    using System.Collections.Generic;

    using System.Linq;

    using System.Text;

    namespace LinqExample

    {

        class Program

        {

            static void Main(string[] args)

            {

                Console.WriteLine("Linq to SQL Example");

                LinqExampleDataClassesDataContext DC = new LinqExampleDataClassesDataContext();

                var dataCategories = (from a in DC.Categories

                                      select a);

                ObjectDumper.Write(dataCategories);

                var dataProducts = (from a in DC.Products

                            select a);

                ObjectDumper.Write(dataProducts);

                Console.WriteLine("===================================================================");

                Console.WriteLine("Format data Categories : " + dataCategories.GetType().ToString());

                Console.WriteLine("Format data Products: " + dataProducts.GetType().ToString());

                DC.Dispose();

                Console.WriteLine("===================================================================");

                Console.ReadKey();

            }

        }

    }

Jalankan program tersebut dan lihatlah hasilnya. Anda akan mendapati hasil pada gambar dibawah:

Pada kotak berwarna merah Anda akan melihat bahwa variabel dengan nama dataCategories memiliki tipe data Category (LinqExample merupakan namespace project Anda masing-masing). Sementara dataProducts memiliki tipe data Product. Darimana Anda mendapatkan kedua buah kelas Category dan Product dapat Anda lihat pada file LinqExampleDataClasses.designer.cs. Pada file tersebut jika Anda mencoba mencari (Ctrl+F) kata kunci “Product,” Anda akan mendapati penggalan program seperti pada gambar dibawah ini:

Pada gambar diatas Anda akan melihat baris program : Public partial class Category : INotifyPropertyChanging … Ya dan Anda benar. Anda dapat membuat sebuah kelas partial untuk memodifikasi kelas ini. Tapi pada intinya, ketika Anda melakukan drag ‘n drop tabel pada kelas LINQ to SQL Classes, secara otomatis tabel tersebut akan dibuatkan kelas yang dapat Anda lihat pada file pada gambar diatas. Dalam hubungannya dengan simple select ini adalah ketika Anda menjalankan baris program : from a in DC.Categories select a, sistem akan menggunakan tipe kumpulan kelas Category sebagai nilai kembaliannya. Bisa berupa IQueryable<T> ataupun IList<T>. Sebagai buktinya Anda dapat menggunakan baris program dibawah ini dan hasilnya tentu saja sama:

    using System;

    using System.Collections.Generic;

    using System.Linq;

    using System.Text;

    namespace LinqExample

    {

        class Program

        {

            static void Main(string[] args)

            {

                Console.WriteLine("Linq to SQL Example");

                LinqExampleDataClassesDataContext DC = new LinqExampleDataClassesDataContext();

                IList<Category> dataCategories = (from a in DC.Categories

                                      select a).ToList();

                ObjectDumper.Write(dataCategories);

                IQueryable<Product> dataProducts = (from a in DC.Products

                            select a);

                ObjectDumper.Write(dataProducts);

                Console.WriteLine("===================================================================");

                Console.WriteLine("Format data Categories : " + dataCategories.GetType().ToString());

                Console.WriteLine("Format data Products: " + dataProducts.GetType().ToString());

                DC.Dispose();

                Console.WriteLine("===================================================================");

                Console.ReadKey();

            }

        }

    }

Simple Select Menggunakan Custom Object dan Anonymous Types

Selain menggunakan nilai kembali default (dalam hal ini kelas Category), Anda dapat membuat sebuah kelas tersendiri yang digunakan untuk menampungnya. Termasuk didalamnya jika Anda ingin memberikan properti yang berguna untuk kalkulasi. Misalnya saja saya ingin menambahkan informasi tentang nilai rata-rata produk dalam kategori. Maka saya dapat membuat kelas ini:

    public class CustomCategory

    {

        public int CategoryID { get; set; }

        public string CategoryName { get; set; }

        public string CategoryDesc { get; set; }

        public decimal AvgPrice { get; set; }

    }

Cara penggunaanya pun cukup mudah. Secara keseluruhan Anda hanya perlu menuliskan program dibawah dan menjalankannya:

    using System;

    using System.Collections.Generic;

    using System.Linq;

    using System.Text;

    namespace LinqExample

    {

        class Program

        {

            public class CustomCategory

            {

                public int CategoryID { get; set; }

                public string CategoryName { get; set; }

                public string CategoryDesc { get; set; }

                public decimal AvgPrice { get; set; }

            }

            static void Main(string[] args)

            {

                Console.WriteLine("Linq to SQL Example");

                LinqExampleDataClassesDataContext DC = new LinqExampleDataClassesDataContext();

                var dataCategories = (from a in DC.Categories

                                      select new CustomCategory

                                      {

                                          CategoryID = a.CategoryID, CategoryName = a.CategoryName,

                                          CategoryDesc = a.CategoryDescription, AvgPrice = (decimal)a.Products.Average(x=>x.UnitPrice)

                                      });

                ObjectDumper.Write(dataCategories);

                Console.WriteLine("===================================================================");

                Console.WriteLine("Format data Categories : " + dataCategories.GetType().ToString());

                DC.Dispose();

                Console.WriteLine("===================================================================");

                Console.ReadKey();

            }

        }

    }

Ketika Anda menajalankannya Anda akan mendapati hasil berikut:

Jika Anda berpikir bahwa membuat sebuah kelas lain adalah pekerjaan tambahan, padahal Anda hanya ingin membuat modul untuk memperlihatkan saja. Maka Anda dapat menggunakan fungsi Anonymous Types. Fitur ini membuat hasil query Anda menjadi tipe tidak dikenal (anonim). Cara penggunaanya mudah sekali:

    using System;

    using System.Collections.Generic;

    using System.Linq;

    using System.Text;

    namespace LinqExample

    {

        class Program

        {

            static void Main(string[] args)

            {

                Console.WriteLine("Linq to SQL Example");

                LinqExampleDataClassesDataContext DC = new LinqExampleDataClassesDataContext();

                var dataCategories = (from a in DC.Categories

                                      select new

                                      {

                                          a.CategoryID, a.CategoryName,

                                         a.CategoryDescription, AvgPrice=a.Products.Average(x=>x.UnitPrice)

                                      });

                ObjectDumper.Write(dataCategories);

                Console.WriteLine("===================================================================");

                Console.WriteLine("Format data Categories : " + dataCategories.GetType().ToString());

                DC.Dispose();

                Console.WriteLine("===================================================================");

                Console.ReadKey();

            }

        }

    }

Hasilnya dapat Anda lihat sebagai berikut:

Kelebihan dan Kekurangan Menggunakan Anonymous Types Atau Object Class Type vs LINQ Class

Hal yang harus dipahami terlebih dahulu menggunakan metode Anonymous Type ataupun Object Class menghasilkan kelebihan dan kekurangan yang tidak terlalu berbeda menurut pandangan saya. Kalau dilihat dari segi performance seharusnya menggunakan tipe Object Class lebih baik karena compiler tidak perlu membuatkan tipe kelas yang dibutuhkan setiap kali program dijalankan. Sebenarnya saya tidak ingin menilai dari sudut pandang ini. Hal yang saya fokuskan pada tipe Anonymous Types dan Object Class adalah jika Anda sudah melihat artikel saya mengenai BindingSource disini, maka kesimpulan yang bisa diambil adalah BindingSource tidak akan men-generate-kan fungsi Insert, Update dan Delete jika DataSource yang diiskan merupakan nilai bertipe Object Class ataupun Anonymous Types. Sementara jika Anda tetap ingin menggunakan LINQ Class, maka Anda perlu membuat partial class dari kelas yang ingin di-extends. Ini bukanlah hal yang sulit, akan tetapi pastinya membutuhkan waktu untuk belajar cara ini.

Kesimpulannya Adalah jika Anda ingin memperlihatkan data saja, Anda dapat menggunakan tipe Object Class Types ataupun Anonymous Types. Sementara jika Anda ingin merubah data langsung menggunakan BindingSource, maka Anda perlu menggunakan LINQ Class sebagai nilai kembaliannya.

Berbagai Macam SELECT

Kali ini saya akan memperlihatkan berbagai macam SELECT yang bisa Anda lakukan dengan LINQ to SQL.

Group By

    var dataCategories = (from a in DC.Products

                            group a by a.CategoryID into b

                          select new

                          {

                              CategoryName=(from c in b

                                                select c.Category.CategoryName).FirstOrDefault(),

                                AvgPrice=b.Average(c=>c.UnitPrice),

                                MinPrice=b.Min(c=>c.UnitPrice), MaxPrice=b.Max(c=>c.UnitPrice)

                          });

    ObjectDumper.Write(dataCategories);

Group By membuat data yang Anda maksudkan akan dikelompok-kelompokan menurut kriteria yang Anda masukan. Pada contoh diatas, saya mengelompokan data tersebut menurut CategoryID-nya. Sehingga ketika saya mencoba mencari harga rata-rata, harga terendah, dan tertinggipun akan menunjukan bahwa hasil tersebut adalah karena kita membeda-bedakannya menurut CategoryID.

JOIN

    var dataCategories = (from a in DC.Products join b in DC.Categories on a.CategoryID equals b.CategoryID

                          select new

                          {

                              a.ProductID, a.ProductName, b.CategoryName, a.UnitPrice, a.Qty

                          });

    ObjectDumper.Write(dataCategories);

Pada contoh disini, sebenarnya kita tidak perlu menggunakan perintah Join dikarenakan kita sudah merelasikannya sehingga apabila Anda memanggil a.Category.CategoryName pun akan muncul. Perintah Join ini Anda perlukan apabila Anda merelasikan 2 tabel yang tidak saling berelasi.

Order By

    var dataCategories = (from a in DC.Products

                          orderby a.UnitPrice descending

                          select a);

    ObjectDumper.Write(dataCategories);

Contoh diatas Anda gunakan apabila Anda menginginkan melakukan pengurutan berdasarkan UnitPrice dari produk termahal ke murah. Jika Anda menginginkan untuk mengurutkannya secara ascending, Anda dapat mengubah descending menjadi ascending atau malah menghapusnya. Secara default pengurutan yang dilakukan secara ascending.

Semakin banyak Anda berlatih, maka Anda akan semakin mengerti bagaimana menggunakan LINQ to SQL. Sebenarnya ORM ini sudah cukup powerful menurut saya akan tetapi saya masih belum bisa membandingkan dengan yang lain. Akhir kata, semakin banyak kasus yang Anda temui ketika menggunakan LINQ to SQL, maka semakin banyak pengalaman dan pengetahuan yang Anda dapatkan. Selamat meng-oprek.

Pengenalan Linq to SQL (Part 1)

Temmy Raharjo — Tue, 21 Aug 2012 08:08:00 GMT

Linq to SQL adalah sebuah teknologi yang dapat memudahkan Anda dalam membangun sebuah aplikasi. Bahasa yang digunakan sangatlah simple, terlihat seperti bahasa SQL sehingga dapat dipelajari dengan sangat cepat. Menurut pengalaman saya, menggunakan Linq to SQL bisa memotong waktu pengerjaan pemrograman dengan lebih cepat dan tentunya minim kesalahan karena terdapat fitur yang dapat mencegah adanya perbedaan ketika mengelola data pada database. Anda dapat melihat fitur tersebut pada artikel MSDN ini.

Lalu, apa sih Linq to SQL itu? Saya bukanlah seorang ahli dan pada akhirnya saya berpikir untuk mengambil kutipan dari Scott Gu dalam mendefinisikan Linq to SQL ini :

LINQ to SQL is an O/RM (object relational mapping) implementation that ships in the .NET Framework "Orcas" release, and which allows you to model a relational database using .NET classes. You can then query the database using LINQ, as well as update/insert/delete data from it.

LINQ to SQL fully supports transactions, views, and stored procedures. It also provides an easy way to integrate data validation and business logic rules into your data model.

Nah kali ini saya sudah menyiapkan database yang akan digunakan sebagai bahan tutorial. Anda dapat men-download-nya disini.

Ketika Anda sudah meng-ekstrak file tersebut dan melakukan restore database pada SQL Server, Anda dapat melihat struktur contoh pada database yang saya buat. Pada database diagram Anda dapat melihat gambar dibawah ini:

Terdapat 2 tabel yaitu kategori dan produk. 1 kategori bisa memiliki beberapa produk dan jika Anda melihat isi tabel tersebut, saya sudah mengisikan beberapa data yang saya ambil sebagian datanya dari toko komputer online ternama. Tapi jangan Anda pikir bahwa harga dan diskonnya juga berlaku karena pada bagian itu saya asal mengisi. Hahaha. Nah langkah selanjutnya adalah Anda membuat sebuah project console application C#. Nama dan letak folder tentunya terserah Anda mengingat jika saya membuat tutorial pasti selalu dimulai dari itu.

Pada project Anda, klik kanan lalu pilih New Item. Selanjutnya pilihlah Linq to SQL Classes. Berikanlah nama LinqExampleDataClasses.dbml.
Setelah itu Anda akan menghadapi layar dimana Anda dapat memvisualisasikan database yang sudah Anda attach kedalam project Anda. Langkah-langkahnya adalah Anda diharuskan menambah koneksi kedalam Server Explorer Anda (tentunya settingan ini berbeda satu sama lain), lalu yang harus Anda lakukan hanyalah melakukan drag ‘n drop setiap tabel kedalam screen LinqExampleDataClasses.dbml. Pertama kali Anda akan diberi peringatan untuk menambahkan connection string kedalam aplikasi Anda. Anda hanya perlu menekan tombol yes dan sistem akan membuatkan konfigurasi connection string kedalam project Anda. Bagian menarik dari bagian ini adalah LINQ to SQL akan secara otomatis membuatkan garis yg menunjukan adanya hubungan relasi antar tabel. Jika Anda melihat pada struktur database yang saya buat, Anda akan mendapati bahwa struktur pada kelas LINQ to SQL dengan struktur pada database sama.
Sebelum masuk kedalam demo program, ada baiknya Anda memahami terlebih dahulu bahwa cara kerja LINQ to SQL adalah menciptakan kursor berisikan data kedalam komputer yang memanggilnya. Anda dapat melihat gambar dibawah untuk memahami bagaimana kinerja LINQ to SQL (gambar dibawah saya dapatkan pada halaman ini dan memodifikasinya agar Anda mengerti tanpa bermaksud melakukan plagiarism):
Pada gambar diatas, Anda bisa mengerti bahwa ketika kita menjalankan query LINQ pada sisi klien, server akan merespon data yang dimaksud dan menampungnya pada DataContext. DataContext inilah yang menampung semua data dari Server dan mengkonversikan data tesebut menjadi objek yang dikenal oleh project Anda.
Pada demo ini Anda akan belajar bagaimana melakukan query SELECT menggunakan LINQ to SQL. Sebelumnya, jangan lupa untuk mendownload dan merefrensikan kelas ObjectDumper. Fungsi dari kelas ini adalah menampilkan seluruh objek berupa array, dan hasil turunannya (List, Queue, dsb). Jadi Anda tidak perlu lagi menuliskan program perulangan seperti for .. ataupun foreach. Anda dapat menambah refrensi dengan jalan melakukan klik kanan pada project, lalu pilih Add Reference. Pada tab Browse, silahkan Anda memilih kelas yang sudah di-download oleh Anda tadi. Hasilnya jika Anda melihat pada bagian Reference, maka Anda akan mendapati kelas ObjectDumper sudah bisa Anda gunakan pada project Anda:

Tuliskanlah baris program berikut pada file Program.cs:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Text;

namespace LinqExample

{

    class Program

    {

        static void Main(string[] args)

        {

            Console.WriteLine("Linq to SQL Example");

            LinqExampleDataClassesDataContext DC = new LinqExampleDataClassesDataContext();

            var data = (from a in DC.Categories

                        select a);

            ObjectDumper.Write(data);

            DC.Dispose();

            Console.WriteLine("===================================================================");

            Console.ReadKey();

        }

    }

}

Jalankanlah program tersebut dan lihatlah hasilnya:

Pada gambar diatas, Anda dapat melihat bahwa terdapat sebuah field / property Products pada kelas Category. Tentunya Anda akan bingung dengan maksud dari hasil diatas. Untuk itulah, pada percobaan kedua Anda akan menambahkan baris program berikut:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Text;

namespace LinqExample

{

    class Program

    {

        static void Main(string[] args)

        {

            Console.WriteLine("Linq to SQL Example");

            LinqExampleDataClassesDataContext DC = new LinqExampleDataClassesDataContext();

            var data = (from a in DC.Categories

                        select a);

            ObjectDumper.Write(data);

            Console.WriteLine("=================================================================== \n Hasil pertama dari query kategori");

            var hasilPertama = (from a in data.FirstOrDefault().Products

                                select a);

            ObjectDumper.Write(hasilPertama);

            DC.Dispose();

            Console.WriteLine("===================================================================");

            Console.ReadKey();

        }

    }

}

Jalankanlah hasil program tersebut dan Anda dapat melihat hasilnya sebagai berikut:

Hasil dari percobaan kedua dapat Anda lihat pada gambar diatas dimana ditandai dengan garis merah. Jika Anda perhatikan, pada hasil percobaan kedua Anda akan melihat terdapat field / property Category dimana itu adalah data induknya. Jadi kesimpulannya, jika menggunakan LINQ to SQL ketika Anda memanggil data secara keseluruhan, apabila Anda memanggil Induk, Anda mendapatkan data anak, sementara jika memanggil data anak, Anda mendapatkan data Induknya. Inilah yang disebut dengan konsep Eager (bersemangat) Loading.

Definisi Eager ini saya dapatkan ketika kakak kelas saya menanyai mengenai LINQ to SQL ini. Tadinya saya belum memahami apa itu Eager dan Lazy Loading dan saya baru menyadari konsep ini ketika banyak membaca mengenai konsep Eager dan Lazy Loading. Sementara jika Anda bertanya bagaimana membuat LINQ to SQL menjadi Lazy Loading, tentu jawabannya cukup mudah. Anda hanya memanfaatkan baris program berikut :

using System;

using System.Collections.Generic;

using System.Linq;

using System.Text;

namespace LinqExample

{

    class Program

    {

        static void Main(string[] args)

        {

            Console.WriteLine("Linq to SQL Example");

            LinqExampleDataClassesDataContext DC = new LinqExampleDataClassesDataContext();

            var data = (from a in DC.Categories

                        select a);

            ObjectDumper.Write(data);

            Console.WriteLine("=================================================================== \n Hasil pertama dari query kategori");

            var hasilPertama = (from a in data.FirstOrDefault().Products

                                select a);

            ObjectDumper.Write(hasilPertama);

            Console.WriteLine("=================================================================== \n Lazy Loading");

            var lazyData = (from a in DC.Categories

                            select new tCategory

                            {

                                CategoryID = a.CategoryID,

                                CategoryName = a.CategoryName,

                                CategoryDesc = a.CategoryDescription

                            });

            ObjectDumper.Write(lazyData);

            DC.Dispose();

            Console.WriteLine("===================================================================");

            Console.ReadKey();

        }

        public class tCategory

        {

            public short CategoryID { get; set; }

            public string? CategoryName { get; set; }

            public string? CategoryDesc { get; set; }

        }

    }

}

Pada kasus diatas, saya menggunakan kelas tCategory untuk menampilkan hasil yang saya ingini. Ini bukanlah cara yang baku. Tentu saja anda dapat memasukan data tersebut kedalam tipe kelas Category sehingga Anda tidak membutuhkan untuk membuat kelas baru (tCategory).

Saya pikir pada demo kali ini, cukup sekian yang saya berikan kedalam Anda. Penjelasan program diatas sebenarnya bisa Anda pelajari lebih mendalam karena menurut saya jika Anda tidak mencoba, maka percumalah Anda membaca-nya saja. Hanya saja yang terpenting adalah baris program yang menuliskan DC.Dispose() perlu saya jelaskan terlebih dahulu. Pada demo ini kita menggunakan project Console sehingga Anda seharusnya menghapus dan melepas DataContext karena objek tersebut tidak akan berguna didalam memory kita. Jika Anda tidak menghapus DataContext ini maka bisa jadi komputer Anda akan mengalami lag karena membiarkan objek tersebut bertambah dan terus bertambah pada memory. Pada Artikel selanjutnya saya akan berusaha untuk menjelaskan hal ini lebih lanjut. Tapi Anda juga bisa mendahului saya dengan membaca the only one article that defines management DataContext pada url ini.

Pada Artikel selanjutnya juga saya berjanji untuk melanjutkan permainan Select menggunakan group by sehingga dapat membuat aplikasi Anda menjadi lebih menarik. Jika ada pertanyaan mengenai hal LINQ to SQL, Anda dapat mengirimkan email kepada saya pada alamat temmy.raharjo@gmail.com ataupun temmy.raharjo@outlook.com. Terima kasih and happy weekend for all of you!

Anda juga dapat men-download keseluruhan demoa saya pada link ini. Jangan lupa untuk mengganti ConnectionString terlebih dahulu.

Insert, Update, Delete using BindingSource

Temmy Raharjo — Wed, 11 Jul 2012 14:39:34 GMT

Inti dalam pembuatan program sebenarnya adalah mengenai DML (Data Manipulation Language) yang list pekerjaannya tentu saja bisa kita rincikan sebagai Insert (penambahan), Update (pengubahan), dan Delete (penghapusan) data. Tentu saja bagi seorang programmer terkadang pekerjaan ini cukuplah membosankan karena banyak sekali code yang mesti kita harus tambahkan kedalamnya jika logika yg diterapkan tidaklah kompleks.

Pada tutorial kali ini saya akan memberikan contoh bagaimana menggunakan pengubahan data menggunakan Insert, Update, dan Delete pada BindingSource menggunakan Data Context (Linq) ataupun

Buatlah sebuah project Windows Form. Isikan nama sesuai dengan keinginan Anda.
Pada project tersebut, buatlah item baru ( klik kanan pada project, pilih add, kemudian new item). Pilih tab Data kemudian pilihlah service-based database. Isikan namanya dengan Akademik dan pilih tombol add.
Pada solution explorer, Anda dapat melihat database tersebut. Double click-lah pada database tersebut dan tab Server Explorer akan memperlihatkan bahwa Database tersebut sudah aktif akan tetapi masih belum berisi tabel apapun.
Klik kanan pada folder tabel dan pilih new tabel, isikanlah data sebagai berikut:
Sesudah Anda menambahkan tabel tersebut kedalam database, Anda siap untuk menambahkan DataSet ataupun Linq To Sql Classes. Kedua object ini memiliki cara pengerjaan yg sama. Untuk kali ini, tambahkanlah DataSet dengan nama DataSetMahasiswa.xsd. Anda akan menghadapi Dataset desaigner. Tentu saja Anda hanya perlu melakukan drag and drop dari tabel yang terdapat pada tab Server Explorer kedalam desainer tersebut. Hasilnya adalah sebagai berikut:
Pada tahap ini Anda sudah siap dengan data yang akan digunakan. Pada Form yg sudah dibuat secara otomatis, Anda dapat melihat kedalam tab Data Source. Jika Anda kesulitan untuk menemukan tab ini, Anda dapat menggunakan kombinasi Shift+Alt+D untuk menampilkan tab tersebut.
Sesudah tab tersebut muncul, Anda dapat melakukan drag and drop Dataset Mahasiswa kedalam form. Hasilnya dapat Anda lihat pada gambar dibawah:
Pada tahap ini Anda dapat mengatur Width dan Height untuk mempercantik tampilan program yang Anda buat. Jalankanlah program tersebut dan isikanlah beberapa data dan jangan lupa setelah selesai Anda dapat menekan tombol simpan untuk menyimpan data-nya. Silahkan Anda mengecek data yang ada pada database dan hasilnya adalah data yang di-input-kan pada form sudah sama dengan data yang ada pada tabel mahasiswa.
Tambahkanlah Linq to Sql Classes pada project Anda. Berikanlah nama DataClassesMahasiswa.dbml. Sama dengan cara menambahkan dataset, Linq classes dapat ditambahkan dengan melakukan drag and drop tabel yang ada pada database kedalam desainer yang telah disediakan.
Buatlah sebuah form lagi untuk menampung hasil Linq to Sql Classes dan jangan lupa ubah code pada Program.cs untuk menjalankan form tersebut.
Pada form baru tersebut, tambahkanlah DataGridView, BindingSource, dan sebuah tombol untuk melakukan penyimpanan.

Tambahkanlah beberapa event, dan program dibawah ini pada Form2.cs :

            1: using System;

           2: using System.Collections.Generic;

           3: using System.ComponentModel;

           4: using System.Data;

           5: using System.Drawing;

           6: using System.Linq;

           7: using System.Text;

           8: using System.Windows.Forms;

           9:  

          10: namespace BlogBindingSource

          11: {

          12:     public partial class Form2 : Form

          13:     {

          14:         private DataClassesMahasiswaDataContext _db;

          15:         public Form2()

          16:         {

          17:             InitializeComponent();

          18:  

          19:             _db = new DataClassesMahasiswaDataContext();

          20:         }

          21:  

          22:         private void Form2_Load(object sender, EventArgs e)

          23:         {

          24:             //melakukan pengisian data dengan menunjuk kepada

          25:             // data context tabel mahasiswa

          26:             bindingSource1.DataSource = _db.Mahasiswas;

          27:             dataGridView1.DataSource = bindingSource1;

          28:         }

          29:  

          30:         private void button1_Click(object sender, EventArgs e)

          31:         {

          32:             //binding source dipaksa untuk mengakhiri perubahan

          33:             // dan kemudian data context memanggil metode SubmitChanges()

          34:             // untuk menyimpan perubahan pada grid.

          35:             bindingSource1.EndEdit();

          36:             _db.SubmitChanges();

          37:         }

          38:  

          39:         protected override void OnFormClosed(FormClosedEventArgs e)

          40:         {

          41:             base.OnFormClosed(e);

          42:             //digunakan agar beban memory pada client tidak terlalu berat.

          43:             // saat sudah tidak dipakai, dihapus pada memory

          44:             _db.Dispose();

          45:         }

          46:     }

          47: }

Setelah Anda sudah selesai dalam melakukan perubahan data, Anda hanya tinggal menekan tombol save dan datapun akan berubah.

Pada tutorial diatas sebenarnya Anda mendapatkan pelajaran yang sama. Bahwa baik ketika DataSet maupun Linq di-load kedalam memory, kedua object ini dapat dengan sendirinya melakukan generate DML untuk Anda. Tentu saja masih banyak hal yang perlu Anda pikirkan seperti validasi, logika yang harus dijalankan dan lain sebagainya. Pada contoh di Form2 Anda dapat mengerti bagaimana data berubah. Sementara pada DataSet program yang dipanggil ketika Anda melakukan perubahan dapat Anda lihat pada kelas Form1.cs. Berikut adalah snippet program tersebut:

       1: private void mahasiswaBindingNavigatorSaveItem_Click(object sender, EventArgs e)

       2:   {

       3:       this.Validate();

       4:       this.mahasiswaBindingSource.EndEdit();

       5:       this.tableAdapterManager.UpdateAll(this.dataSetMahasiswa);

       6:  

       7:   }

Bagaimana? Mudah bukan dalam membuat DML pada program? Tapi jangan salah, ini hanyalah salah satu cara untuk membuat program. TIDAK PADA SEMUA KASUS cara ini berhasil. Dengan menggunakan cara ini tentunya program Anda menjadi lebih secure karena orang lain tidak dapat melihat DML yang bisa diubah dan lebih mudah untuk dikembangkan. Bagaimana dengan performance dan faktor-faktor lain tentunya Anda harus mencari tahu sendiri dan tidak sulit untuk menemukan jawabannya. Selamat mencoba!

Membuat Global Error Handler C#

Temmy Raharjo — Wed, 30 May 2012 12:31:34 GMT

Dalam membuat sebuah program aplikasi, salah satu statement yang penting ada adalah try-catch. Fungsi dari statement ini adalah menangkap kesalahan yang terjadi ketika baris program dijalankan. Nah kesalahan pada program ditampung pada base class Exception. Banyak sekali turunan dari kelas ini yang bisa anda gunakan seperti NullReferenceException, FormatException, OutOfMemoryException, dan masih banyak lagi kelas lain yang bisa Anda lihat pada SystemException class MSDN.

Pertanyaan yang paling mudah, apakah Anda dapat memperkirakan semua kesalahan yang mungkin terjadi pada program aplikasi yang Anda buat? Kemungkinan besar, Anda tidak dapat memperkirakan kesalahan yang terjadi pada sistem yang Anda buat. Pada artikel kali ini, saya akan menunjukan bagaimana penggunaan blok program try-catch dan penggunaan globar error handling yang menurut saya sangatlah mudah untuk diaplikasikan kedalam program Anda.

Buat project Windows Forms Application dengan nama GlobalEventHandler seperti gambar dibawah ini:
Anda akan membuat sebuah program kalkulator sederhana. Tambahkanlah control yang dapat anda lihat pada gambar ini:
Terdapat 2 buah TextBox, 1 buah ComboBox, 1 buah Button, dan 3 Label sebagai keterangan. Pada properti items di ComboBox Anda, tambahkanlah items seperti gambar dibawah:

Pada button yang Anda buat, tambahkanlah event Click (double click pada tombol button Anda) dan tuliskanlah perintah berikut:

         private void button1_Click(object sender, EventArgs e)

        {

            string Operator = comboBox1.SelectedItem.ToString();

            double bil1 = double.Parse(textBox1.Text);

            double bil2 = double.Parse(textBox2.Text);

            double hasil = 0;

            switch (Operator)

            {

                case "+":

                    hasil = bil1 + bil2;

                    break;

                case "-":

                    hasil = bil1 - bil2;

                    break;

                case "x":

                    hasil = bil1 * bil2;

                    break;

                case "/":

                    hasil = bil1 / bil2;

                    break;

                case "^":

                    hasil = Math.Pow(bil1, bil2);

                    break;

            }

            MessageBox.Show(hasil.ToString());

        }

Cobalah untuk menjalankan program tersebut dengan cara menekan tombol F5 pada keyboard Anda. Pada saat saya memasukan bil1 dengan nilai 5, bil2 dengan 1, menggunakan operator + (tambah) dan menekan tombol hitung, saya mendapatkan hasil sesuai dengan kemauan saya.

Sekarang saya akan memasukan kata kedalam textbox1, dan ketika saya mencoba melakukan perhitungan saya akan mendapati kesalahan FormatException karena saya berusaha melakukan casting kedalam tipe data double. Begitu juga ketika saya mencoba memasukan kata kedalam textbox2. Untuk mencegah hal itu, saya menggunakan blok try-catch sehingga pada event button1_Click akan menjadi sebagai berikut:

           1: private void button1_Click(object sender, EventArgs e)

           2:         {

           3:             string Operator = comboBox1.SelectedItem.ToString();

           4:  

           5:             double bil1 = 0;

           6:             //blok ini mencegah kesalahan casting pada bil1

           7:             try

           8:             {

           9:                 bil1 = double.Parse(textBox1.Text);

          10:             }

          11:             catch (Exception)

          12:             {

          13:                 bil1 = 0;

          14:             }

          15:             double bil2 = 0;

          16:             try

          17:             {

          18:                 bil2 = double.Parse(textBox2.Text);

          19:             }

          20:             catch (Exception)

          21:             {

          22:                 bil2 = 0;

          23:             }

          24:  

          25:             double hasil = 0;

          26:  

          27:             switch (Operator)

          28:             {

          29:                 case "+":

          30:                     hasil = bil1 + bil2;

          31:                     break;

          32:                 case "-":

          33:                     hasil = bil1 - bil2;

          34:                     break;

          35:                 case "x":

          36:                     hasil = bil1 * bil2;

          37:                     break;

          38:                 case "/":

          39:                     hasil = bil1 / bil2;

          40:                     break;

          41:                 case "^":

          42:                     hasil = Math.Pow(bil1, bil2);

          43:                     break;

          44:                 //kalang default mencegah kita untuk melakukan kesalahan

          45:                 default:

          46:                     MessageBox.Show("operator tidak dikenal");

          47:                     break;

          48:             }

          49:  

          50:             MessageBox.Show(hasil.ToString());

          51:         }

Dengan adanya tambahan pada event button1_Click tersebut, seharusnya program diatas sudah menjadi lebih baik akan tetapi tetap tidak bebas kesalahan. Misalnya ketika program pertama kali berjalan, Anda menekan tombol hitung dan yang terjadi adalah bentuk kesalahan lainnya. Untuk permasalahan itulah Anda dapat menggunakan Global Event Handler. Bukalah file Program.cs yang otomatis di-generate oleh Visual Studio untuk Anda. Lalu tambahkanlah baris program agar menjadi seperti baris program dibawah:

           1: static class Program

           2:     {

           3:         /// <summary>

           4:         /// The main entry point for the application.

           5:         /// </summary>

           6:         [STAThread]

           7:         static void Main()

           8:         {

           9:             AppDomain.CurrentDomain.UnhandledException += CurrentDomain_UnhandledException;

          10:             Application.EnableVisualStyles();

          11:             Application.SetCompatibleTextRenderingDefault(false);

          12:             Application.Run(new Form1());

          13:         }

          14:  

          15:         static void CurrentDomain_UnhandledException(object sender, UnhandledExceptionEventArgs e)

          16:         {

          17:             Exception error = (Exception)e.ExceptionObject;

          18:             MessageBox.Show(error.Message);

          19:         }

          20:     }

Jalankanlah program diatas dan setidaknya hidup Anda dapat lebih tenang karena Global event handler dapat membantu user untuk tidak kuatir tiba-tiba program yang Anda distribusikan mengalami not-responding.

Kesimpulannya adalah memang terkadang kita masih membutuhkan penggunaan blok try-catch dalam menangkap kode yang mungkin sengaja kita buat seperti contoh diatas, bila user tidak memasukan angka, secara default akan dikonversi menjadi 0. Sementara terkadang kita tidak mengerti akan adanya kesalahan sehingga dengan penggunaan global error handler ini dapat memudahkan Anda mendistribusikan program yang tidak membuat user kaget.

Technorati Tags: Global event handler c#,error handling c#

Visual Studio Themes

Temmy Raharjo — Tue, 27 Mar 2012 03:57:29 GMT

Seberapa banyakah dari Anda yang melakukan rutinitas mengganti-ganti theme pada Smartphone ataupun Gadget lain seperti Tablet, PC, dsb. Lalu pernahkah Anda berpikir bahwa Microsoft Visual Studio pun dapat kita rubah Theme sesuai dengan kemauan kita?

Apa alasannya? Tentu saja karena kita bosan dengan tampilan yang seperti itu-itu saja. Berikut adalah tampilan dari Visual Studio milik saya:

Berikut adalah langkah-langkah yang dapat Anda lakukan untuk merubah tampilan Visual Studio Anda:

Download-lah terlebih dahulu Theme Manager yang terdapat pada link ini.
Sesudah Anda men-download, Pada tampilan Visual Studio Anda akan tertambah menu Theme seperti gambar dibawah ini:
Anda sebenarnya sudah mendapatkan beberapa theme standard yang disediakan. Apabila Anda ingin melakukan kustomisasi, Anda dapat mengubahnya dengan memilih Theme > Customize Color. Selain itu Anda dapat melakukan import theme dengan ekstensi .vstheme. Apabila Anda ingin mengimport theme tersebut, Anda dapat memilih dan men-download-nya melalui link ini.
Setelah Anda mendapatkan file dengan esktensi vstheme, Bukalah bagian Theme > Customize Color. Anda akan mendapati antarmuka berikut dan pilihlah Import Theme seperti gambar dibawah ini. Arahkanlah pada file yang anda download tadi.
Viola, tampilan Visual Studio Anda pun pasti sudah nampak keren. Sekarang ubahlah environment setting Visual Studio Anda untuk mengubah background Visual Studio Anda. Anda dapat memilih environment setting pada halaman ini.
File yang Anda download akan berekstensi .vssettings. Untuk mengubah tampilannya, Anda pilihlah menu Tools > Imports and Exports Settings seperti gambar dibawah ini:
Pilihlah Import selected environment settings > No, just import new settings, overwriting my current settings > Browse pada file dengan ekstensi .vssettings > Finish. Visual Studio Anda akan masuk ke tahap loading untuk apply environment setting yang baru.

Tutorial WebMatrix : Build Simple Blog From A to Z

Temmy Raharjo — Fri, 09 Mar 2012 04:58:52 GMT

Sedikit perkenalan mengenai WebMatrix, WebMatrix adalah tool free milik Microsoft yang dapat Anda gunakan untuk melakukan pengerjaan web programming dimana tool ini support dengan PHP, ataupun Razor yang akan saya perkenalkan.

Pertanyaan yang sering muncul adalah mengapa memilih WebMatrix daripada ASP.NET secara langsung. Menurut saya sendiri, apabila Anda menggunakan WebMatrix dan mempelajari Razor, Anda akan lebih dahulu memahami basic ASP.NET sebelum Anda mulai memperlajarinya. Jika diperumpamakan dengan CodeIgniter, tentu Anda yang terlebih dahulu mempelajari PHP akan lebih mudah menguasi CodeIgniter. Jadi start know learing WebMatrix especially Razor ASP.NET before step into ASP.NET .

Tutorial ini adalah tutorial yang saya tulis ketika akan membuat Workshop WebMatrix. Bahan lama sih, tapi programmer yang baik adalah tidak mencontoh semuanya. Ada pada beberapa bagian dari blog saya yang dapat Anda gunakan untuk memaksimalkan kinerja blog sederhana ini. Refrensinya yang dapat Anda gunakan adalah:

Untuk tutorial lengkap beserta dengan milestone-milestone yang ada, dapat Anda unduh disini:

https://skydrive.live.com/?cid=4AFC3005B6E4C590&id=4AFC3005B6E4C590%21110

Technorati Tags: Membuat Blog Sederhana,Razor ASP.NET,Tutorial Razor,Tutorial WebMatrix

Penggunaan Metode Partial Pada C#

Temmy Raharjo — Fri, 09 Mar 2012 04:04:43 GMT

Ada saatnya ketika kita mengerjakan satu project besar, kita melakukan pendistribusian tugas kepada teman-teman kita. Untuk masalah itu sebenarnya kita dapat menggunakan metode partial yang memungkinkan satu project dapat dikerjakan bersama-sama sekaligus. Tutorial berikut akan memberikan gambaran bagi Anda:

Buatlah sebuah Project Console Application. Tentu saja ketika Anda membuat project tersebut, Anda akan otomatis dibuatkan sebuah halaman Program.cs dimana terdapat metode Main seperti berikut:

         using System;

        using System.Collections.Generic;

        using System.Linq;

        using System.Text;

        namespace LatihanLinq

        {

            class Program

            {

                static void Main(string[] args)

                {

                }

            }

        }

Selanjutnya, pada file Program.cs, tambahkanlah sebuah kelas baru CobaPartial sebagai berikut:

        public partial class CobaPartial

            {

                partial void DisplayMe(string input);

                partial void NoDisplay(string input);

                public CobaPartial(string input)

                {

                    Console.WriteLine("Metode Partial \n");

                    DisplayMe(input);

                    NoDisplay(input);

                    Console.WriteLine("Finished \n");

                }

            }

Tambahkanlah *** bagian lagi dari kelas CobaPartial sebagai berikut:

        public partial class CobaPartial

           {

               partial void DisplayMe(string input)

               {

                   Console.WriteLine(input+"\n");

               }

           }

Tambahkanlah beberapa baris program pada metode Main Anda sehingga secara keselurahan pada file Program.cs sehingga secara keseluruhan baris program yang terdapat pada file Program.cs adalah sebagai berikut:

        using System;

        using System.Collections.Generic;

        using System.Linq;

        using System.Text;

        namespace LatihanLinq

        {

            class Program

            {

                static void Main(string[] args)

                {

                    CobaPartial obj = new CobaPartial("haloo");

                    Console.ReadKey();

                }

            }

            public partial class CobaPartial

            {

                partial void DisplayMe(string input);

                partial void NoDisplay(string input);

                public CobaPartial(string input)

                {

                    Console.WriteLine("Metode Partial \n");

                    DisplayMe(input);

                    NoDisplay(input);

                    Console.WriteLine("Finished \n");

                }

            }

            public partial class CobaPartial

            {

                partial void DisplayMe(string input)

                {

                    Console.WriteLine(input+"\n");

                }

            }

        }

Jalankanlah program tersebut dan Anda akan mendapati hasil berikut:

Kesimpulannya adalah metode partial dapat digunakan apabila terdapat kebutuhan dimana tidak hanya 1 programmer saja yang mengerjakan kelas tersebut. Sepertinya cukup menyenangkan mengerjakan 1 kelas dengan beberapa programmer didalamnya.

Technorati Tags: partial method,C# partial,kegunaan partial

Membuat Blog Sederhana Bagian Tambah Menggunakan WebMatrix

Temmy Raharjo — Wed, 22 Feb 2012 13:07:39 GMT

Technorati Tags: Encode Html Value,WYSIWYG,Penggunaan CLEditor

Sebagai seorang yang mempelajari web programming, tentu tidak sulit bagi kita untuk melakukan format tampilan untuk mempercantik penampilan halaman web menggunakan syntax HTML. Kita dapat memahami cara mempertebal, melakukan tulisan garis miring, ataupun melakukan garis bawah. Pertanyaanya adalah bagaimana jika kita membuat sebuah sistem dimana kita tidak yakin bahwa orang-orang yang menggunakan dapat melakukan perintah yang sama? Jawabannya adalah dengan menggunakan fitur WYSIWYG (What You See Is What You Get).

Biasanya fitur WYSIWYG ini dapat Anda lihat ketika Anda membuat aplikasi-aplikasi yang membiarkan orang menyimpan konten pada internet seperti Blog, News, dsb. Pada tutorial kali ini Anda akan mendapatkan pengetahuan berikut:

Menambahkan dan menggunakan Javascript CLEditor pada project Anda.
Memahami Request yang diperbolehkan oleh IIS serta bagaimana solusi untuk Request yang dilarang.
Validasi menggunakan HTML5 serta penggunaan validasi server untuk keamanan.

Terlebih dahulu sebelum mengikuti tutorial kali ini, Anda dapat mengunduh database yang digunakan disini. Lalu terdapat beberapa file pendukung juga yang harus Anda masukan kedalam project Anda. Anda dapat mengunduh CLEditor disini, serta mengunduh jquery.min disini. Sebagai catatan jquery.min adalah Jquery yang besar filenya telah dikompres sedemikian rupa.

Buatlah empty project dengan menggunakan Microsoft WebMatrix, lalu tambahkanlah file-file dengan nama dan ekstensi berikut:

Pada file Web.config, tambahkanlah baris program berikut:

              1: <?xml version="1.0"?>

             2:  

             3: <configuration>

             4:  

             5:     <system.web>

             6:         <compilation debug="false" targetFramework="4.0" />

             7:     </system.web>

             8:     

             9:     <connectionStrings>

            10:        <add name="SQLServerConnectionString" 

            11:             connectionString="Data Source=|DataDirectory|BlogTemmy.sdf;Persist Security Info=False" 

            12:             providerName="System.Data.SqlServerCe.4.0" />

            13:     </connectionStrings>

            14:  

            15: </configuration>

Pada file IsiArtikel.cshtml tambahkanlah baris program berikut:

             1: @{

             2:     if(IsPost){

             3:         //cek validasi pada server

             4:         var judul = Request["JudulArtikel"];

             5:         if(judul.IsEmpty()){

             6:             ModelState.AddError("Judul","Judul artikel dibutuhkan");

             7:         }

             8:         var isi = Request["IsiArtikel"];

             9:         if(isi.IsEmpty()){

            10:             ModelState.AddError("Isi","Isi artikel dibutuhkan");

            11:         }

            12:         

            13:         //jika valid

            14:         if(ModelState.IsValid){

            15:             var db = Database.Open("SQLServerConnectionString");

            16:             var strSql = "INSERT INTO Artikel(JudulArtikel,IsiArtikel) VALUES(@0,@1)";

            17:             

            18:             db.Execute(strSql,judul,isi);

            19:             //Apabila penambahan artikel selesai dilakukan, berikanlah

            20:             //informasi bahwa penambahan telah sukses dengan menggunakan

            21:             //querystring yang ditangkap pada halaman tersebut.

            22:             Response.Redirect("~/LihatArtikel?Tambah=Sukses");

            23:         }

            24:     }

            25: }

            26: <!DOCTYPE html>

            27:  

            28: <html lang="en">

            29:     <head>

            30:         <meta charset="utf-8" />

            31:         <title>Halaman Isi Artikel</title>

            32:         <link rel="stylesheet" href="@Href("~/jquery.cleditor.css")" style="text/css"/>

            33:         <script type="text/javascript" src="@Href("~/jquery.min.js")"></script>   1:     2:         <script type="text/javascript" src="@Href("~/jquery.cleditor.min.js")">   1: </script>   2:         <script type="text/javascript">   3:             $(document).ready(function(){   4:                 //kontrol textarea dengan id isiArtikel digunakan   5:                 //untuk menjadi kontrol wysiwyg (what u see is what u get)   6:                 $("#IsiArtikel").cleditor();   7:             })   8:         </script>

            34:         

            35:     </head>

            36:     <body>

            37:         <!-- Apabila Anda menan sebuah artikel, 

            38:         akan dicek terlebih dahulu nilai-nilai yang diinputkan pada server.

            39:         Apabila nilai tidak sesuai, maka validasi akan berjalan dengan menggunakan

            40:         perintah dibawah ini.-->

            41:         @if(IsPost){

            42:             <div style="color:Red">@Html.ValidationSummary("Terdapat Kesalahan")</div> 

            43:         }

            44:         <form  method="post" action="">

            45:             <p>Halaman ini digunakan untuk melakukan isi artikel dan 

            46:                 memperlihatkan bagaimana server mengelola request.<br/> 

            47:                 Terdapat Judul dan isi artikel yang harus diisi.

            48:                 berikut adalah contoh penggunaan sederhana:</p>

            49:             <label for="JudulArtikel">Masukan Judul Artikel</label><br/>

            50:             <input type="text" maxlength="100" style="width:300px" 

            51:                 name="JudulArtikel" required/>

            52:             <br/><br/>

            53:             <label for="IsiArtikel">Masukan Isi Artikel</label><br/>

            54:             <textarea id="IsiArtikel" name="IsiArtikel" required></textarea>

            55:             <br/><br/><hr/>

            56:             <input type="submit" value="Simpan" />

            57:         </form>

            58:     </body>

            59: </html>

Cobalah untuk menjalankan halaman IsiArtikel.cshtml tersebut dan cobalah melakukan format garis miring atau garis tebal menggunakan editor tersebut. Contohnya adalah ketika saya menuliskan isi Artikel berikut, maka hasilnya adalah:

Pada gambar diatas diperlihatkan bagaimana IIS melakukan validasi terhadap nilai yang Anda isikan. Oleh karena itu Anda perlu mengubah baris no. 8 pada halaman IsiArtikel.cshtml menjadi seperti berikut:

          @{

              if(IsPost){

                  //cek validasi pada server

                  var judul = Request["JudulArtikel"];

                  if(judul.IsEmpty()){

                      ModelState.AddError("Judul","Judul artikel dibutuhkan");

                  }

                  //Anda memanggil metode Encode untuk mengubah nilai html menjadi

                  //rangkaian karakter yang tidak membahayakan kerja pada IIS

                  var isi = Server.HtmlEncode(Request.Unvalidated("IsiArtikel"));

                  if(isi.IsEmpty()){

                      ModelState.AddError("Isi","Isi artikel dibutuhkan");

                  }

Selanjutnya pada halaman Artikel.cshtml, gunakanlah baris program berikut:

        @{

            var db = Database.Open("SQLServerConnectionString");

            var sqlString = "SELECT * FROM Artikel ORDER BY IdArtikel";

            var data = db.Query(sqlString);

        }

        <!DOCTYPE html>

        <html lang="en">

            <head>

                <meta charset="utf-8" />

                <title>Halaman Lihat Artikel</title>

            </head>

            <body>

                @if(Request.QueryString["Tambah"]!=null && 

                        Request.QueryString["Tambah"]=="Sukses"){

                    <span style="color:Red">Penambahan Artikel BerhasiL!</span>

                }

                @foreach(var baris in data){

                    <h3>@baris.JudulArtikel</h3>

                    <!--

                        Server.HtmlDecode() merupakan metode yang digunakan 

                        untuk mengubah nilai &nbsb menjadi spasi.

                        Html.Raw() merupakan metode yang mengubah nilai <b></b> supaya

                        ditampilkan menjadi cetak tebal.

                    -->

                    <p style="width:500px">@Html.Raw(Server.HtmlDecode(baris.IsiArtikel))</p>

                }

            </body>

        </html>

Cobalah menjalankan halaman tersebut dan Anda akan mendapatkan hasil berikut:

Membuat Pagination Sederhana Menggunakan WebMatrix

Temmy Raharjo — Mon, 13 Feb 2012 17:46:51 GMT

Technorati Tags: Pagination,WebGrid helper,SQL CE Pagination

Berawal dari Blog Post saya mengenai Active Database, saya akhirnya memiliki ide untuk membahas masalah pagination. Pagination adalah mengenai membuat halaman. Data yang akan kita tampilkan kepada pengguna bisa jadi berjumlah ratusan, ribuan, dsb. Dengan banyaknya jumlah data, tidak mungkin kita akan menampilkan semuanya kepada pengguna. Alternatif cara untuk menampilkannya adalah membuat pagination sehingga pengguna bisa lebih nyaman untuk menelusuri data-data yang ditampilkan.

Kiranya apabila kita menggunakan control yang terdapat pada ASP.NET kita tidak usah repot-repot untuk memikirkan logic untuk membangun pagination. Kita hanya perlu menggunakannya saja, tetapi saya sendiri penasaran untuk membedah cara melakukan pagination secara manual. Here we go!

Pelajaran yang didapat dari tutorial ini:

Cara penggunaan Helper WebGrid yang terdapat pada ASP.NET Web Helpers Library.
SQL Query untuk melakukan pagination yang terpadat pada SQL CE (belum tentu bisa digunakan pada mesin database lain).
Buatlah empty project baru dan tambahkanlah helper ASP.NET Web Helpers Library 1.15 kedalamnya. Cara detail untuk menambahkan helper tersebut dapat Anda lihat disini!
Buatlah file dengan ekstensi dan struktur seperti gambar berikut. Untuk database yang digunakan, Anda dapat mengunduhnya disini (Folder Admin, packages, bin, dan file release notes ditambahkan secara otomatis ketika Anda meng-install helper yang dimaksud).

Untuk Web.config isikanlah dengan baris program berikut:

              1: <?xml version="1.0"?>

             2:  

             3: <configuration>

             4:     <connectionStrings>

             5:         <add name="SQLServerConnectionString"

             6:             connectionString="Data Source=|DataDirectory|BlogTemmy.sdf;Persist Security Info=False"

             7:             providerName="System.Data.SqlServerCe.4.0" />

             8:     </connectionStrings>

             9: </configuration>

Untuk file ActiveDb.cshtml isikanlah dengan baris program berikut:

             1: @helper SelectPagination(string From,

             2:         string Column, string Order, string Where = "", string Start = "0", string HeaderColumn = ""){

             3:     var data = GetPagination(From, Column, Order, Where, Start);

             4:     if (data != null){

             5:         int LenghtOfData = 0;

             6:         IEnumerable<dynamic> TableColumn = null;

             7:         if (HeaderColumn != ""){

             8:             TableColumn = HeaderColumn.Split(',');

             9:         }

            10:         else{

            11:             TableColumn = SelectColumnName(From);

            12:         }

            13:         

            14:         int semuaData=GetCountData(From,Where);

            15:         double hasil = (double)semuaData / banyakData;

            16:         int banyakLink = (int)Math.Ceiling(hasil);

            17:         

            18:         <table>

            19:             <thead style="background-color:Gray;text-align:center;font-size:larger">

            20:                 <tr>

            21:                 @foreach (var rwColumn in TableColumn)

            22:                 {

            23:                     if(HeaderColumn!=""){

            24:                         <th>&nbsp;&nbsp;&nbsp;@rwColumn&nbsp;&nbsp;&nbsp;</th>   

            25:                     }else{

            26:                         <th>&nbsp;&nbsp;&nbsp;@rwColumn[0]&nbsp;&nbsp;&nbsp;</th>

            27:                     }

            28:                     LenghtOfData++;

            29:                 }

            30:                 </tr>

            31:             </thead>

            32:             <tbody>

            33:                 <tr>

            34:                     @foreach(var rwData in data){

            35:                         <tr>

            36:                         @for(int i=0; i<LenghtOfData;i++){

            37:                             bool numeric = CheckNumeric(rwData.ToString());

            38:                             if(numeric){

            39:                                 <td align="right">&nbsp;@rwData&nbsp;&nbsp;&nbsp;</td>

            40:                             }else{

            41:                                 <td>&nbsp;&nbsp;&nbsp;@rwData&nbsp;&nbsp;&nbsp;</td>

            42:                             }

            43:                         }

            44:                         </tr>

            45:                     }

            46:                 </tr>

            47:             </tbody>

            48:         </table>

            49:         <span>  

            50:             <a href="@Href("~/Default?LastRow=0")">First Page</a>

            51:             @for(var i=0;i<banyakLink;i++){

            52:                 var lastDataOnPage = i*banyakData;

            53:                 <a href="@Href("~/Default?LastRow="+lastDataOnPage)">@(i+1)</a>

            54:             }

            55:             <a href="@Href("~/Default?LastRow="+(banyakLink-1)*banyakData)">Last Page</a>

            56:         </span>

            57:     }else{

            58:         @:<span style="color:Blue;font-size:larger;width:auto;text-align:center">

            59:             @:Belum ada data</span>

            60:     }

            61: }

            62:         

            63:       

            64: @functions {

            65:     //pengaturan banyak data ditampilkan

            66:     public static int banyakData = 3;

            67:  

            68:     public static IEnumerable<dynamic> Select(string From, string Column, string Where=""){

            69:         try{

            70:             var db = Database.Open("SQLServerConnectionString");

            71:         

            72:             var cmd = "SELECT "+Column+" ";

            73:             cmd += "FROM "+From+" ";

            74:             if(Where!=""){

            75:                 cmd += "WHERE " + Where;

            76:             }

            77:         

            78:             var data = db.Query(cmd);

            79:             return data;

            80:             

            81:         }catch(Exception ex){

            82:             Error(ex);

            83:             return null;

            84:         }

            85:     }

            86:     public static int GetCountData(string From, string Where=""){

            87:         try{

            88:             var db = Database.Open("SQLServerConnectionString");

            89:         

            90:             var cmd = "SELECT COUNT(*) ";

            91:             cmd += "FROM "+From+" ";

            92:             if(Where!=""){

            93:                 cmd += "WHERE "+Where;   

            94:             }

            95:         

            96:             var data = db.QuerySingle(cmd);

            97:             return int.Parse(data[0].ToString());

            98:             

            99:         }catch(Exception ex){

           100:             Error(ex);

           101:             return 0;

           102:         }

           103:     }

           104:     public static IEnumerable<dynamic> SelectColumnName(string Where){

           105:         try{

           106:             var db = Database.Open("SQLServerConnectionString");

           107:         

           108:             var cmd = "SELECT column_name ";

           109:             cmd += "FROM information_schema.columns ";

           110:             cmd += "WHERE table_name='" + Where +"'";

           111:         

           112:             var data = db.Query(cmd);

           113:             return data;

           114:             

           115:         }catch(Exception ex){

           116:             Error(ex);

           117:             return null;

           118:         }

           119:     }

           120:     

           121:     public static IEnumerable<dynamic> GetPagination(string From,

           122:         string Column, string Order, string Where="", string Start="0"){

           123:         try{

           124:             var db = Database.Open("SQLServerConnectionString");

           125:         

           126:             var cmd = "SELECT "+Column+" ";

           127:             cmd += "FROM "+From+" ";

           128:             cmd += "ORDER BY "+Order+" ";

           129:             if(Where!=""){

           130:                 cmd += "WHERE " + Where+ " ";

           131:             }

           132:             cmd += "OFFSET "+Start+" ROWS ";

           133:             cmd += "FETCH NEXT "+banyakData+" ROWS ONLY";

           134:         

           135:             var data = db.Query(cmd);

           136:             return data;

           137:             

           138:         }catch(Exception ex){

           139:             Error(ex);

           140:             return null;

           141:         }

           142:     }

           143:         

           144:     public static bool CheckNumeric(string value){

           145:         try{

           146:             decimal hasil = decimal.Parse(value);

           147:         }catch(FormatException){

           148:             return false;

           149:         }

           150:         return true;

           151:     }

           152:     

           153:     public static void Error(Exception ex){

           154:         Session["Error"] = ex.Message;

           155:         //Apabila terjadi kesalahan, Arahkanlah ke halaman ErrorPage.cshtml

           156:         Response.Redirect("~/ErrorPage.cshtml");

           157:     }

           158: }

Untuk file Errorpage.cshtml isikanlah dengan baris program berikut:

             1: @{

             2:     var err = Session["Error"].ToString();

             3:     //usai ditampung, hapus sessionnya

             4:     Session["Error"]="";

             5: }

             6: <!DOCTYPE html>

             7:  

             8: <html lang="en">

             9:     <head>

            10:         <meta charset="utf-8" />

            11:         <title>Halaman Kesalahan</title>

            12:     </head>

            13:     <body>

            14:         <p>Terdapat kesalahan :

            15:             <br/><span style="color:Red">@err</span></p>

            16:     </body>

            17: </html>

Terakhir untuk halaman Default.cshtml isikanlah baris program berikut:

             1: @{

             2:     var getQueryStart = "0";

             3:     if(Request.QueryString["LastRow"]!=null){

             4:         getQueryStart = Request.QueryString["LastRow"].ToString();

             5:     }

             6:     

             7:     var data = ActiveDb.Select("Mahasiswa","*");

             8:     //property rowsPerPage menunjukan 

             9:     //jumlah data yang ditampilkan tiap halaman

            10:     var grid = new WebGrid(source:data,defaultSort:"Nim",

            11:         rowsPerPage:3);

            12: }

            13: <!DOCTYPE html>

            14:  

            15: <html lang="en">

            16:     <head>

            17:         <meta charset="utf-8" />

            18:         <title>Pagination Sederhana Menggunakan WebMatrix</title>

            19:         <style type="text/css">

            20:             .grid{margin:4px; border-collapse:collapse;width:400px;}

            21:             .head{background-color:#E8E8E8; font-weight:bold;color:#FFF}

            22:             .grid th, .grid td{border:1px solid #C0C0C0; padding:5px;}

            23:             .alt {background-color: #E8E8E8; color:#000}

            24:         </style>

            25:     </head>

            26:     <body>

            27:         <p>Ini adalah data-data yang terdapat pada tabel Mahasiswa <br/>

            28:             dan ditampilkan dengan menggunakan pagination sederhana:</p>

            29:         @ActiveDb.SelectPagination(From:"Mahasiswa",Column:"*",

            30:             Order:"Nim",Start:getQueryStart)

            31:     

            32:         <br/><br/>

            33:         <p>Berikut adalah tampilan menggunakan WebGrid Helper yang disediakan <br/>

            34:             oleh ASP.NET web helper:</p>

            35:         @grid.GetHtml(tableStyle: "grid", headerStyle:"head",

            36:             alternatingRowStyle:"alt")

            37:     </body>

            38: </html>

Jalnkanlah halaman Default.cshtml dan Anda akan mendapati hasil seperti dibawah ini:

Kesimpulannya adalah penggunaan kelas yang sudah ada jelas lebih mudah, akan tetapi ternyata dibalik kemudahannya itu ternyata cukup rumit meskipun yang dibuat adalah versi sederhanannya .

Membuat Database Class dengan WebMatrix

Temmy Raharjo — Sat, 11 Feb 2012 19:30:58 GMT

Technorati Tags: Functions WebMatrix,WebConfiguration,Database Class Razor

Saat saya membuat skripsi dengan menggunakan PHP dengan framework CodeIgniter. Disana saya melihat bahwa terdapat kelemahan pada Database Class yang dimilikinya. Ketika terdapat kesalahan dalam penyebutan SQL Command, maka kesalahan tersebut tidak dapat ditangkap untuk kemudian ditampilkan pesan kesalahan secara custom. Luar biasanya, salah satu kakak angkatan saya melakukan hal yang diluar kemampuan saya pada waktu itu. Ia melakukan pewarisan terhadap Database Class untuk kemudian ia custom. Dengan ide tersebutlah, maka saya berniat memaparkan bagaimana membuat Database class secara sederhana dengan menggunakan Microsoft WebMatrix. Tujuan dari pembuatan kelas ini adalah untuk mempermudah penulisan program, easy for maintenance.

Pada tutorial kali ini Anda akan mempelajari:

Pembuatan dan penggunaan functions pada WebMatrix.
Penggunaan SQLServerConnectionString pada Web.Config.

Terlebih dahulu Anda diharuskan untuk mengunduh database yang akan digunakan dalam tutorial kali ini (Anda terlebih dahulu harus mengekstraknya dan diharuskan meletakan database ini didalam folder App_Data yang terdapat pada project Anda). Setelah Anda sudah mengunduh database dan meletakannya pada folder App_Data maka Anda siap mengikuti tutorial ini :

Buatlah halaman dengan ekstensi dan struktur seperti gambar dibawah ini:

Terlebih dahulu Anda akan membuat SQLServerConnectionString pada file Web.Config (Anda diharuskan menggunakan nama Web.Config) yang berguna sebagai variabel untuk menyimpan koneksi kedalam database Anda. Secara Default pada WebMatrix, Anda menggunakan SQL Compact Edition sehingga apabila Anda ingin menggunakan SQL Server, Anda diharuskan untuk merubah baris program pada halaman ini. Baris program yang dimaksud adalah:

              1: <?xml version="1.0"?>

             2:  

             3: <configuration>

             4:     <connectionStrings>

             5:         <add name="SQLServerConnectionString"

             6:             connectionString="Data Source=|DataDirectory|BlogTemmy.sdf;Persist Security Info=False"

             7:             providerName="System.Data.SqlServerCe.4.0" />

             8:     </connectionStrings>

             9: </configuration>

Selanjutnya pada file ActiveDb.cshtml pada folder App_Code, tuliskanlah baris program berikut:

             1: @functions {

             2:     public static IEnumerable<dynamic> Select(string From, string Column, string Where=""){

             3:         try{

             4:             var db = Database.Open("SQLServerConnectionString");

             5:         

             6:             var cmd = "SELECT "+Column+" ";

             7:             cmd += "FROM "+From+" ";

             8:             if(Where!=""){

             9:                 cmd += "WHERE " + Where;

            10:             }

            11:         

            12:             var data = db.Query(cmd);

            13:             return data;

            14:             

            15:         }catch(Exception ex){

            16:             Error(ex);

            17:             return null;

            18:         }

            19:     }

            20:     

            21:     public static void Error(Exception ex){

            22:         Session["Error"] = ex.Message;

            23:         //Apabila terjadi kesalahan, Arahkanlah ke halaman ErrorPage.cshtml

            24:         Response.Redirect("~/ErrorPage.cshtml");

            25:     }

            26: }

Dengan ini, berarti Anda siap untuk menampilkan data yang terdapat pada tabel Mahasiswa. Pada halaman Default.cshtml tuliskanlah program berikut:

           1: @{

           2:     var data = ActiveDb.Select("Mahasiswa","*");

           3: }

           4: <!DOCTYPE html>

           5:  

           6: <html lang="en">

           7:     <head>

           8:         <meta charset="utf-8" />

           9:         <title>Mencoba Helper</title>

          10:     </head>

          11:     <body>

          12:         <p>Ini adalah data-data yang terdapat pada tabel Mahasiswa:</p>

          13:         <table>

          14:             <thead style="background-color:Gray;font-size:large">

          15:                 <tr style="text-align:center">

          16:                     <td width="100">Nim</td>

          17:                     <td width="500">Nama</td>

          18:                     <td width="150">Tanggal Lahir</td>

          19:                     <td width="200">Gender</td>

          20:                 </tr>

          21:             </thead>

          22:             <tbody>

          23:                 @foreach(var row in data){

          24:                     <tr>

          25:                         <td>@row[0]</td>

          26:                         <td>@row[1]</td>

          27:                         <td align="center">@row[2].ToShortDateString()</td>

          28:                         @*Metode if dengan menggunakan ternary*@

          29:                         <td>@((row[3]=="L")?"Laki-laki":"Perempuan")</td>

          30:                     </tr>

          31:                 }

          32:             </tbody>

          33:         </table>

          34:     </body>

          35: </html>

Pada bagian ErrorPage.cshtml tuliskanlah baris program berikut:

           1: @{

           2:     var err = Session["Error"].ToString();

           3:     //usai ditampung, hapus sessionnya

           4:     Session["Error"]="";

           5: }

           6: <!DOCTYPE html>

           7:  

           8: <html lang="en">

           9:     <head>

          10:         <meta charset="utf-8" />

          11:         <title>Halaman Kesalahan</title>

          12:     </head>

          13:     <body>

          14:         <p>Terdapat kesalahan :

          15:             <br/><span style="color:Red">@err</span></p>

          16:     </body>

          17: </html>

Cobalah untuk menjalankan halaman Default.cshtml. Hasilnya akan sangat memuaskan seperti gambar berikut:

Lalu pada halaman Default.cshtml, cobalah untuk mengubah baris ke-2 dari program yang sudah ada dengan menyebutkan kolom yang tidak ada pada tabel Mahasiswa. Contohnya adalah:

       1: @{

       2:     var data = ActiveDb.Select("Mahasiswa","coba");

       3: }

Jalankanlah kembali halaman Default.cshtml dan viola! Anda mendapatkan sebuah halaman error custom :

Sumber Refrensi:

Setting Maximum RequestLength dengan WebConfiguration [WebMatrix]

Temmy Raharjo — Mon, 06 Feb 2012 18:05:00 GMT

Seringkali ketika kita menciptakan sebuah aplikasi berbasis web, kita memasukan fitur yang mengijinkan pengguna untuk meng-upload file kedalam aplikasi kita. Bisa berupa file berbentuk audio, video, dokumen, dsb. Salah satu pengalaman saya adalah ketika saya menginginkan untuk meng-upload sebuah file dengan besaran tertentu, terjadi kesalahan System.Web.HttpException: Maximum request length exceeded. Pada awal mulanya saya mengira terjadi kesalahan pada baris program saya. Akan tetapi ketika saya mencoba untuk meng-upload file dengan besaran yang kecil (4Mb), program bisa berjalan dengan baik. Lalu akhirnya saya menemukan banyak sekali refrensi terhadap kesalahan itu yang akhirnya memotivasi saya untuk membagikannya juga.

Pelajaran yang akan didapat pada tutorial ini:

Penggunaan ASP.NET Web Helper. Helper adalah semacam add-on yang dapat kita gunakan untuk membantu pembuatan aplikasi kita. Terdapat banyak sekali helper yang bisa Anda coba explore lebih dalam lagi seperti: Twitter Helper, facebook Helper, Bing Helper, dsb. Pada tutorial kali ini Anda akan diperkenalkan dengan ASP.NET Web Helper.
Membuat form yang mengijinkan user untuk meng-upload file yang dimilikinya kedalam server.
Bagaimana melakukan setting terhadap server untuk memperbesar request length yang disediakan.

Enjoy the tutorial. Feel free to ask me.

Bukalah WebMatrix anda dan buatlah project dengan memilih template empty project. Berilah nama project sesuai dengan keinginan Anda.
Pada bagian Workspace, pilihlah Site → ASP.NET Web Pages Administration
Setelah Anda memilih ASP.NET Web Pages Administration, Anda akan diperhadapkan dengan halaman seperti dibawah ini:
Isilah textbox Enter Password dan Confirm Password (harus sama). Kata sandi ini nantinya akan dipergunakan sebagai kata sandi setiap kali Anda menggunakan ASP.NET Web Pages Administration (digunakan pada project ini saja).
Setelah Anda mengisi kata sandi tersebut, Anda akan mendapati pesan konfirmasi yang mengharuskan Anda untuk
menghilangkan karakter _ (underscore) pada file _Password.config yang terdapat pada folder App_Data/Admin pada project Anda. Apabila anda tidak menemukan file yang dimaksud, cobalah untuk melakukan refresh pada bagian files dengan jalan: pilihlah project Anda → klik kanan → refresh. Berikut adalah tampilan dari file yang ditambahkan otomatis pada project Anda:
Setelah mengubah nama file tersebut menjadi Password.config, cobalah menjalankan lagi ASP.NET Web Pages Administration (Langkah 1) dan Anda akan mendapati form berikut:
Isikanlah sandi Anda dan cobalah untuk mencari Helper ASP.NET Web Helpers Library 1.15 untuk kemudian meng-install helper tersebut pada project Anda(pada langkah ini Anda diharuskan memiliki koneksi internet).
Setelah Anda berhasil meng-install helper Anda akan mendapati tambahan beberapa file berikut:
Tambahkan folder baru dengan nama UploadedFiles pada root project Anda yang berfungsi sebagai folder penampung file-file yang di-upload pada project Anda.

Buatlah sebuah file berekstensi .cshtml dengan nama uploadFile.cshtml dan tuliskanlah baris program berikut:

@{

    var fileName = "";

    if(IsPost){

        var fileSavePath = "";

        var uploadedFile = Request.Files[0];

        fileName = Path.GetFileName(uploadedFile.FileName);

        fileSavePath = Server.MapPath("~/UploadedFiles/"+fileName);

        uploadedFile.SaveAs(fileSavePath);

    }

}

<!DOCTYPE html>

  

<html lang="en">

    <head>

        <meta charset="utf-8" />

        <title>File Upload</title>

    </head>

    <body>

        <h1>File Upload</h1>

        @FileUpload.GetHtml(initialNumberOfFiles:1,

            allowMoreFilesToBeAdded:false, includeFormTag:true,

            uploadText:"Upload")

        

        @if(IsPost){

            <span>File Uploaded!</span>

        }

    </body>

</html>

Jalankanlah halaman tersebut dan cobalah untuk melakukan upload file dengan besar kurang dari 1 Mb. Lakukanlah juga pengecekan untuk melihat pada folder UploadedFiles dengan cara melakukan refresh.
Cobalah melakukan upload file dengan besar lebih dari 4 Mb, Anda akan mendapati kesalahan berikut:

Untuk menghindari kesalahan tersebut, Anda dapat memberikan pengaturan terhadap server (IIS) dengan menambahkan file dengan ekstensi .config. Berilah nama Web.Config dan isikanlah baris program berikut apabila Anda menginginkan batasan maksimum adalah 100Mb (104857600 byte):

<?xml version="1.0"?>

  

<configuration>

    <system.web>

        <httpRuntime maxRequestLength="104857600" />

    </system.web>

    <system.webServer>

        <security>

            <requestFiltering>

                <requestLimits maxAllowedContentLength="104857600" />

            </requestFiltering>

        </security>

    </system.webServer>

</configuration>

Cobalah untuk melakukan upload file dengan besar < 100 Mb.

Secara default, IIS hanya akan melayani upload dengan besar maksimum 4096KB (40 Megabyte) saja. Oleh karena itu diperlukan Web.config yang akan mengatur bagaimana IIS mengeksekusi perintah. Anda dapat mempelajari lebih lanjut mengenai pengaturan IIS Express disini. Pada tutorial disebutkan bagaimana cara untuk memberikan batasan sebesar 100 Megabyte. Akan tetapi kelihatannya IIS sendiri memang membatasi kira-kira 2 Gigabyte untuk maksimum RequestLength-nya.

MIME Types Pada WebMatrix

Temmy Raharjo — Thu, 26 Jan 2012 16:29:00 GMT

Pada HTML5 terdapat sebuah beberapa control yang menarik bagi saya. Salah satunya adalah mengenai video controls. Dengan hanya menambahkan beberapa line of code, viola kita bisa menjadikan aplikasi kita seperti Youtube sederhana. Ketika saya pertama kali bereksperimen dengan menggunakan file video dengan extension .mp4, control tersebut tidak bisa berjalan. Sementara saya yakin benar dari beberapa tutorial yang saya miliki video dengan format .mp4 bisa dijalankan dengan control tersebut. Lalu tersebutlah kosa kata MIME Types yang akhirnya mendasari pembuatan tutorial ini.

MIME (Multipurpose Internet Mail Extension) adalah file format yang didukung ketika kita menggunakan email, akan tetapi seiring dengan perkembangannya pada akhirnya MIME ini juga turut digunakan sebagai standar untuk web. Anda dapat mempelajari lebih lanjut mengenai sejarah MIME pada halaman MIME. Pada intinya server yang terinstall pada komputer kita memiliki format-format file yang dapat dijalankan. Tutorial berikut akan menunjukan bahwa MIME dengan ekstensi MP4 tidak terdapat pada server kita sehingga kita harus menambahkan secara manual.

Bukalah WebMatrix anda dan buatlah sebuah Empty Project. Tambahkanlah file dengan ekstensi .CSHTML dengan nama video.CSHTML.
Sertakanlah sebuah file video dengan ekstensi file .MP4 pada project anda sehingga akan terlihat seperti gambar dibawah ini.

Pada file video.CSHTML tambahkanlah baris tag html dan program berikut :

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>HTML 5 Video</title>
        <script type="text/javascript">
            function fail(e){
                switch(e.target.error.code){
                    case(e.target.error.MEDIA_ERR_ABORTED):
                        alert("You aborted media.");
                        break;
                    case(e.target.error.MEDIA_ERR_NETWORK):
                        alert("Network error.");
                        break;
                    case(e.target.error.MEDIA_ERR_DECODE):
                        alert("Corruption problem.");
                        break;
                    case(e.target.error.MEDIA_ERR_SRC_NOT_SUPPORTED):
                        alert("Format not supported.");
                        break;
                    default:
                        alert("Kesalahan terjadi");
                        break;
                }
            }
        </script>
    </head>
    <body>
        <h1>HTML 5 Video</h1>
        <video src="@Href("~/video.mp4")" onerror="fail(event)" autoplay>
        </video>
    </body>
</html>

Jalankahlah halaman tersebut dan anda akan mendapati notifikasi berikut:
Tambahkanlah file baru pada project anda dengan file ekstensi .config untuk membuat WebConfig. WebConfig adalah halaman berformat XML untuk menyimpan konfigurasi .NET framework. Pada tutorial kali ini akan diperlihatkan bagaimana menambahkan konfigurasi pada file dengan nama web.config. file web.config ini akan memuat baris program untuk menambahkan MIME Type pada project anda:
```
<?xml version="1.0"?>

<configuration>

    <system.web>
        <compilation debug="false" targetFramework="4.0" />
    </system.web>

   
    <system.webServer>
        <staticContent>
            <mimeMap fileExtension=".mp4" mimeType="video/mp4" />
        </staticContent>
    </system.webServer>
</configuration>
```
Jalankan lah halaman video.cshtml dan anda akan mendapati video controls sudah berjalan dengan baik .

Anda dapat mencari refrensi mengenai MIME Type pada halaman Sitepoint. Apabila tidak ditemukan format file yang anda inginkan, tentunya anda dapat mencarinya pada Google selama SOPA masih belum disetujui.

Event Report Microsoft TechDays Atma Jaya Yogyakarta

Temmy Raharjo — Mon, 19 Dec 2011 14:03:06 GMT

Pada tanggal 17 November 2011 kemarin Microsoft User Group Indonesia regional Yogyakarta bekerjasama dengan MIC UGM, dan HIMAFORKA Universitas Atma Jaya Yogyakarta menyelenggarakan kuliah umum dengan tema-tema sebagai berikut :

Peluang Karir di Dunia IT & Pentingnya Sertifikasi Profesional by Darmawan Suwandi
Windows Phone 7 by Fahim Jatmiko
ASP.NET MVC 3 by Erick Kurniawan
Microsoft WebMatrix by Naga Gotama
Microsoft Visual Studio LightSwitch 2011 by Temmy Wahyu Raharjo

Acara berlangsung mulai dari pukul 09.00 pagi dan dibuka oleh Sekretaris Program Studi Teknik Informatika Bapak Yudi Dwiandiyanta.

Selanjutnya acara langsung dipanaskan oleh Pak Darmawan yang menjelaskan tentang kebutuhan dunia kerja dibandingkan dengan ilmu yang didapat mahasiswa secara umum di kampus. Salah satu konsep yang masih terngiang dibenak saya adalah KISS (Keep it Simple Stupid) yang menjelaskan mengenai bagaimana seharusnya program dibangun untuk memenuhi kebutuhan konsumen.

Pada sesi kedua giliran Pak Fahim Jatmiko menjelaskan mengenai Windows Phone 7 yang tidak kalah menariknya dibandingkan dengan topik pertama. Windows Phone 7 yang didesain sedemikian rupa agar desain yang dimilikinya tidak terlalu “ramai” / mencolok dan mudah dikenali menjadi sorotan saya. Konsep desain tersebut pada Windows Phone 7 disebut sebagai “Metro Desain”.

Pak Erick tidak mau kalah saing menjelaskan mengenai pentingnya memiliki “komunitas” agar kedepan setiap mahasiswa memiliki nilai jual yang dianggap baik oleh perusahaan. Selanjutnya beliau juga menjelaskan mengenai topik ASP.NET MVC 3. Salah satu framework dengan konsep Model View Controller 3 besutan Microsoft yang sudah menamkan bahasa Razor untuk view-nya.

Berpikir bahwa Microsoft hanya mengeluarkan tools berbayar? Microsoft WebMatrix inilah salah satu tools powerful yang dapat menganulir pernyataan tersebut. Microsoft WebMatrix ini salah satu tools kesukaan saya karena didalamnya terdapat bahasa Razor yang simple tapi powerful untuk dipelajari. Peserta pada Universitas Atma Jaya juga dibuat tertarik melihat kemudahan tools yang satu ini. Berikut adalah aksi dari Naga Gotama yang membawakan tema Microsoft WebMatrix.

Saya sendiri menjelaskan mengenai Microsoft Visual Studio LightSwitch 2011. Sebuah tools yang sungguh sangat powerful untuk membangun aplikasi secara cepat, mudah, dan sangat memuaskan hasilnya. Cukup dengan drag and drop. Violla.

Kesimpulan dari berbagai topik yang disampaikan disimpulkan oleh Bapak Thomas Adi Purnomo. Pada intinya Pak Thomas mengatakan bahwa mahasiswa harus belajar karena dalam mengembangkan teknologi pun sudah semakin mudah.

Salah satu fokus yang didapati ketika melihat lembar evaluasi yang ada adalah permintaan mengenai workshop yang lebih spesifik daripada kuliah umum. Hal ini pastinya akan menjadi fokus Mugi regional Yogyakarta untuk membuat event kedepannya. Go Mugi Yogya!