fackhry

Navigasi Bar dengan Silverlight

2008-06-16T05:07:00Z

Bersama kami pada hari deadline proyek ini, dan Libido tetap semangat terus !

Kembali ingin berbagi pengalaman dan dari tim desain akan mencoba sharing tentang apa yang telah mereka perbuat. Dalam web kali ini, aplikasi silverlight berperan sebagai navigasi bar dan header form. Dalam pembuatan navigasi bar, tentu saja kita harus menanamkan kemampuan untuk navigasi dan berpindah ke halaman-halaman web lainnya.

Yang paling gampang untuk membuat navigasi bar adalah dengan membuat sekumpulan rectangle atau button yang disusun sedemikian rupa menjadi menu bar. Hal ini tidak lah terlalu sulit. Untuk memberikan feedback yang baik, kita dapat menambahkan mekanisme animasi apabila dikenakan event tertentu . Dua event yang paling sering adalah mouse_enter dan mouse_pressed.

Untuk melakukannya, pilih button / rectangle yang ingin diatur lalu pilih Edit Control Part -> Edit Template. Pilih button lalu pada jendela interaksi aturlah animasi yang ingin dilakukan. Animasi yang dilakukan dapat bervariasi bergantung kreativitas kita. Misalnya pengubahan posisi, perputaran, flip sampai animasi advanced lainnya.

Kemudian hal yang paling penting adalah kemampuan untuk navigasi ke halaman-halaman pada web. Caranya adalah dengan memilih salah satu event pada button lalu mengisikan kode berikut :

HtmlPage.Window.Navigate(new Uri(<alamat URL>))

URI adalah resource unified untuk data. Alamat URL berupa string alamat relative terhadap halaman web.

Jangan lupa untuk meng-import namespace System.Windows.Browser karena method HtmlPage tersebut baru bisa digunakan jika namespace tersebut di import.

- Libido , a passion to learn -

Share this post: | | | |

Integrasi Aplikasi SilverLight 2.0 ke dalam Web Form ASP.NET

2008-06-16T05:01:00Z

Bersama kami pada hari deadline proyek ini, dan Libido tetap semangat !

Kali ini kami akan berbagi tips untuk melakukan integrasi aplikasi silverlight 2.0 ke dalam web from ASP.NET.

Ada dua cara, yaitu dengan menggunakan Silverlight control atau dengan binding-object. Silverlight control hanya tersedia jika integrasi menggunakan VS 2008 dan telah melakukan installing Silverlight_chainer. Dengan control ini, maka diperlukan pula suatu script manager untuk penanganan integrasi.

Cara kedua lebih lempang, dan mirip kalo kita mau menanam aplikasi flash ke dalam halaman web kita. Project silverlight yang telah kita bangun di build terlebih dahulu. Proses build akan menghasilkan file dengan extensi .xap. File ini lah yang akan di tanam ke dalam web nantinya.

Kemudian pada jendela solusi (di VS), add new existing item dan masukkan file .xap tadi ke dalam project. Buat file web form baru dan lakukan listing kode berikut :

function onSilverlightError(sender, args) {

var appSource = "";

if (sender != null && sender != 0) {

appSource = sender.getHost().Source;

}

var errorType = args.ErrorType;

var iErrorCode = args.ErrorCode;

var errMsg = "Unhandled Error in Silverlight 2 Application " + appSource + "\n" ;

errMsg += "Code: "+ iErrorCode + " \n";

errMsg += "Category: " + errorType + " \n";

errMsg += "Message: " + args.ErrorMessage + " \n";

if (errorType == "ParserError")

{

errMsg += "File: " + args.xamlFile + " \n";

errMsg += "Line: " + args.lineNumber + " \n";

errMsg += "Position: " + args.charPosition + " \n";

}

else if (errorType == "RuntimeError")

{

if (args.lineNumber != 0)

{

errMsg += "Line: " + args.lineNumber + " \n";

errMsg += "Position: " + args.charPosition + " \n";

}

errMsg += "MethodName: " + args.methodName + " \n";

}

throw new Error(errMsg);

}

</script>

File ini diperlukan untuk konfigurasi dan penanganan error aplikasi silverlight. Pada bagian dari web tempat kita ingin menanamkan aplikasi,lakukan listing berikut :

<object  data="data:application/x-silverlight,"type="application/x-silverlight-2-b2"style="width: 100%; height: 200px; margin-right: 0px">

<param name="source" value="HeaderOke.xap"/>

<param name="onerror" value="onSilverlightError" />

a href="http://go.microsoft.com/fwlink/?LinkID=115261" style="text-decoration: none;">

<img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style: none"/></a>

</object>

Perhatikan type application diisi dengan varian aplikasi silverlight kita. Untuk kali ini tim Libido menggunakan versi 2 beta 2. Untuk melihat hasilnya, browser harus memiliki plug-in yang sesuai dengan versi aplikasi yang kita buat.

Integrasi selesai. Mudah bukan ? Ya, tentu saja.

- Libido , a passion to learn -

Share this post: | | | |

3 Jam Bersama Tipe Data Datetime pada SQL Server 2005

2008-06-15T12:14:00Z

Selamat ,,, ehm ,,, (melihat jam tangan) ,,, malam.

Tanya kenapa kami sangat produktif hari ini ? Yah ,,, tak lain dan tak bukan karena deadline yang makin dekat sehingga progress yang terjadi pun makin banyak dan makin cepat. Sampai berita ini diturunkan, tim LibIDO tinggal menyelesaikan satu feature wajib terakhir, yaitu notifikasi keterlambatan bagi user/member perpustakaan. Selagi tim developer bekerja dengan seksama,,,maka kami dari tim desain akan mengisi sejenak postingan kali ini.

Ada apa dengan tipe data datetime ?

Yah,,,karena dalam LibIDO kita menangani field tanggal peminjaman dan pengembalian buku,,,maka tipe data itu pun mutlak digunakan pada database yang digunakan. Masalah muncul ketika sedang dilakukan pembuatan feature melihat laporan statistik bulanan perpustakaan. Tim kami membuat pilihan berupa dropdown list untuk memilih bulan yang ingin dilihat dan text box untuk input tahun. Keanehan muncul ketika input bulan yang dimasukkan user gagal menjadi nilai patokan untuk melakukan query. Ada apa dengan nya ???

Query terkenal yang menjadi bahan editan kami selama tiga jam adalah sebaris kode berikut :

Data2.SelectCommand = "SELECT [Peminjam], [Judul_Buku], [TglPinjam], [TglKembali] FROM [Lib_PINJAM] WHERE TglPinjam LIKE '%" + inputBulan1.SelectedValue + "%' AND TglPinjam LIKE'%" + inputTahun0.Text + "%' ORDER BY [TglPinjam] DESC";

Kecurigaan pertama yang terpikir adalah akibat database nya menggunaan region waktu lokal. Kesalahan ini pernah terjadi juga ketika menangani form penambahan katalog buku. Ketika melakukan input, format yang digunakan adalah : mm/dd/yy . Ketika melakukan query kami pun melakukan format yang sama dengan format input tersebut,namun gagal. Ternyata, format itu begitu masuk ke database malah berubah menjadi dd/mm/yy. Berangkat dari pengalaman itu kami pun melakukan hal yang sama untuk melakukan percobaan query. Untuk nilai inputBulan1.SelecteValue sementara kami ganti dengan nilai langsung yang mungkin.

Percobaan Pertama (Rasa yakin akibat pengalaman form katalog tadi siang )

Data2.SelectCommand = "SELECT [Peminjam], [Judul_Buku], [TglPinjam], [TglKembali] FROM [Lib_PINJAM] WHERE TglPinjam LIKE '05' AND TglPinjam LIKE'%" + inputTahun0.Text + "%' ORDER BY [TglPinjam] DESC";

Form kami pun tidak menampilkan apa-apa. Masih tidak menyerah kami pun mencoba berbagai variasi angka untuk bulan mulai dari 5,005,0005, hingga variasi yang sudah pasti tidak mungkin seperti angka romawi V, bahasa inggris five dan bahasa sanskerta penta. Sayangnya, form kami tidak multi bahasa dan tidak memenuhi keinginan.

Percobaan Kedua (Mulai pasrah akibat semua variasi angka tidak berhasil )

Kami pun mulai melakukan percobaan dengan patokan hanya tahun sebagai key nya. Percobaan ini berhasil sehingga kami simpulkan tipe datetime yang dipakai sudah pernah. Sehingga kebingungan mulai melanda. Panik belum datang tapi sudah mulai tercium baunya.

Percobaan Ketiga (Kegigihan masih ada,namun otak mulai malas berpikir )

Kami pun mencoba-coba dengan menggunakan bahasa inggris. Key kami gunakan 'May'. Dan tebak,,yah,,,kita berhasil melakukan query,form kami pun menampilkan data yang kami inginkan. Ketika itu kita sudah menghabiskan waktu sekitar 45 menitan. Bau panik hilang dan kemenangan menjadi semerbak di ruangan kami. Kami pun melakukan query untuk setiap bulan-bulan yang ada.

Percobaan Keempat (Kami sudah tahu kuncinya,,gunakanlah bahasa Inggris )

Kami pun melakukan query untuk kata2 January, June, August. Ketika keyakinan sudah mapan ternyata kami pun dihadapkan pada kenyataan bahwa kami gagal. Query hanya berhasil untuk bulan May. Sisanya nihil. Wajah2 yang sudah puas dan tenang tiba2 menjadi suntuk kembali. Kami bingung lagi. Akhirnya total orang yang ada berkumpul dan berdiskusi

Orang 1 : Aneh,,,May berhasil sisanya nggak.

Orang 2 : Mungkin untuk bulan lain pake bahasa Indonesia

Orang 3 : Gak mungkin deh ...

Orang 4 : ??????

Percobaan Kelima (Caci maki mulai hadir dan menganggap SQL Server menyebalkan )

Semua kata2 bulan pun kami coba untuk nilai query tersebut. Seseorang mencari daftar nama bulan dalam bahasa Prancis (cukup logis,Prancis adalah negara yang terdekat dengan Inggris). Usaha ini gagal. Seseorang terbenam dalam bacaan berbagai ebook tentang SQL Server dan kembali dengan senyum kecut. Seseorang melakukan googling dan tidak menemukan artikel yang pas.

Percobaan Keenam (Pasrah [:'(] )

Kami pun melakukan percobaan dengan kode sebagai berikut :

Data2.SelectCommand = "SELECT [Peminjam], [Judul_Buku], [TglPinjam], [TglKembali] FROM [Lib_PINJAM] WHERE TglPinjam LIKE '05' AND TglPinjam LIKE'May' ORDER BY [TglPinjam] DESC";

Berhasil !!!!!!!!!!!!!

Ya iyalah .. memang key May berhasil dan satu-satunya alasan kami melakukan hal ini adalah untuk menaikkan semangat yang patah akibat waktu 3 jam kami habiskan untuk mengurus masalah ini.

Akhirnya tangan iseng fabul melakukan hal sebagai berikut :

mengetik June tp kekurangan e akibat terburu-butu mengetik,,,dan ajaibnya kejadian itu lah yang memberikan pencerahan. Query berhasil dan kami sampai pada satu kesimpulan walau sedikit tidak yakin.

Nilai bulan nya adalah singkatan 3 huruf lazim dalam bahasa Inggris. Jul untuk July, Jan untuk January.

Untuk konfirmasi,,kami pun mencoba untuk setiap bulan yang ada dan hasilnya ternyata memang benar.

Akhirnya kemenangan mutlak berhasil kami dapatkan. Hip hip huray.

Ini kunci untuk query dengan nama bulan

Jan untuk January
Feb untuk Febuary
Mar untuk March
Apr untuk April
May untuk May
Jun untuk June
Jul untuk July
Aug untuk August
Sep untuk September
Oct untuk October
Nov untuk November
Dec untuk December

Teman-teman seperjuangan,,,jangan sampai melakukan kesalahan yang sama. Kami membagi hal ini agar kalian tidak menghabiskan 3 jam total hanya untuk mengurusi masalah ini.

-Libido, a passion to learn -

Share this post: | | | |

Pengaturan Role Membership dengan WAT

2008-06-15T05:15:00Z

Selamat Siang,

Untuk kali ke-2 pada hari ini kami kembali akan menulis di blog ini. Kali ini yang akan dibahas adalah tentang pengaturan role membership dengan WAT. WAT (Website Asministration Tool) adalah sebuah tool yang membuat kita dapat melihat dan mengatur konfigurasi dari website buatan kita dengan menggunakan tampilan web yang sederhana. Dalam ASP.NET, konfigurasi website kita disimpan dalam sebuah file XML dengan nama web.config. Sebenarnya pengaturan website memang bisa dengan memasukkan kode dalam XML, akan tetapi dengan WAT, kita bisa dengan mudah mengatur website kita tanpa membuka file web.config.

Untuk membuka WAT dari Visual Studio 2008, pilih menu website-> ASP.NET Configuration. Untuk pengaturan membership, pilih tab security. Dari halaman ini, kita bisa membuat user, assign user dengan role tertentu, edit user, membuat role tertentu, membuat sebuah aturan akses, dll.

Untuk membuat sebuah role baru, pilih create or manage roles. Di halaman berikutnya, masukkan nama role dalam text box yang disediakan lalu klik tombol add role. Setelah itu kita bisa mengatur user mana saja yang termasuk dalam suatu role dengan cara memilih link manage yang ada di sebelah nama role yang bersangkutan.

Untuk membuat suatu aturan akses, kembali ke halaman security dan pilih create access rule. Pilih folder dan role atau user mana serta hak akses (allow/deny) yang akan mengaplikasikan aturan ini.

Aturan akses ini sangat berguna untuk mengatur halaman-halaman yang hanya bisa diakses oleh member tertentu. Misalnya saja, kita tentu tidak ingin halaman admin bisa diakses oleh member biasa bukan?? Dengan WAT ini kita bisa dengan mudah membuat aturan-aturan seperti itu tanpa perlu coding..

Demikian dari kami, semoga berguna...

- Libido, a passion to learn -

Share this post: | | | |

Penggunaan GridView untuk menampilkan data dari database

2008-06-15T03:26:00Z

Salam,

Setelah sempat vakum beberapa hari ini, kali ini kami dari tim LibIDO kembali akan memberikan sedikit tips yang mungkin berguna. Pada kesempatan kali ini kami akan membahas tentang bagaimana menampilkan data yang ada dalam database.

Sebenarnya ada beberapa control yang dapat digunakan untuk menampilkan data yang tersimpan dalam database, diantaranya adalah dengan menggunakan FormView, ListView, DetailView, dan View-view yang lain.

Lalu kenapa yang bakal dibahas GridView. Alasannya, ya karena dalam proyek LibIDO ini kami paling sering menggunakan GridView. Selain itu, GridView merupakan control yang sangat flexibel dan mampu menampilkan tabel dengan ukuran yang besar.

OK, saatnya memulai. Untuk membuat GridView cukup drag n drop dari toolbox. Setelah itu kita perlu mendefinisikan database mana yang akan ditampilkan dalam gridview tersebut. Caranya cukup mudah, cukup expand tanda panah yang ada di kanan atas gridview dan pilih choose datasource->new datasource. Pilih Database untuk datatype, lalu pilih database yang akan digunakan. Selanjutnya kita tinggal memilih tabel yang akan ditampilkan dan kolom mana saja yang akan ditampilkan dengan GridView.

Untuk menampilkan data secara spesifik(dengan kriteria tertentu), kita perlu mengisi property SelectCommand dalam SQLdatasource. Dalam Select Command ini kita bisa mengetikkan perintah T-SQL, misalnya

"SELECT TOP 10 * FROM [Lib_BUKU] ORDER BY [bk_TglTerbit] DESC"

Command diatas akan menampilkan 10 buku terbaru yang ada dalam tabel Lib_BUKU, sedangkan

"SELECT * FROM [Lib_BUKU] ORDER BY [bk_Judul] ASC"

akan menampilkan semua data buku yang ada dalam Lib_BUKU dan diurutkan berdasarkan judul buku.

Selain itu, kita juga bisa mengedit data dalam database dengan cara menambahkan command dalam GridView. Terdapat 3 jenis command yang dapat dipilih : Select, Delete dan Edit. Select berguna misalnya jika kita ingin menampilkan data sebuah baris denga lengkap (biasanya ditampilkan dengan DetailsView), Delete berguna untuk menghapus suatu baris dari tabel, sedangkan Edit berguna untuk mengupdate data dari database.

Untuk menambahkan command caranya cukup mudah, expand tanda panah dan pilih add new columns. Pada menu add new column, pilih command field, lalu button type-> button dan pilih jenis command yang diinginkan. Cukup mudah bukan..

Selamat Mencoba..

- Libido, a passion to learn -

Share this post: | | | |

String Connection pada saat Koneksi ke database (SQL Server 2005)

2008-06-11T22:56:00Z

Selamat pagi semuanya !

Kali ini kami dari tim LibIDO ingin memberikan sedikit tips saja yang ditemukan pada saat ngoprek2 ke databasenya SQL. Sebelumnya, kita tentu saja kembali pada dua pilihan, yaitu hard-code dan GUI-based. Siapa yang seneng hard-code ??? Unjuk ???? 1,2,,ya ada sekitar 8 orang, berarti sisanya senang GUI based, Baiklah,kita mulai saja (kali ini tanpa basa-basi ya).

Satu hal yang perlu diketahui , .NET telah membungkus berbagai kelas yang berhubungan dengan koneksi ke database dengan rapi. Akibatnya,berbeda dengan PHP yang dengan satu baris perintah koneksi sudah dapat dilakukan, dengan .NET diperlukan pembungkusan-pembungkusan perintah. Untuk koneksi ke database kita perlu melakukan hal sebagai berikut :

mendefinisikan string connection, yaitu string yang berisikan property tentang nama file, sourcedatabase server, keamanan dan sebagainya
mendefinisikan koneksi SQL

Kira2 listing kodenya dalam C# sebagai berikut :

string ConnectionString = "Data Source=localhost;" + "Initial Catalog=<nama database>;Integrated Security=true";

SqlConnection myConn = new SqlConnection (ConnectionString);

untuk membuka koneksi dapat dilakukan dengan perintah :

myConn.open();

mudah bukan ?? Yah,,memang sejak awal kita tidak pernah menyebutnya sulit.

Bagi penyuka GUI, kita tinggal melakukan hal sebagai berikut :

drag and drop SQLdatasource dari toolbox
pilih configure datasource,lalu pilih new Connection
pilih file database yang akan kita tuju koneksinya
String Connection otomatis akan dibangkitkan

setelah koneksi terbentuk dengan cara GUI-based ini, melalui databinding,data dapat ditampilkan tanpa perlu mengetikkan command yang ingin dilakukan,semuanya telah disediakan oleh sistem, kita tinggal memilih nya saja. Berbeda sekali dengan hard-code yang kita masih perlu mendefiniskan string command, command action dan eksekusinya. Haha...mulai kelihatan lebih gampang yang mana kan....hayo,,,sapa yang unjuk tangan tadi ???

Nah, ternyata kita dapat melakukan satu setting untuk semua halaman agar selalu terkoneksi dengan database yang sama sehingga settingan seperti tadi tidak perlu kita lakukan berulang-ulang untuk halaman yang berbeda. Perlu diketahui, dengan dua cara diatas tadi kita hanya mendefiniskan string connection pada satu halaman saja (kecuali menggunakan master page dan deklarasinya di list di halaman tersebut). Caranya adalah dengan mendeklarasikan string connection pada file web.config yang terdapat pada aplikasi/website kita dengan menambahkan :

<connectionStrings>
<add name="<nama>" connectionString="Data Source=.\SQLEXPRESS;AttachDbFilename=<nama database>;Integrated Security=True;Connect Timeout=30;User Instance=True" providerName="System.Data.SqlClient" />
</connectionStrings>

Dengan cara barusan,maka koneksi database telah didefinisikan secara umum sehingga string connection dapat diakses dengan mudah , misalnya dengan listing sebagai berikut :

string connection = WebConfigurationManager.ConnectionStrings[<nama>].ConnectionString;

untuk menggunakan fungsi ini jangan lupa mengimport namespace System.Web.Configuration.

Sekian,Sampai jumpa lagi, as always :

-LibIDO, a passion to learn-

Share this post: | | | |

Progress number 3. Pembuatan Lay-Out dengan Master Page

2008-06-10T19:02:00Z

LibIDO on air ! Kali ini saat nya tim Developer angkat bicara.

Banyak pembaca yang bertanya kenapa postingan kelompok kami belum satupun yang bersifat teknis mengenai proyek LibIDO ini. Bukan, bukan, bukan karena kami tidak ingin berbagi pengalaman. Bukan itu masalahnya. Huff, Baiklah, daripada perbincangan itu memojokkan kami sebagai kelompok yg anti knowledge-sharing, kami akan menjelaskan sedikit alasannya.

Satu hal yang mendasari kami melakukan hal tersebut adalah kami ingin mengaplikasikan ilmu RPL (Rekayasa Perangkat Lunak) yang sudah kami dapat selama satu semester (1 semester = 6 bulan) di tingkat 2 kehidupan perkuliahan informatika kami. Sayang bukan, jika kita sudah memiliki ilmu seperti itu tapi hanya berakhir di kertas ujian ? Dengan demikian jelaslah sudah bahwa kami bukan kelompok yang antipati terhadap knowledge-sharing, kami cinta perkembangan ilmu pengetahuan.

Selesai basa-basinya.

Nah, setelah melalui tahapan analisis kebutuhan dan desain (sketsa lay-out,database) akhirnya kami pun mulai pada tahap ke tiga pada SDLC : Implementasi. Hampir buntu rasanya, ketika mencari dari referensi2 yang ada bahwa fungsi include di PHP yang berguna untuk membuat halaman web utama, yang bersifat statik tidak terdapat di ASP.NET. Padahal, kami membutuhkan setidaknya dua halaman web statik, yang bersifat sebagai home,,,yaitu pada aplikasi klien dan aplikasi admin-nya. Tapi, tentu saja kami tidak berprasangka buruk. Microsoft pasti lah telah menyedia kan jalan tersebut. Eksplorasi pun dilanjutkan.

Akhirnya, setelah dua jam mencoba beberapa template file yang ada di item nya VS,kami pun menemukan jawabannya. Ya,,,dia adalah Master Page. Dengan Feature yang mulai ada di ASP.NET 2.0 ini, pemrogram (baca : kita) dapat berbagi layout/ konten yang sama pada beberapa halaman di website kita. Dengan kata lain, kita memperlakukannya sebagai template. Sebagai contoh, jika kita ingin setiap halaman pada admin memiliki menu samping, header dan footer, maka kita cukup membuatnya sekali di master page dan membaginya ke setiap halaman yang ada. Mudah sekali bukan ?

Kita dapat membuat Master Page dengan dua cara, yaitu hard-code dan GUI-based. Dengan hard-code, kita harus membuat sebuah file dengan ekstensi .master dan meletakkanya di folder aplikasi yang sedang di bangun. Lebihjauh lagi kita bisa saja membuat beberapa master page buat website kita.

Berikut listing program sederhana untuk pembuatan Master Page :

<%@ Master Language=”C#” %>
    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN”
            “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”>
            <html xmlns=”http://www.w3.org/1999/xhtml” >
            <head id=”Head1” runat=”server”>
                <style type=”text/css”>      //taruh kode CSS disin         </style>

            <title>AdminMaster</title>
            </head>
    <body>
        <form id=”form1” runat=”server”>
                <div class=”content”>
                <div class=”leftColumn”>
                        <asp:contentplaceholder id=”ContentPlaceHolder1” runat=”server”/>
                </div>
                <div class=”rightColumn”>
                        <asp:contentplaceholder id=”ContentPlaceHolder2” runat=”server”/>
                </div>
                <br class=”clear” />
                </div>
            </form>
    </body>
</html>

Jika menggunakan VWD maka untuk membuatnya hanya dengan memilih Website menu -> Add new Item -> Pilih Master page item

Master Page selesai. Untuk menggunakan master page itu pada halaman2 web kita, maka kita harus mendaftarkan file master page yang akan digunakan pada directive page tiap halaman. misalnya :

<%@ Page Language="C#" MasterPageFile='~/AdminMaster.master' %>

lalu isilah bagian2 pada web page di antara tag Content Place Holder tadi pada tiap halaman.

Dengan VWD,seperti biasa hal ini dilakukan dengan mudah. Ketika kita akan memasukkan file web form yang baru, akan ada kotak centang dengan label Select Master Page, beri tanda disitu,maka ketika mengklik add directive tersebut otomatis akan ditambahkan.

Dengen menggunakan master page ini ,kelompok kami telah berhasil menuntaskan pekerjaan awal untuk membuat dua halaman web yang statik tersebut dengan desain sesuai postingan sebelumnya dan bersiap menapak lebih jauh lagi.

Sekian dulu,,,waktu pukul 2.36 tapi semangat koding masih membara. Mungkin besok pagi bakal ada postingan baru. Amin

Share this post: | | | |

Sedikit tentang Internet Information Services

2008-06-10T16:19:00Z

Sekali lagi bersama proyek LibIDO !

Kali ini, kami ingin sedikit membahas tentang Internet Information Services(IIS). Buat yang belum tau, IIS ini merupakan sebuah HTTP WebServer yang terdapat dalam windows. Terdapat beberapa jenis IIS, yakni IIS 5 (win XP), IIS6 (win server 2003) serta IIS 7 (win Vista dan win server 2008). Pada Windows XP, IIS merupakan komponen windows yang secara default belum terinstall, sehingga agar dapat menggunakannnya kita perlu menginstall terlebih dahulu.

Caranya cukup mudah : masuk control panel -> add/remove programs -> add/remove windows component. Lalu beri tanda check pada internet information services. Setelah itu, kita akan diminta memasukkan CD instalasi windows XP. Setelah itu, bila belum ada kita tinggal menginstal .NET (2.0/3.5)runtime yang bisa di download di situs microsoft.

Bila kita menginstall IIS sebelum menginstall .NET runtime, biasanya akan terjadi error ketika mengakses IIS. Hal ini dikarenakan, IIS tidak mengenali file ASP.NET(misalnya .aspx), sehingga ketika browser meminta sebuah page maka IIS akan mengirimkan text "mentah" ke browser.

Untuk memperbaikinya,kita perlu memperbaiki IIS file mappings. Caranya cukup dengan mengetikkan :

c:\Windows\Microsoft.NET\Framework\v2.0.50727\aspnet_regiis.exe -i

dalam command prompt, dan masalah selesai. Cara lain untuk menyelesaikan masalah ini adalah dengan me-repair .NET compact framework yang terinstall dalam komputer. Caranya masuk ke add/remove program, lalu pilih change/remove .NET compact framework 2.0/3.5. kemudia dalam install shield wizard pilih repair.

Untuk mulai mengatur website dalam IIS, kita bisa menggunakan IIS manager(inetmgr.exe). Agar dapat men-deploy web dengan IIS maka kita terlebih dahulu perlu membuat sebuah virtual directory. Untuk membuatnya expand node website yang ada di bagian kiri window, lalu klik kanan default website dan pilih new->virtual directory. Pilih nama alias yang akan digunakan, kemudian pilih direktori fisik yang akan dijadikan virtual direktori(misalnya c:\Inetpub\wwwroot, yang akan digunakan sebagai root dalam virtual direktori). Kemudian pilih permission untuk virtual directory yang sedang dibuat. Untuk menjalankan ASP.NET application, kita hanya perlu memilih execute dan read saja.

Untuk mencoba apakah IIS sudah berjalan dengan baik, buatlah sebuah halaman, misalnya test.aspx dan simpan di c:\Inetpub\wwwroot. Lalu pada browser ketikkan http://localhost/test.aspx. Bila halaman tersebut berhasil dibuka dengan baik, maka artinya IIS sudah berjalan dengan baik.

Demikian sedikit pengenalan tentang IIS yang mungkin dapat berguna bagi para pembaca..

Terima Kasih

-LibIDO : a passion to learn-

Share this post: | | | |

Progress number.2 : Library Database dengan SQL Express 2005 : Local vs Server

2008-06-10T15:21:00Z

Kembali (lagi) bersama proyek LibIDO !

Kali ini dari divisi IT Pro yang mengurusi masalah database aplikasi akan menyampaikan laporan terbaru mengenai perkembangan proyek ini. Setelah melalui hasil diskusi sengit mengenai desain database yang akan digunakan, akhirnya kelompok kami berhasil memutuskan desain database yang akan digunakan dengan nama LibDB. Nantinya akan dirinci data base ini terdiri dari berapa tabel dan field2 yang akan disimpan.

Terdapat 4 tabel pada database yaitu :

Lib_ADMIN : tabel yang digunakan untuk menyimpan data admin atau pengguna perpustakaan yang terdiri dari id, username,password,sesi dan aktif.
Lib_BUKU : tabel yang digunakan untuk menyimpan data katalog buku pada aplikasi terdiri dari hal-hal yang perlu diketahui dari sebuah buku,seperti id, ISBN,judul,kategori dan sebagainya.
Lib_MEMBERS : tabel yang digunakan untuk menyimpan data member perpustakaan terdiri dari id,username,password,sesi,email dan alamat. Masih perlu penyempurnaan karena aplikasi mewajibkan untuk menyimpan riwayat peminjaman.
Lib_PEMINJAMAN : tabel yang digunakan untuk menyimpan data peminjaman.

Setelah desain selesai,maka pembuatan database pun dilakukan. Disini sang empunya tugas menimbang-nimbang teknik yang akan digunakan. Ternyata terdapat 3 teknik yang tersedia :

1. Database Explorer di dalam Visual Web Developer

Tools ini menyediakan interface yang friendly untuk bekerja dengan objek database. Penggunaan nya sudah dibahas oleh kelompok Ronny

2. 2. Microsoft SQL Server Management Studio

Tools ini harus di download terlebih dahulu karena bukan bawaan dari Visual Studio. Penggunaanya mirip dengan database explorer namun disertai kemampuan untuk melakukan SQL query.

3. 3. SQLCMD

Tools berbasis command-line. Cukup merepotkan menggunakannya tapi bagi yang ingin mencoba tidak ada salahnya juga.

Sang empunya (baca : Fakhri) tadinya memutuskan untuk membuat dengan database explorer,tidak alasan khusus. Akan tetapi, detik-detik akan melakukan eksekusi, ia diragukan kembali dengan tipe database yang akan dibangun dengan SQL Server ini : Local atau Server ?

Jika kita memiliki VS 2008 maka dapat dengan mudah membuat server database langsung dari Server Explorer. Tinggal klik kanan pada Data Connections dan memilih menu Create New. Sayang nya hal ini tidak bisa dilakukan dengan VWD. Bagi yang’keukeuh’ ingin menggunakan VWD bisa menggunakan tools yang kami sebutkan diatas. Nah,ketika server database di buat, maka database akan di –attach dan dapat digunakan pada aplikasi apapun yang berjalan pada server. Semuanya dapat dilakukan dengan mudah melalui aplikasi ASP.NET

Local database dapat dibuat dengan VWD. Nah,dengan cara ini database akan ditambahkan pada project yang sedang dikerjakan. Database file akan ditambahkan pada App_data folder di dalam website. Caranya mudah,klik kanan pada project dan pilih Add new Item. Lalu pilih Sql Database dan add. Keuntungan terpenting dari penggunaan Local database adalah kemudahan pemindahannya ke lokasi yang baru. Ini bisa terjadi jika kita ingin mengirimkan database file kita kepada teman dan database local dapat digunakan secara langsung.

Setelah melihat dan menimbang, akhirnya diputuskan bahwa database yang digunakan adalah tipe – B , yaitu local database mengingat keuntungan yang dimilikinya. Setelah database selesai,maka sang empunya database keroyokan mengerjakan halaman web bersama tim developer.

Database yang dibuat :

-LibIDO : a passion to learn-

Share this post: | | | |

Progress number.1 : Desain Lay-out

2008-06-10T14:56:00Z

Kembali lagi bersama proyek LibIDO !

Akhir2 ini kelompok kami dianugerahi “kegairahan” yang luar biasa untuk eksplorasi tools dalam rangka pengerjaan proyek cakru MIC ini. Hasilnya, dalam sehari kemaren (akan di posting per bagian - red) sudah terdapat beberapa kemajuan yang menurut kami cukup baik,setidaknya menjadi penyemangat untuk menghadapi 5 hari ke depan.

Postingan kali ini akan memberikan gambaran lay-out dasar hasil rancangan para designer dari proyek LibIDO. Mengingat teknologi yang digunakan adalah ASP.NET dan Silverlight,maka kami memutuskan untuk mendesain lay-out halaman aplikasi ini sebagai berikut :

Halaman Admin

Halaman admin akan terbagi menjadi 4 bagian. Header,menu samping, konten dan footer. Kami berencana menggunakan satu halaman index dan menggunakan fungsi pemanggil untuk halaman konten. Dengan demikian halaman index akan bersifat statis, memudahkan pengkodean dan konsisten. Belum kepikiran memang kalo memakai ASP.NET seperti apa, yang jelas fungsi seperti ini ada di PHP dan kita memang belum eksplor lebih jauh. Halaman konten akan diisi dengan web-form yang sesuai dengan menu yang dipanggil. Di dalam halaman index ini akan terdapat 3 aplikasi silverlight yaitu untuk header, menu samping dan footer. Ini dimaksudkan untuk memperindah tampilan dan mengedepankan konsep web dinamis.

Halaman klien (User)

Halaman klien tidak akan jauh berbeda dengan halaman admin namun terdapat tambahan berupa form untuk pencarian katalog dan form untuk login. Hal ini ditujukan untuk kemudahan user, sehingga tidak perlu mencapai halaman tertentu untuk login maupun melakukan operasi pencarian. Untuk pencarian dan login sampai berita ini diturunkan, kami masih bersepakat menggunakan ASP.NET berupa field control, ada ide untuk membuatnya dalam bentuk aplikasi silverlight tapi kami (baca : para desainer) masih menolak akibat belum terlalu mengenal data retrieval dengan menggunakan silverlight.

Untuk halaman awal bagi user,sebenarnya direncanakan satu lagi halaman tampilan awal, sebagai gerbang atau pintu untuk memasuki situs ini. Desainnya masih dirahasiakan karena kami ingin menunjukkan kejutan yang menyenangkan bagi para pemirsa. Semoga rencana ini dapat terealiasasi dengan baik. Bagi teman2 sejawat yg lain,,, ayo bersemangat mengerjakan proyek ini.

-LibIDO : a passion to learn-

Share this post: | | | |

Requirement Model - Library Information System

2008-06-09T11:51:00Z

Setelah sekian lama vakum dari perbincangan tentang tugas MIC, akhirnya kelompok kami mulai menggodok pembuatan tugas LIS (Library Information System) ini kembali. Rasa lega akibat UAS yang telah berlalu membuat kami sangat bersemangat untuk mulai proyek tersebut. Sekedar mengingatkan , kelompok kami terdiri dari 6 orang dengan bidang minat sebagai berikut :

Fakhri - IT Pro
Andru Putra - Developer
Adityo August - Developer
Kaisar - Developer
Nadhira Ayuningtyas - Designer
Puja Pramudya - Designer

Secara garis besar,aplikasi adalah web-based dan dibangun dengan teknologi Microsoft. Kami membaginya menjadi dua bagian, yaitu aplikasi untuk admin (pengelola perpustakaan) dan aplikasi untuk klien dalam hal ini pengunjung perpusatakaan. Pengelolaan database akan menjadi hal yang sentral dalam aplikasi ini. Berikut adalah hasil singkat tentang analisis kebutuhan yang kami lakukan :

Nama Aplikasi : LibIDO (Library Information Database Online)

Aktor : Administrator / Pengelola Perpustakaan

User (Pengunjung Perpustakaan)

Use Case :

Admin :

Transaksi peminjaman
Transaksi pengembalian
Update stok buku
Notifikasi keterlambatan
Melihat laporan peminjaman/pengembalian

User :

Notifikasi keterlambatan
Pencarian buku
Melihat riwayat peminjaman buku
Pendaftaran keanggotaan

File yang akan diimplementasikan :

Admin :

Default.aspx; berguna untuk melakukan proses log-in,form ini bertujuan untuk menjaga keamanan aplikasi,dan file pendukung Default.aspx.cs sebagai file yg menangain proses dibalik halaman ini.
lib_home.aspx; berguna sebagai halaman awal ketika proses log-in berhasil. Bersifat statik, bagian konten akan dipanggil melalui fungsi yg setara dengan include pada pemrograman PHP
view_home.aspx;berguna sebagai halaman yang menampilkan statistik perpustakaan secara singkat
lib_buatpassword.aspx;berguna sebagai halaman pembuatan password bagi admin,dapa dihapus juga sudah dibuat,memiliki file pendukung lib_buatpassword.aspx.cs sebagai file yg menangani proses pembuatan password
view_addkatalog.aspx;berguna untuk memasukkan data buku baru pada sistem,dengan file view_addkatalog.aspx.cs sebagai penangan prosesnya.
view_katalog.aspx;berguna untuk menampilkan data katalog yg disimpan pada database
view_katalog-detail.aspx;berguna untuk menampilkan data detail suatu buku
view_katalog-edit.aspx;berguna untuk editing data katalog,dan file view_katalog-edit.aspx.cs untuk penanganan prosesnya.
view_katalog-hapus.aspx;berguna untuk penghapusan katalog dengan file pendukung view_katalog-hapus.aspx.cs untuk penangan prosesnya
view_member.aspx;untuk melihat daftar member yg terdaftar pada sistem
view_member-hapus.aspx;untuk menghapus seorang member,dan file view_member-hapus.aspx.cs untuk penanganan prosesnya.
view_peminjaman.aspx;untuk melihat daftar peminjaman
view_peminjaman-detail.aspx;untuk melihat daftar peminjaman secara detail
transaksi.aspx;untuk proses transaksi peminjaman dan pengembalian suatu buku
lib_logout.aspx;untuk keluar dari aplikasi

User :

Default.aspx;untuk halaman muka
lib_home.aspx;untuk konten halaman muka
lib_cari-katalog.aspx;untuk menampilkan hasil pencarian,file .cs untuk prosesnya
lib_daftar.aspx;untuk pendaftaran dan file .cs untuk prosesnya
lib_login.aspx;untuk menampilkan informasi login member dan file .cs untuk prosesnya
lib_profil.aspx untuk menampilkan profil member

Untuk mengakomodasi kebutuhan halaman yang cukup banyak itu,pada akhirnya kami membagi tugas sebagai berikut :

Fakhri,Adit,Andru dan Ical melakukan implementasi file aspx dan .cs

Nadhira dan Puja melakukan implementasi desain layout halaman web dan elemen2 pendukung dengan silverlight

Semoga rencana dan analisis kebutuhan ini dapat dilaksanakan dengan baik untuk hasil yang maksimal.

-LibIDO, a passion to learn-

Share this post: | | | |

Tugas Kuliah Pake WPF

2008-05-08T11:46:00Z

Di postingan sebelumnya, saya menyebutkan tujuan utama dibuatnya blog ini adalah untuk membahas perkembangan proyek dari MIC ITB. Tetapi, karena tugas kuliah yang sudah menumpuk, proyek ini belum ada perkembangannya sama sekali...

Ya, sekarang saya mau cerita tentang salah satu tugas yang baru selese dikerjain. Oh ya, saya kembali satu kelompok dengan inas luthfi, kru MIC-ITB yang pernah disebut-sebut ama bang ronald(dalam artikel soal GDK). Dalam tugas kali ini, kami diminta untuk mengaplikasikan algoritma B&B untuk mencari shortest path. Akan tetapi, kali ini ga boleh pake GDK lagi, jadi akhirnya kami menggunakan WPF.(Knapa ga kepikiran XNA ya??)

Setelah perjuangan yang melelahkan selama 3 hari (yes, we are the true deadliners!!), akhirnya program ini selesai juga. Ya, meskipun hasilnya tidak sebagus waktu pake GDK, tapi ya cukup keren lah.... ini beberapa screenshotnya :

Oh, iya..karena kami berdua masi belum terlalu menguasai WPF(terutama saya), jadi kami sempat kesulitan waktu membuat aplikasi ini, terutama dalam bagian 3Dnya. tapi ya untung sang "jagoan"(baca : inas) berhasil menemukan cara mengaplikasikan 3D di WPF pada detik-detik terakhir...

Karena dari tadi uda dipanggil-panggil bantal n besok kuliah jam 7, berarti sekarang saatnya tidur...Semoga aja postingan berikutnya tentang progres proyek MIC...

Cheers...

Share this post: | | | |

Proyek Calon Kru MIC ITB

2008-05-02T01:12:00Z

Hello,

Perkenalkan nama saya Fakhri, Mahasiswa IF-ITB angkatan 2006. Beberapa minggu yang lalu(lupa uda berapa minggu...), saya mengikuti training C# yang diselenggarakan oleh MIC ITB. Ternyata setelah training, para peserta ditawari menjadi kru MIC, syaratnya adalah dengan melakukan eksplorasi salah satu teknologi microsoft.

Beberapa minggu setelah training, para calon kru disuruh untuk membuat kelompok untuk mengerjakan sebuah proyek dari MIC. tiap kelompok terdiri dari 6 orang dan kelompok saya terdiri dari Agus, Ical, Puja, Andru, Nadhira dan saya sendiri.

Dalam proyek ini, kelompok kami disuruh untuk membuat sebuah Library Information System(LIS) yang berbasis web. Proyek ini harus dikerjakan dengan menggunakan beberapa teknologi microsoft untuk pengembangan web seperti ASP .NET dan Silverlight.

Sebenarnya, saya agak kecewa karena mendapat tugas ini, karena saya pribadi lebih tertarik dengan pengembangan Software(Terutama kalo pake WPF...). Tetapi, meskipun agak kecewa, saya tetap harus ngerjain proyek ini biar keterima jadi kru MIC

Oh ya, karena kami sekelompok masi nubi alias baru belajar teknologi2 ini, kami sangat mengharapkan saran dan bantuan dari semua yang mau bantuin

Kedepannya saya akan terus mempost perkembangan dari proyek ini...

Thanks 4 reading

Share this post: | | | |