Coding for Fun

Koding Mengkoding Sesuka Hati
  • Graffiti - Perubahan Itu Perlu

    Terprovokasi dengan pencitraan diri seorang reza, akhirnya kepengen juga mencicipi graffiti.  Berbekal hosting dotnet di erudeye akhirnya mulai juga untuk mencoba cms ala dotnet.  Kali ini melalui DotnetPanel erudeye, berhasil dibuat sebuah database diatas MS SQL Server 2008 untuk tempat bersemayamnya graffiti.  Langkah selanjutnya dengan memanfaatkan MS SQL Server Studio.  Koneksi ke database yang ada di situs pribadi dan execute sql syntax untuk tabel-tabel yang diperlukan oleh graffiti.

    db

    Selanjutnya adalah meng-upload file-file graffiti.  Namun itu akan dilanjutkan nanti saja.  Ada kerjaan yang harus dikerjakan :)

    Share this post: | | | |
    Posted Nov 12 2009, 10:43 AM by Lutfie Royan with 3 comment(s)
    Filed under:
  • RADControl - Carousel

    Masih bermain dengan produk RADControl Carousel milik Telerik, saya mencoba bikin aplikasi untuk sang eks pacar.  Sebab ditempat bekerja, belum ada aplikasi yang bisa menangani urusan entri data dan laporan untuk Dinas Kesehatan.  Sekalian saya belajar, aplikasi ini bisa bermanfaat (kalau dipakai).

    Konsep RAD benar-benar saya pakai.  Hanya klik dan drag untuk menghasilkan aplikasi seperti dibawah ini :

    image

    Bagi puskesmas yang berminat, silahkan kontak japri.  Jika aplikasi ini sudah selesai, akan diberikan gratis :)

    Share this post: | | | |
  • RAD Controls, Pilihan Mempercepat Pekerjaan

    Pada masa kuda gigit besi, seorang programmer biasanya akan terhanyut membikin tools untuk melengkapi serta memperkaya suatu komponen/kontrol.  Kadang pembuatan komponen tersebut bisa menghasilkan “pemborosan” waktu kerja.  Tentu saja tidak efektif bukan ?

    Sebut saja tampilan Grid.  Sejak jaman DBase sampai era visual tools, Grid merupakan komponen favorit pada pembuatan aplikasi LOB.  Programmer pasti akan menambahkan function ataupun property untuk disesuaikan dengan kebutuhan.  Nah waktu yang digunakan bisa jadi lama atau cepat.

    Saat ini banyak sekali komponen/kontrol siap pakai yang tinggal pasang.  Tinggal pilih :)

    Sebagai pelanggan MSDN, saya berkesempatan mendownload salah satu komponen tersebut.  Sebetulnya telerik menawarkan RAD Control WPF untuk didownload.  Sayang sekali, kesempatan mendownload RAD Control WPF  terlambat.  Sehingga akhirnya hanya bisa mendapatkan RAD Control Winform.  Itupun lumayan banget lah :)

    Adanya RAD Control tentu saja akan semakin menyenangkan dalam membuat sebuah aplikasi :)

    Tampilan sample a la C#

    image

    Hasil Build dan Run Sampel.  Keren bukan ?

     image

    Share this post: | | | |
  • Developer, Are you ready ?

    image

    Coding selalu menjadi bagian yang menarik bagi hidup saya.  Dorongan itu selalu timbul walau saat ini hampir tidak pernah coding.  Apalagi pekerjaan utama sebagai IT-Pro abal-abal yang mulai tidak begitu menyita waktu.

    Namun dorongan kuat akhirnya menjebol kurungan waktu.  Kembali ke alam coding yang membuat pikiran menjadi berputar dan adrenalin semakin menggebu.

    Setelah berkutat lama dengan programming menggunakan Borland Delphi, akhirnya saya mulai mengenal lebih dekat Microsoft Visual Studio 2008.  Alasan utama adalah ingin mengeksplorasi teknologi terbaru di lingkungan sistem operasi Microsoft. 

    Tools disediakan lengkap oleh Microsoft.  Terima kasin Mas Naren dkk yang telah memberi kesempatan ini sehingga saya mendapatkan langganan MSDN.

    Semua alat dan bahan untuk belajar lengkap sudah.  Tinggal meluruskan niat, memompa semangat dan menyatukan pikiran.

    Semoga sistem baru Windows 7 Ultimate, MS Visual Studio 2008 Pro, MS Visio 2007 Pro , MS Project 2007 Pro dan MS SQL Server 2008 Standard bisa mengarungi hari-hari yang menggairahkan.

    Mari bersama-sama belajar pemrograman :)

    Developer ! Developer ! Developer !

     

    Salam hangat penuh semangat

    Share this post: | | | |
  • Windows 7 di Laptop Sony VGN-CR323

    performance 

    Beginilah performance Windows 7 RTM yang sudah diinstall diatas Sony Vaio VGN-CR323.  Spesifikasi processor adalah Intel Pentium Dual Core T2390 dengan memory 2 GB.  Instalasi berjalan cukup cepat.  Hanya membutuhkan waktu 20 menit saja. 

    Saat ini masih bersandingan dengan OS bawaan yaitu Windows Vista Home Edition.  Jika update dari Sony sudah lengkap, baru yang Vista dihapus selamanya.

    Walau cukup memprihatinkan score nya, Aero bisa jalan dengan baik.  Saat ini belum eksplorasi secara mendalam tentang Windows 7 ini.

    Share this post: | | | |
  • Visual Studio 2008 Professional – Lumayan :)

    vs00

     

    No comment….  banyak orang yang akan terlibat :)

    Share this post: | | | |
  • Mesin Baru :)

    Akhirnya mesin yang ditunggu-tunggu sudah datang.  Hmm sayang mesin baru ini engga bisa virtualisasi.  Kemungkinan besar mesin ini hanya untuk client atau untuk coding.  Lumayan banget deh  :)

    Rencana utama untuk mesin ini :

    1. Bikin recovery disc (3 DVD)
    2. Update apa yang perlu diupdate
    3. Install Visual Studio 2008 Express Edition + Net Framework 3.5
    4. Install MS SQL Server Express Edition
    5. Install Microsoft Blend June Preview
    6. Instal Virtual PC 2007 SP1 (untuk njalanin Vista Ultimate, Vista Business, Vista Home)

    Mungkin umur konfigurasi seperti diatas hanya sampai tanggal 31 Desember 2008.  Alasan :

    • Karena tanggal 13 Desember 2008 mau belajar jadi speaker di deep dive Vista dengan bimbingan suhu Ridi
    • Karena 31 Desember 2008 adalah batas akhir WPF Competition

    Setelah acara itu, beginilah rencana "asli" untuk mesin ini :

    1. Install Vista Ultimate
    2. VS 2008 Team System/Professional
    3. Microsoft Expression
    4. MS SQL Server 2008 Developer Edition/Standard Edition
    5. MS Virtual PC (untuk njalanin Windows 2008 GUI, Windows 2008 Core)
    6. MS Office 2007
    7. Serba Live tools
    8. MS Sharepoint Designer

    Kira-kira seperti itulah.  Mudah-mudahan bisa menjadi berkah :)

    Screenshoot ?

    Maaf, kameranya masih ditaro untuk lomba wpf competition heheheheheh

    Share this post: | | | |
  • Kerangka Awal WPF Competition

    Karena diberi kebebasan untuk menentukakan aplikasi yang akan dibuat.  Karena kalau malam dipakai untuk mroyek.  Karena dikantor engga enak kalau coding hanya untuk lomba.  Maka saya akhirnya memilih untuk bikin aplikasi yang bisa dipakai untuk lomba dan bisa dipakai untuk kantor.  Metode yang digunakan adalah "asal jadi dan bisa jalan dengan mulus".  Ini merupakan peningkatan dari metode "Hajar Blehhh".

    Aplikasi ini berupa helpdesk support yang dikaitkan dengan "laporan pertanggungjawaban" kepada team ISO di kantor.  Biar engga kena mayor atau minor gitu.

    Inti dari aplikasi ini adalah :

    • mencatat terjadinya incident tentang software, hardware dan server (phase 1)
    • bikin laporan standar untuk ISO (phase 1)
    • mencatat semua software dan hardware yang dimiliki (phase 1)
    • Tambahan lainnya kalau pas mood dan butuh :)

    Untuk lomba, karena poin utama adalah :

    Kreatifitas+UI 40%, Utilitas API 40% dan kualitas 20%

    Oleh karena itu saya akan mencoba  sampai phase 1 saja untuk lomba WPF ini (mudah2an hehehehe)

    Berikut screenshoot model network dan workflow sederhana

    network

    workflow

    File yang udah berbentuk Visio :

    Share this post: | | | |
  • Pemanasan WPF Competition

    Sebagai pemanasan sebelum membuat aplikasi untuk WPF Competition, saya ikutan lomba Next Generation UX Competition: 100 pemenang!

    Yahh walau modal desain pas-pasan, saya ikutan aja.  Sapa tau termasuk 100 pemenang hehehehe.. Lumayan dapat buku daripada Lu Manyun :P

    Screen shoot :

    screenshoot-lutfi

    Warna merah danputih karena sedang mengingat para pahlawan :)

    Source code :

    Saya milih WPF Style hehehehe

    Share this post: | | | |
  • Menyetel Gelombang ke Frekwensi WPF

    Mau OOT ah....

    Katanya kalo mau semangat ngerjain sesuatu, kita bagusnya memasukan dan memvisualisasikan apa yang akan kita kerjakan dalam pikiran bawah sadar kita.  Jadi semua resources akan terpusat dan mengarah pada apa yang kita impikan. 

    Nah karena saya pengen ikutan WPF Competition, makanya saya pasang wallpaper pengumuman lomba, agar semangat bikin aplikasi sampai selesai hehehehehe

    wall

    Bagi Cah Semarang atau sekitarnya, jika pengen ikut lomba tapi engga tau harus mulai darimana, silahkan kirim Nama, Alamat dan Email ke lutfie at g mail dot com.  Biar saya kirimi DVD Developer Kit.  Gratisss....

    Isinya ? File ISO Visual Studio 2008 Express Edition, NET Framework 3.5, Silverlight, EBook, Video, Source Code Training dan lain-lain.  Menarik bukan ? Belajar, ikutan lomba dan nge-gondol O2 :)

     

    image001

    Ayoo...daftar..daftar...masih tersedia banyak seat untuk jadi peserta lomba hehehehe...

    Share this post: | | | |
  • Serba Unleashed di Pekan Ini

    Dari "pertapaan" pinggir laut jawa, akhirnya saya berhasil mendapatkan buku yang diperoleh dari wangsit Om Z.

    Ini buku yang akan menemani malam-malam panjang :

    wpfunleashed expressionunleashed

    Tak lupa baca buku juga dari senior-senior dan guru saya seperti dibawah ini :

     

    wpf-justcodeit-640 WPF, Just Code It !

    Penulis: Ridi Ferdiana, MIC Lead UGM, MVP Client App Dev.

    Windows Presentation Foundation (WPF) merupakan sebuah pondasi yang kaya dalam mengantarkan "user experience" yang sangat menakjubkan secara visual. Buku ini membahas WPF dari sudut pandang seorang developer.

     

     

    $RE3NF6M User Experience in WPF and Silverlight with Expression Blend

    Penulis: Kresna Dewantara Siahaan, MIC Lead Universitas Indonesia.

    Buku ini membahas tentang Expression Blend yang merupakan salah satu produk design dari family Microsoft Expression Studio. Buku ini merupakan panduan yang bagus untuk membangun user experience atau design yang menarik untuk aplikasi WPF maupun Siverlight.

     

     

    image Smart Client Application Development

    Penulis: Ridi Ferdiana, MIC Lead UGM, MVP Client App Dev.

    Buku ini berbentuk hands on labs yang memfokuskan pada pengembangan aplikasi smart client / windows form dengan menggunakan kakas Visual Web Developer 2008 dan Visual C# 2008 Express.

     

     

     

    Uppsssss nyelip satu nih hehehehhee

     hyperunleashed

    Selamat Belajar :)

    Share this post: | | | |
  • Petuah Abang Nathan dari WPF Unleashed

    Sesuai sarang abang Z untuk mencari buku WPF Unleashed, saya mencoba browsing dan mencari tahu tentang buku itu.  Om Rully bilang di clickbookshop harganya sekitar 450 rebuan.  Saya ubek-ubek data dari mbah google untuk mendapatkan versi ebooknya juga engga ketemu.  Ya udahlah nasib :)

    Namun saya menemukan chapter sample dari buku WPF Unleashed ini.  Yaitu Chapter 3 yang membahas Important New Concepts in WPF.  Berikut ini summary dari apa yang bisa saya tangkap dari buku itu.

    Menurut beliau, XAML sangat natural dalam merepresentasikan user interface.  Kenapa demikian ? Karena bentuknya yang hirarkis.  Nah dalam WPF, user interfaces dibangun berdasarkan tree of objects yang dikenal dengan istilah logical tree.

    Berikut contoh listing dari abang Nathan :

    <Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    Title=”About WPF UnleashedSizeToContent=”WidthAndHeightBackground=”OrangeRed>
      <StackPanel>
        <Label FontWeight=”BoldFontSize=”20Foreground=”White>
          WPF Unleashed (Version 3.0)
        </Label>
        <Label>© 2006 SAMS Publishing</Label>
        <Label>Installed Chapters:</Label>
        <ListBox>
          <ListBoxItem>Chapter 1</ListBoxItem>
          <ListBoxItem>Chapter 2</ListBoxItem>
        </ListBox>
        <StackPanel Orientation=”HorizontalHorizontalAlignment=”Center>
          <Button MinWidth=”75Margin=”10>Help</Button>
          <Button MinWidth=”75Margin=”10>OK</Button>
        </StackPanel>
        <StatusBar>You have successfully registered this product.</StatusBar>
      </StackPanel>
    </Window>
    

     

    Nah listing code diatas mereprentasikan logical tree dimana Window sebagai root dan mempunyai child berupa stack panel dan stack panel mempunyai control dan beberapa stack panel yang berisi button :

    logicaltree

     

    Sama seperti logical tree, ada juga konsep yang disebut visual tree.  Visual Tree pada dasarnya adalah logical tree yang dikembangkan.  Dimana pada visual tree ini di break down lagi menjadi visual component.

    visualtree

    Segitu dulu petuah dari abang Nathan. 

    Mulai malam ini saya tidak lagi nulis blog secara sporadis dengan berbagai macam topik yang simpang siur.  Maklum pada tulisan sebelumnya, hanyalah mencoba, mencoba dan mencoba.  Saya akan libur nulis di geeks selama seminggu dan akan "bertapa" membaca buku-buku WPF.  Sehingga pada minggu berikutnya, saya bisa nulis dengan lebih fokus pada perancangan aplikasi untuk WPF Competition :)

    Sampai jumpa minggu depaannn.....salaaammmmm

    Share this post: | | | |
  • WPF - Exception Handling

    Disetiap aplikasi, selalu saja ada kemungkinan error.  Nah aplikasi yang baik, perlu melakukan "penanganan" terhadap error ini.  Nah ini ada cara exception handling secara sederhana

    private void button1_Click(object sender, RoutedEventArgs e)
    {
        try
        {
            oTblUserList.Load();
        }
        catch (Exception oEx)
        {
            MessageBox.Show("Button update click --> " + oEx.Message);
        }
    }

     

    Kalau kita lihat, ada try ...catch(exception oEx)  ini artinya cobalah jalankan oTblUserList.Update() dan jika engga berhasil simpan messagenya ke dalam oEx.  Disini penanganan error yang dilakukan cuma menampilkan message box.

    Ada juga model seperti ini :

    if (_AUserName.Trim().Length == 0)
        throw new Exception();
    

    Model  ini biasanya berpasangan dengan catch.  Artinya jika _AUserName nilainya kosong, maka akan dilempar (throw) ke new Exception.  Disini dia akan mencari catch yang ada didalam script itu.

    Karena script itu ada didalam oTblUserList.Load() maka catch yg muncul adalah MessageBox.Show("Button update click --> " + oEx.Message)

     

    Source code ? Maap prei dulu bro, utak-atik aja dari script sebelumnya hehehehe

    Happy weekend....

    Share this post: | | | |
  • WPF - Update Data di Database

    Melanjutkan tulisan tentang databinding disini, kali ini akan kita liat model update datanya.  Tentu saja kita perlu menyiapkan database dulu.

    Database yang saya gunakan adalah Access_App

    Tabel diberi nama TblUserList dengan kolom Name as string dan kolom Department as string.  Ssttt saya sebetulnya malas bikin tabel, makanya saya pake tabel yang sudah ada aja :)

    Kita lihat code nya :

    • Koneksi dulu ke database
    • Isi str dengan sql syntax biasa.  Disini engga dikasih where karena sudah pasti AUserName nya
    • Isi str terus diisi dengan isi dari row di parameter @namafield dengan kolom  _name dll
    • Terus di execute deh query tadi

    public voidUpdate()
    {
        if(_AUserName.Trim().Length == 0)
            throw newException("Kode User Tidak ditemukan");
        SqlConnection oConnection = newSqlConnection("Data Source=SQLServer;Initial Catalog=Access_App;user id=sarimin");
        oConnection.Open();

        stringstr = "";
        str += "UPDATE TblUserList ";
        str += "SET Name = @Name, ";
        str += "Department = @Department ";
        SqlCommand oCommand = newSqlCommand(str, oConnection);
        oCommand.CommandType = CommandType.Text;
        oCommand.Parameters.Add(newSqlParameter("@Name", _Name));
        oCommand.Parameters.Add(newSqlParameter("@Department", _Department));
        oCommand.Parameters.Add(newSqlParameter("@AUserName", _AUserName));
        oCommand.ExecuteNonQuery();

        oCommand.Dispose();
        oConnection.Close();
        oConnection.Dispose();
    }

    Screenshoot :

    Awal : Department di edit isinya

    asal

    Hasil Akhir : 

     hasil

    Source Code :

    Share this post: | | | |
  • WPF - Animasi Text

    Setelah mendapat pencerahan tentang UI yang keren, iseng-iseng saya nyoba animasi model jaman baheula di era DOS.  Apalagi kalo bukan running text atau tulisan berjalan.  Yaahhh... ini adalah maen-maen terakhir dengan model text sebelum full graphic addict.

    Model animasi ini menggunakan StringAnimationUsingKeyFrames dan namespaces System.Windows.Media.Animation.  Class ini akan meng-animasi-kan sebuah string melalui keyframe dalam durasi waktu tertentu.

    Lebih jelasnya, silahkan lihat dan download sample dibawah ini :

    Share this post: | | | |
More Posts Next page »