Windupurnomo's Blog

Membuat TextBox Only Numbers di Html Menggunakan JQuery

windupurnomo — Wed, 23 Nov 2011 05:44:27 +0000

TextBox only number ini digunakan untuk text box yang memang hanya boleh diisikan dengan angka atau karakter koma(,) dan titik(.). Dalam bebearpa aplikasi kita memerlukan pembatasan dimana user tidak boleh mengisikan karakter huruf. Dengan menggunakan JQuery kita hanya melakukan validasi di client dan memangkas kemungkinan error mulai dari sumbernya. Dalam contoh kali ini, ketika user mengetikkan karakter selain angka, koma dan titik maka karakter itu tidak akan dimunculkan. Berikut ini source codenya:


 
	
	

	Test

Untuk melihat demonya, anda dapat buka link ini: JsFiddle

Result: ::::::::::

Filed under: Java, Web Application Tagged: Html, Jquery, Numbers Only, Only number, Web Application

Membuat Applikasi Web Java tanpa IDE

windupurnomo — Sat, 19 Nov 2011 09:02:44 +0000

Dalam posting kali ini saya akan menjelaskan cara membuat aplikasi web yang sangat mudah tapi cukup menjelaskan basic pembuatan aplikasi web menggunakan Java. Sebelum develop aplikasi web menggunakan tools yang advance saya sangat menyarankan untuk memulainya dari hal yang mendasar seperti ini. Dengan memahami proses development sampai dengan deployment ke web server secara manual akan membangun pemahaman dasar yang bagus.

Untuk memraktekan pembuatan aplikasi web ini Anda hanya membutuhkan text editor (ex: notepad), command prompt , web server (ex: Apache Tomcat), dan tentunya jdk (java) yang sudah terinstall. Ini semua cukup mudah bukan? Dalam tutorial ini saya menggunakan sistem operasi Windows. Jika Anda menggunakan sistem operasi lain, silahkan sesuaikan.

Proses pertama, kita sediakan dulu folder-folder yang akan digunakan dalam pembuatan applikasi web. Berikut ini script command line yang digunakan untuk membuat folder-folder yang dibutuhkan:

C:\>mkdir \web-app
C:\>cd \web-app
C:\web-app>mkdir src
C:\web-app>mkdir deploy
C:\web-app>mkdir deploy\WEB-INF
C:\web-app>mkdir deploy\WEB-INF\classes

Folder src digunakan untuk menyimpan source code java (*.java). Sedangkan folder deploy digunakan untuk menyimpan semua file hasil deploy (*.jar, *.war) yang akan ditaruh di Tomcat nantinya. Jika kita menggunakan tools deployment seperti Apache Ant, kita akan membutuhkan file build.xml yang ditaruh dalam folder web-app (sederajat dengan folder src dan deploy). Tapi dalam tutorial kali ini kita tidak akan menggunakan tool yang advance seperti Apache Ant itu. Sekali lagi, kita akan melakukannya secara manual.

Untuk menyederhanakan tutorial ini, saya hanya akan membuat satu buah class Java saja. Class ini nanti akan disimpan di folder src. Untuk membuat class ini Anda dapat menggunakan notepad atau text editor lain yang Anda sukai.

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public final class WebTest extends HttpServlet {

  public void doGet(HttpServletRequest request, HttpServletResponse response)
    throws IOException, ServletException
  {
    response.setContentType("text/html");
    PrintWriter writer = response.getWriter();

    writer.println("Simple Web Application");
    writer.println("A Simple Web Application");
    writer.println("Here's some text...
...and a bit more text");
    writer.println("");
  }
}

Setelah itu kita compile class Java di atas dengan perintah sebagai berikut:

C:\web-app\src>javac -classpath %CATALINA_HOME%\lib\servlet-api.jar WebTest.java

Dalam script di atas, kita menyertakan servlet-api.jar yang mana di dalamnya terdapat class-class (atau package-package) yang dibutuhkan oleh code java yang kita buat sebelumnya (WebTest.java). Jika tidak menemukan package-package yang dibutuhkan (javax.servlet.ServletException dan javax.servlet.http.*), maka akan muncul error sebagai berikut:

WebTest.java:4: package javax.servlet does not exist
import javax.servlet.ServletException;
                     ^
WebTest.java:5: package javax.servlet.http does not exist
import javax.servlet.http.HttpServlet;
                          ^
WebTest.java:6: package javax.servlet.http does not exist
import javax.servlet.http.HttpServletRequest;
                          ^
WebTest.java:7: package javax.servlet.http does not exist
import javax.servlet.http.HttpServletResponse;

Jika error ini yang muncul, maka silahkan cek kembali keberadaan servlet-api.jar. Untuk Tomcat versi lama lokasi servlet-api.jar ada di folder: %CATALINA_HOME\common\lib\servlet-api.jar%.

Jika error ini tidak muncul, berarti proses kompilasi sudah berhasil. Untuk mengeceknya silahkan lihat dengan menggunakan perintah dir di command line, dan seharusnya file WebTest.class ada dalam list yang ditampilkan. Jika Anda sudah menemukan WebTest.class kemudian copy file tersebut ke folder deploy\WEB-INF\classes. Anda bisa meng-copy nya dengan menggunakan GUI atau bisa juga dengan menggunakan perintah command line sebagai berikut:

C:\web-app\src>copy WebTest.class ..\deploy\WEB-INF\classes
        1 file(s) copied.

Setelah file class berhasil digenerate dan dipindahkan ke dalam folder classes kemudian kita berikutnya akan membuat file web.xml. Isi file xml ini adalah penentuan URL yang akan digunakan untuk memanggil WebTest.class. Dalam tutorial ini saya akan menggunakan URL: /start-web-test. Silahkan anda copy file XML (web.xml) berikut:






  
    WebTest
    Some dummy name
  

  
    Some dummy name
    /start-web-test

Simpan web.xml di atas ke folder deploy/WEB-INF.

Sekarang folder deploy sudah siap dikompres menjadi file *jar dan kemudian akan dipaketkan lagi menjadi *.war yang siap untuk dideploy ke Tomcat. Gunakan script berikut untuk membuat file *war:

C:\web-app\deploy>jar cf MyWebTest.war *

Setelah itu kemudian copy file MyWebTest.war ke Tomcat dengan perintah berikut (atau dapat juga copy-paste menggunakan GUI):

C:\web-apps\deploy>copy MyWebTest.war %CATALINA_HOME%\webapps

Kemudian jalankan tomcat dengan perintah:

C:\web-apps\deploy>catalina.bat run

info: Tomcat memiliki feature hot deploy, jika kita memasukan file *.war ke webapps sedangkan Tomcat sedang running, maka file *.war itu akan tetap dapat dideploy tanpa harus me-restart Tomcat.

Setelah itu buka browser kemudian masukkan alamat:

http://localhost:8080/MyWebTest/start-web-test

Filed under: Java Tagged: Command line, Deploy, j2ee, Java, Manual, Notepad, Servlet, Simple, tomcat, Web App, Web Application, WebTest

Install Apache Tomcat di Windows

windupurnomo — Sat, 19 Nov 2011 06:39:48 +0000

Posting kali ini akan menjelaskan installasi Apache Tomcat di Windows. Tidak seperti installer windows yang lainnya (double click, kemudian next dan next sampai akhir ). Installasi tomcat dilakukan dengan melakukan beberapa konfigurasi classpath, agar bisa diakses dari manapun di command line. Tahapannya sangat mudah, kurang lebih ada 3 tahapan berikut:

Download

Download Tomcat kemudian ekstrak. Hasil ekstraksi berupa folder.

Setting Classpath

Buka Environment Variables: Klik kanan MyComputer > Properties > pilih Advanced System Settings > pilih tab Advance > Pilih button Environment Variables. Kemudian isikan Classpath untuk JAVA_HOME dan CATALINA_HOME pada User Variable. Pilih button New kemudian isikan seperti berikut untuk setting JAVA_HOME:

JAVA_HOME

Pilih button New lagi kemudian isikan sebagai berikut untuk melakukan setting CATALINA_HOME:

CATALINTA_HOME

Klik Ok untuk mengakhiri proses setting classpath ini.

Untuk menguji apakah classpath sudah terpasang dengan benar, buka command line (dimana pun berada) ketik: echo %JAVA_HOME%. Jika setting benar yang akan keluar adalah path dari lokasi java, klo saya berarti: C:\Program Files\Java\Jdk1.6.0.

Running Tomcat

Buka command line (di manapun berada) kemudian ketik perintah: catalina.bat run

Catalina

Test di Browser

Masukkan alamat ini pada browser: localhost:8080

Filed under: Java Tagged: apache, classpath, Command line, DOS, install, Java, tomcat

Membuat Game Puzzle Menggunakan Java

windupurnomo — Mon, 31 Oct 2011 03:00:07 +0000

Sudah hampir 1 bulan ini saya bolak balik Bogor Jakarta, berangkat jam 5.30 dan kembali lagi jam 20.00. Berarti kurang lebih 14 jam 30 menit saya kerja. Kurang lebih 40% (6 jam) dari waktu itu saya habiskan di perjalanan. Kondisi jalan yang jauh plus macet, menyebabkan saya harus ‘berjalan’ selama itu. Berawal dari Angkot Kampus Dalam s.d. Laladon, dilanjutkan dengan angkot Laladon s.d. Stasiun, kemudian beralih naik KRL dari st. Bogor ke st. Manggarai, dan diakhiri dengan naik Kopaja 66 menuju kantor di Kuningan, Jakarta.

Perjalanan seperti ini saya lakukan setiap hari, kecuali akhir pekan (Sabtu dan Minggu). Bagian paling melelahkan adalah ketika di KRL. Sudah bukan rahasia lagi, angkutan KRL Bogor-Jakarta, jauh dari ideal. Jumlah penumpang yang ‘bejibun’ tidak sebanding dengan jumlah KRL. Walhasil ribuan manusia berjejelan setiap harinya di dalam KRL. Dalam kondisi seperti ini, jangan terlalu berharap dapat tempat duduk. Anda harus berjuang keras agar dapat tempat duduk dengan datang lebih pagi atau lari sekencang2nya begitu pintu KRL terbuka, dan segera meraih tempat duduk yang kosong. Saran terakhir itu tidak jarang sesama ‘pencari kursi kosong’ saling sikut berebut berlarian seperti berebut sembako . Dan ketika saya sudah mendapatkan tempat duduk, belum tentu saya duduk di kursi itu, hati kecil saya selalu berteriak2 ketika ada ibu2 yang berdiri di depan saya, dan akhirnya saya merelakan tempat duduk itu utk ibu2. Ketika kondisinya seperti ini, berdiri adalah satu2nya cara untuk sampai ke kantor. Tahukah Anda, berapa lama jarak Bogor – Manggarai. 1 Jam! ya 1 jam. Selama itu lah para penumpang berdiri. Waktu yang cukup lama dan melelahkan, mengingat kondisi KRL yang sangat penuh dan sesak. Tak jarang sesekali terasa pengap, seperti kehabisan oksigen.

Tiba2 terdengar teriakan dari penonton… “Woyyyy……. Ini artikel salah judul ya? Judulnya apa, isinya apa. ‘Jaka Sembung’ ini mah…”.

Ok… ok.. maaf terlalu bertele2, cerita di atas sebenernya hanya latar belakang saja dari pembuatan game ini (udah masuk nih…). Seperti cerita saya di atas, waktu 1 jam di dalam KRL yang melelahkan itu bener2 bikin BT. Ada beberapa cara untuk meredam rasa BT, beberapa di antaranya adalah:

Tilawah
Baca Buku/koran
Main Game
Ngobrol sama penumpang lain

Beberapa solusi di atas cukup ampuh membuat waktu perjalanan terasa lebih singkat. Dan khusus untuk point no 3, Main Game, saya melakukannya di HP. Salah satu game favorit saya adalah Puzzle, game nya sangat sederhana, cuma geser2 puzle biar dapat rangkaian gambar yang terurut. Menurut saya ini game cukup bagus, melatih kita mengatur strategi dan memperkuat ingatan.

Nah, dalam tulisan ini, saya sedikit berbagi dengan pembaca untuk membuat game puzzle ini. Dalam program yang saya buat, saya tidak menggunakan gambar sebagai background potongan puzzle, tapi menggunakan angka. Goal dari game yang saya buat adala menyusun potongan puzzle sehingga angka2 terurut dari 1 s.d. 8 kemudian disusul tanda pagar (#). Ada beberapa hal yang saya latih dari pembuatan game ini:

1. Algoritme

2. Struktur program yang rapi (memisahkan antar view dan controller)

Dengan struktur program yang bagus, program akan mudah dikembangkan misalkan, mengganti potongan puzzle dari yang tadinya angka menjadi gambar, menambahkan efek suara, dll. Dan tentunya algoritme yang baik (dan benar), akan membuat program menjadi lebih ringan dijalankan (misalnya karena penggunaan memory yang efisien).

Oke tanpa berpanjang2 kata dan berbahasa-bahasi , silahkan pembaca sekalian mengunjungi halaman download saja. Di sana sudah disediakan source code dan juga hasil build-nya. Sehingga anda dapat membaca source codenya(siapa tahu butuh) atau kalau hanya ingin main2 dengan program buatan saya silahkan ekstrak hasil download kemudian buka folder dist double klik WarmingUp.jar.

Link Donwload: Pilih WarmingUp.rar ya..

Filed under: Java Tagged: Bogor, Bowring TIme, Computer Game, Game, Handphone, Jakarta, Java, Java Game, Kereta Listrik, Kreatif, KRL, Number, Puzzle, Random

Schema Comparison di Visual Studio 2010

windupurnomo — Wed, 26 Oct 2011 07:45:34 +0000

Schema Comparison adalah metode untuk melakukan ‘kloning’ struktur database(schema). Apa pentingnya melakukan ‘kloning’ ini? Dalam pengerjaan software yang dilakukan secara profesional, pengerjaan software biasanya melalui tahapan sebagai berikut: Development(D), QualityAssurance(QA) dan Production(P). Setiap tahapan mungkin dilakukan pada mesin (server) berbeda. Hal ini berarti, ketika proses Development selesai kemudian akan naik ke proses QualityAssurance, maka binary dari code program, database, dan lainnya akan dipindahkan dari mesin D ke mesin QA. Dalam posting ini saya akan menjelaskan sedikit pengalaman saya tentang proses schema comparison yang dilakukan menggunakan Visual Studio 2010. Selain Visual Studio, ada lagi tool lain yang memiliki fungsi sama untuk melakukan comparison yaitu Red Gate.

Skenario dari tutorial kali ini adalah,

[1]. Membuat database ‘SourceDB’ yang berisi tabel ‘Product’ di server D dan membuat database ‘TargetDB’ di server QA (pada Ms SQL Server Management Studio ).

[2]. Melakukan cloning pada Visual Studio 2010.

Membuat Database Source dan Target

Di masing-masing server buat database dengan nama SourceDB (server D) dan TargetDB (server Q)

Untuk setiap server buat masing-masing database dengan cara melakukan klik kanan pana folder database > New Database… > Masukkan nama database yang akan dibuat > Ok.

Membuat Tabel ‘Product’ di Server D

Cari database yang baru saja kita buat (SourceDB), kemudian klik tanda plus (+) yang ada di sebelah kirinya untuk menampilkan item-item di bawahnya, kemudian klik kanan pada folder Tables, pilih New Table….

Kemudian masukkan field2 untuk tabel Product:

Note:

Untuk menambahkan Primary Key, klik kanan pada fiedl ID kemudian pilih Set Primary Key. Setelah itu kemudian save, simpan dengan nama Product.

Kloning Database dari Server D ke Server Q Menggunakan Visual Studio 2010

Pilih Menu Data > Schema Compare > New Schema Comparison… Kemudian akan muncul Window baru untuk memilih koneksi database source dan Target.

Keterangan:

1. Pilih button ‘New Connection’, kemudian akan muncul windown baru

2. Masukkan nama server

3. Pilih ‘Use SQL Server Authentication’ kemudian masukan user ‘sa’ dan passwordnya

4. Pilih database yang akan dijadikan source/target kloning

5. OK

Lakukan langkah-langkah di atas untuk melakukan konfigurasi pada source schema dan target schema.

Menulis Perubahan pada Target Schema

Setelah Anda menentukan schema untuk source dan target maka hasil komparasinya akan ditampilkan di Visual Studio.

Keterangan:

1. Table dbo.Product dikenali sebagai tabel yang tidak ada di target schema.

2. Klik Write Update untuk menulis tabel yang Product pada target schema.

Selesai sudah proses komparasi sekaligus kloning ke target schema. Sebagai catatan, selain table, proses ini juga dapat melakukan komparasi StoreProcedure, View, dan Function. Cara ini cukup mudah dan cepat. Selamat mencoba, semoga bermanfaat.

Filed under: Basis Data, Windows Tagged: database, Development, Function, Production, Quality Assurance, Red Gate, Schema Compare, Server, SQL Server, SQL Server Management Studio, Store Procedure, Table, View, Visual Studio

Jadi Developer Product Microsoft Juga

windupurnomo — Mon, 22 Aug 2011 09:59:12 +0000

Posting ini merupakan posting awal saya tentang produk-produk Microsoft. Dulu saya cukup antipati sama product Microsoft, dimulai dengan alasan idealisme, sampai kepada masalah gengsi. Gengsi pake product Microsoft karena g Laki! , letak g Laki nya karena kebanyakan cuma drag and drop dan developer benar-benar dimanjakan dengan banyak wizard, sehingga kadang2 bisa membuat developer g ngerti proses di balik wizard itu.

Tapi lambat laun rasa antipati itu hilang, ketika saya mulai masuk dunia kerja. Di tempat kerja sekarang ini, semua produk yang dihasilkan kebanyakan (atau bahkan semuanya) dihasilkan dengan menggunakan tools dari Microsoft. Visual Studio, C#, ASP .Net, MVC, K2 Workflow, Windows Mobile, Silverlight, WPF, WCF, Sharepoint, Biztalk, dll. Bahasa ibu yang saya miliki (baca: Java) tidak pernah saya gunakan untuk mengerjakan projek-projek di kantor. Lambat laun saya mulai terbiasa dengan produk-produk Microsoft di atas. Saya sekarang cukup familiar dengan C#. Awal belajar C# pun tidak cukup sulit, karena 60% nya merupakan serapan dari bahasa Java.

Perkenalan dengan Microsoft di kantor, membuat saya berfikir ulang tentang masa depan saya (lebay… ). Klo hati kecil saya terus menolak microsoft, saya tidak akan bisa all out dalam kerja alias setengah-setengah, dan tentunya hal ini berakibat kurang baik dalam hal kinerja saya di kantor. Lalu bagaimana dengan alasan2 awal saya menolak Microsoft? Klo saya mw menerima Microsoft, berarti saya harus bisa menjawab, alasan2 tersebut. Setelah saya renungkan, ini adalah jawaban yang dapat saya berikan untuk saya sendiri

Microsoft itu seperti monster yang memakan/memonopoli perusahaan lain
G peduli, karena yang dimakan/dimonopoli pun belum tentu perusahaan yang baik.
Microsoft itu matre, pelit
Istilah matre di sini, saya sebutkan karena produk-produk Microsoft dijual sangat mahal, dan hampir tidak mungkin bisa dipake oleh orang biasa. Beruntung bagi mahasiswa atau developer di kantor yang institusinya sudah bekerja sama dengan Microsoft, dia g kena masalah ini. Ok, jawaban saya untu ini adalah. Dari pengalaman saya yang sedikit maslah development software, saya benar-benar ikut terlibat dalam setiap karakter yang saya ketikkan sendiri di keyboard. Dan saya merasakan sendiri rasa cenat-cenut di kepala ketika memikirkan algoritme yang tepat dan efisien. Dan saya juga merasakan tidak tidur semalaman untuk develop sebuah software. Dan klo software yang saya hasilkan itu, saya minta penggantinya berupa materi, maka hal itu adalah hal yang wajar, karena produk tersebut memang dibuat dengan susah payah dan saya memang pantas mendapatkan bayaran. Jadi apa maslahnya ketika kita Microsoft tidak menggratiskan produk2nya? Terus tentang harga software yang sangat mahal itu? Saya mengakui, bahwa produk2 yang dibuat Microsoft benar2 powerfull, user interfacenya bagus, yang betul2 dibuat berdasarkan analisis yang akurat terhadap user, serta integrasinya dengan semua produk Microsoft, serta dokumentasi yang sangat lengkap. Kelebihan2 ini yang saya pikir wajar jika produk2 Microsoft dijual dengan harga tinggi. Dan lagi, masalah harga adalah masalah yang relatif. Orang tidak akan merasa mahal karena apa yang dia dapatkan sebanding dengan yang dia keluarkan. Suatu software yang murah, tapi banyak bug, dan besarnya biaya perbaikkan tentunya tidak lebih menguntungkan daripada beli sofware yang mahal, reliable, dan tidak membutuhkan biaya-biaya lain yang signifikan.
Microsoft itu tidak mendidik developer
Tidak mendidik karena membiarkan developer tidak memahami/menyentuh proses di belakang layar. Hal ini sebenarnya kembali kepada developer yang bersangkutan. Bantuan ini bukan berarti developer tidak mengetahui, banyak buku, artikel, diskusi yang membicarakan proses di belakang layar, yang tentunya akan membuat developer lebih tahu tentang hal itu. Sedangkan saat development, kita dikejar dengan deadline yang membutuhkan penyelesaian yang cepat. Sehingga kemudahan2 yang diberikan oleh Microsoft sebetulnya akan lebih banyak membantu pada saat2 seperti ini. Dan fokus kita sebagai developer adalah tetap kepada algoritme dan main proses serta logic yang dibutuhkan dalam softwre tersebut. So, tetep Laki dengan pake Microsoft (dengan catatan: waktu pembuatan program harus lebih cepat, Software yang dihasilkan lebih interaktif).

Yap akhirnya saya mulai menerima Microsoft dan mulai mengembangkan aplikasi2 sendiri dengan produk-produk Microsoft. Dan mungkin kedepannya blog ini pun akan saya tambahkan dengan share pengalaman development menggunakan C#, WCF, WPF, Sharepoint, dll…

Filed under: Microsoft Tagged: ASP, BizTalk, C Language, Microsoft, Motivasi, MVC, Sharepoint, WCF, WPF

Aplikasi POS

windupurnomo — Thu, 02 Jun 2011 02:32:03 +0000

Saat ini saya akan menunjukkan aplikasi yang saya buat yaitu Point of Sale (POS). Aplikasi ini digunakan untuk mencatat data transaksi di warung/toko/supermarket atau lainnya. Aplikasi terdiri dari dua menu:

Penjualan
Maintenance Barang

Menu Penjualan

Pilih Barang : F1

Pencarian barang dibantu dengan searcher otomatis. Pengguna tinggal mengetikan nama barang pada text field. Dan secara otomatis nama barang dengan awalan kata yang sama akan ditampilkan dalam tabel. Untuk memilih barang yang dimaksud, dapat menggunakan mouse dengan meng-klik baris barang. Atau dapat juga menggunakan keyboard dengan menggunakan shortcut F1. Untuk pindah dari satu row ke row yang lain dalam tabel dapat menggunakan key Enter atau key arah atas dan bawah (Up & Buttom).

Pembayaran : F2

Dalam form ini pengguna tinggal memasukkan jumlah uang yang diberikan oleh pelanggan. Secara otomatis program akan menghitung kembaliannya. Jika uang yang diberikan pelanggan kurang, maka program akan memberikan peringatan.

Menu Maintenance Barang

Menu ini digunakan untuk maintenance barang. Jika barang dagangan sudah datang (pembelian), silahkan masukkan datanya di sini. Fieldnya terdiri dari, Nama Barang, Harga Beli, Harga Jual, dan Jumlah. Untuk pindah dari satu field ke field berikutnya, dapat menggunakan key Enter.

Silahkan download program lengkap(POS.rar) dan database(pos.sql) di bawah ini :

http://code.google.com/p/windupurnomo/downloads/list

Filed under: Kuliah Tagged: aplikasi kasir, Aplikasi penjualan, free, Gratis, Java, mysql, Point of Sale, POS

Algoritme Untuk Menemukan Bilangan Prima yang Kurang Dari N

windupurnomo — Wed, 11 May 2011 05:45:22 +0000

Ini adalah salah satu soal di situs projecteuler.net,

The sum of the primes below 10 is 2 + 3 + 5 + 7 = 17.

Find the sum of all the primes below two million.

Soal ini mungkin tidak terlalu sulit, tapi yang menantang di sini adalah bagaimana menemukan jawaban dengan algoritme yang paling bagus. Sehingga kita tidak terlalu lama menunggu jawaban keluar dari program. Dalam posting kali ini, saya akan memberikan beberapa algoritme untuk menyelesaikan soal di atas.

1. Brute Force

Ini adalah algoritme yang paling mudah di buat, dan mungkin algoritme yang pertama kali terpikir ketika membaca soal di atas. Algoritme ini terdiri dari dua loop, loop pertama untuk mendapatkan bilangan prima sebelum N dan loop ke dua untuk mengecek apakah nilai pada loop pertama itu bilangan prima atau bukan. Klo dikata2in mungkin agak susah nangkapnya, jadi mari kita lihat sourcecode nya saja.

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;

namespace Exercise1
{
    class Program
    {
        public static void Main()
        {
            double finish = 2000000;
            List l = new List();
            for (int i = 2; i < finish; i++){
                bool flag = true;
                for (int j = 2; i > j && flag; j++)
                    if (i % j == 0)
                        flag = false;
                if (flag) l.Add(i);
            }

            double sum = 0;
            foreach (var item in l)
            {
                sum += item;
                Console.Write("{0}, ", item);
            }
            Console.WriteLine("Jumlah: {0}", sum);
            Console.ReadKey();
        }
    }
}

2. Cek Ganjil

Seperti yang kita ketahui, bilangan prima itu pasti ganjil kecuali satu saja yang tidak ganjil yaitu bilangan 2. Nah, pada algoritme ini dilakukan eliminasi terhadap bilangan genap, yang sudah dipastikan bukan bilangan prima.

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;

namespace Exercise1
{
    class Program
    {
        public static void Main()
        {
            double finish = 10;
            List l = new List();
            l.Add(2);
            for (int i = 3; i < finish; i+=2){
                bool flag = true;
                for (int j = 3; i > j && flag; j+=2)
                    if (i % j == 0)
                        flag = false;
                if (flag) l.Add(i);
            }

            double sum = 0;
            foreach (var item in l)
            {
                sum += item;
                Console.Write("{0}, ", item);
            }
            Console.WriteLine("Jumlah: {0}", sum);
            Console.ReadKey();
        }
    }
}

3. Setengah Pembagi
Jika kita mengecek 7, maka yang dilakukan adalah: 7 % 2 != 0 | 7 % 3 != 0 | 7 % 4 != 0, nah setelah ini adalah pengulangan dari sebelumnya. Jika modulus bilangan sebelum setengahnya tidak ada yang sama dengan 0 maka, sesudah nya pun g ada.

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;

namespace Exercise1
{
    class Program
    {
        public static void Main()
        {
            double finish = 10;
            List l = new List();
            l.Add(2);
            for (int i = 3; i < finish; i+=2){
                bool flag = true;
                double half = i/2;
                for (int j = 3; i > j && flag && j < half; j+=2)
                    if (i % j == 0)
                        flag = false;
                if (flag) l.Add(i);
            }

            double sum = 0;
            foreach (var item in l)
            {
                sum += item;
                Console.Write("{0}, ", item);
            }
            Console.WriteLine("Jumlah: {0}", sum);
            Console.ReadKey();
        }
    }
}

4. Thread

Untuk thread ini, implementasinya blm tuntas saya coba, jadi blm saya sampaikan sourcecode nya di sini.

Jika ada para pembaca yang memiliki solusi yang lebih baik atau ingin mengomentari, saya persilahkan. Dengan ini diskusi saya nyatakan dibuka

Filed under: programming Tagged: Algorithm, euler, Prime Number, programming

[Answering] Hubungan Jaringan Syaraf Tiruan dan Pengolahan Citra Digital

windupurnomo — Tue, 10 May 2011 02:50:36 +0000

Kurang lebih sebulan kemarin saya mendapat pertanyaan dari pembaca blog ini, pertanyaannya seperti ini:

Salam alaikum…
mas. blog na keren, saya lagi fokus dalam PCD (Pengelolahan Citra Digital) / Digital Image Processing dengan java.. klu bisa tutorial mengenai PCD na ditambahi dunk…hehehehe
oh ya saya mau tanya apakah PCD berhub erat dengan JST (Jaringan Saraf Tiruan)??

Soalnya saya tidak ngambil JST di matkul saya,, gmn solusinya ya mas???
Makasih banyak…

Berikut ini adalah jawaban saya:

Wa’alaykumsalam….
Mudah2an dalam waktu dekat saya bisa kembali menulis tutorial tentang Image Processing lagi.
Jaringan syaraf tiruan, merupakan salah satu Machine Learning. Dia meniru cara kerja otak manusia untuk mengambil kesimpulan. Biasanya digunakan dalam proses seperti Klasifikasi, Regresi, Pattern Recognition, dll. Dia MENGUMPULKAN berbagai INFORMASI kemudian membuat model dari informasi itu, dan dengan model itulah kemudian dia melakukan ‘banyak’ hal.

Informasi yang dimaksud adalah seperti ini: Ketika waktu kecil, mungkin kita tidak tahu nama dari benda yang suka diduduki manusia, tapi seiring berjalannya waktu. Kita mendengar ayah kita mempersilahkan duduk tamunya, “silahkan duduk di kursi”, oh ternyata itu namanya kursi. Awalnya kita hanya mengenal kursi di rumah yang terbuat dari kayu yang sederhana. Seiring berjalannya waktu, di luar sana kita pun menjumpai orang duduk di tempat yang ada sandarannya dan sepertinya empuk untuk didudukki. Karena kita memiliki pengetahuan awal tentang kursi dan juga mengetahui bahwa benda tersebut memiliki kemiripan dengan kursi yang pernah diamati sebelumnya, maka kita dapat menyimpulkan bahwa itu juga adalah kursi. So, dengan proses menyerap informasi ini, kita menjadi tahu dan bisa membedakan mana kursi mana bukan kursi. Begitu juga dengan JST ini, dia belajar dari informasi yang kita berikan.

Hmmm masih belum ngerti mas. Informasi apa? Perasaan di kampus saya ga pernah dikasih problem kursi yang disuruh dikerjakan menggunakan JST. Gimana dong?

Ok. Saya beri contoh lain, yang lebih mudah dilakukan komputasi. Misalkan kita ingin membuat sistem (menggunakan JST) untuk memebedakan mana pemain bola dan mana pemain sumo. Jika nanti saya masukkan ke dalam sistem, “Orang A menggunakan kaus merah, dia memakai sepatu warna putih, membahwa motor merk XX, memiliki berat 60 kg dan tinggi 170 cm. Apakah orang A ini pemain bola atau sumo?” Kita pasti bisa menebak dengan tepat bahwa itu bukan pemain Sumo.
Tapi masalahnya adalah, komputer tidak secerdas manusia, dia belum memahami bagaimana karakteristik dari pemain bola dan pemain sumo. Karenanya kita harus “ajari” dulu komputer agar dia bisa kenal bahwa pemain bola itu kayak begini dan pemain sumo itu kayak begitu.

1. Ekstraksi Feature
Dengan apa kita ngasih dia pelajaran? Mari kita cari informasi apa sih yang dapat digunakan (FEATURE) agar komputer bisa membedakan pemain bola dan mana pemain sumo. Kita analisis feature2 dari contoh di atas:
a. Baju
b. Sepatu
c. Motor yang dipakai
d. Berat badan
e. Tinggi badan
Dari ke-5 feature itu, feature berat badan dan tinggi badan adalah feature yang sangat infromatif dan representatif dibanding dengan feature yang lain. Karenanya kita akan melatih Model kita dengan feature ini.

2. Training
Secara sederhana pelatihan dilakukan seperti ini:
Komputer diberikan data sebagai berikut (berat[kg], tinggi[cm], pemain) misal
60, 170, bola
55, 172, bola
80, 168, sumo
62, 173, bola
90, 170, sumo
…
Dalam contoh itu maksudnya, orang pertama memiliki berat 60kg, tinggi 170cm, dan dia pemain bola. Orang ke-2 memiliki berat 55kg, tinggi 172, dan dia pemain bola. Dan seterusnya untuk data yang lain. Semakin banyak data yang digunakan model yang dibentuk akan semakin ‘pintar’.
Dengan machine learning (JST, SVM, KNN, dll) data itu diolah dan dibuatkan model. (Silahkan baca2 algoritme untuk imlementasinya)

3. Testing
Setelah model berhasil dibuat, kemudian model dikasih problem, misalkan seperti soal tadi: Orang A menggunakan kaos merah, dia memakai sepatu warna putih, membahwa motor merk XX, memiliki berat 60 kg dan tinggi 170 cm. Apakah orang A ini pemain bola atau sumo?
Problem tadi diekstrak misalkan menjadi: 60, 170, ?
Kemudian problem dimasukan ke dalam sitem. Dan insya alloh komputer kita bisa menebak orang tadi

Lalu apa hubungannya dengan Pengolahan Citra Digital(PCD)/Digital Image Processing mas?

Dari contoh di atas (bola dan sumo), saya sudah menunjukkan bahwa JST itu tidak selalu harus berhubungan dengan PCD. Yang penting ada informasi untuk dia belajar, dan kemudian dia mengolahnya menjadi sebuah model, JST sudah dapat berjalan sebagaimana mestinya. PCD digunakan jika kasus yang dipakai adalah seputar Image. PCD berperan untuk menyediakan informasi untuk data training. Misalkan kita ingin membuat sistem untuk mengenali apakah image ini angka 1 atau angka 7.
Untuk melakukan ini, sistem kita latih midalkan dengan menggunakan 20 image angka satu dan 20 image angka tujuh. 40 Image ini kemudian diekstrak, oleh program komputer yang menerapkan konsep2 PCD, untuk menghitung tinggi dan lebar objek angka 1 dan 7. Sehingga di dapat data (tinggi, lebar, angka). Nah di situlah perannya PCD.

Bagaimana sekarang sudah ada gambaran? Mudah2an bermanfaat. Wallohu’alam…

Filed under: Kuliah Tagged: answering, image processing, jaringan syaraf tiruan, jst, KNN, machine learning, neural network, svm

Mengoptimalkan Kerja Kelompok dengan Tools Gratis di Internet

windupurnomo — Wed, 02 Mar 2011 20:28:24 +0000

Semakin bertambahnya usia, semakin banyak ilmu dan infomrasi yang diterima. Rasanya sangat disayangkan kalau ilmu itu hanya disimpan dalam kepala. Tulisan dalam blog ini merupakan bagian dari ilmu yang sudah saya dapatkan dan saya coba ikat dan bagikan ilmu tersebut di sini. Selamat membaca.

Saya, Prawito Hudoro, dan Bagus sedang semangat mengerjakan game Android. Di anatara kami bertiga, hanya saya yang kerjaannya nulis program. Prawito juga sebetulnya cukup aktif sebagai programmer sejak SMA, bahkan dia pernah ikut TOKI (Tim Olimpiade Komputer Indonesia) sampai provinsi, tapi dalam projek ini dia fokus untuk menuliskan ide kreatif dari game. Sedangkan Bagus dia mahasiswa Arsitektur Lanskap IPB, dan sangat mahir membuat gambar-gambar semacam manga. Dalam projek ini bagus fokus dalam membuat tampilan game. Kami bertiga bekerja sama untuk membangun aplikasi ini secepat mungkin, dengan kondisi yang terpisah serta sibuk dengan aktifitas masing-masing. Tapi untungnya, kami masih dapat mengakses internet yang tentunya dapat menggabungkan hasil kerja.

Sampai saat ini baru dua tools yang kami gunakan untuk sharing pekerjaan di internet, GoogleDocs dan GoogleCode. Ya keduanya sangat membantu kami dalam berinteraksi. Google Docs sangat mirip dengan aplikasi office (open office atau microsoft office). Ada Word, SpreadSheet, dan Presentation dan Form. Jika Anda mahir mengoperasikan office saya jamin tidak akan kesulitan dengan GoogleDocs ini. Bedanya dengan Office adalah GoogleDocs dapat digunakan secara bersamaan oleh dua orang atau lebih dalam tempat dan waktu yang berbeda. GoogleCode dan mungkin ini yang paling asing atau jarang digunakan oleh orang. GoogleCode digunakan sebagai repository Subversion. Dalam google code ini saya menyimpan code-code program Android yang sedang dikembangkan. Code-code itu dapat digunakan secara bersamaan oleh kami, kemudian dilakukan perubahan terhadap code itu, dan kemudian di commit kembali ke repository. Wito yang pernah aktif di dunia pemrograman saya coba libatkan juga di sini, untuk bersama membangun code-code program agar projek dapat cepat terselesaikan.

Filed under: Android, inspriration Tagged: Android, Game, Google Code, Google Docs, internet, Sharring, Subversion, Tim