{Hakim}

Dream Runner

Arsip untuk ‘Tutorial’ Kategori

Five Prayer Time

Ditulis oleh Muhammad Hakim di/pada 1 November 2009 6:07 am

five-prayer-times

this application show current time & five prayer time for muslim specific for my current city (Bandung, latitude:6.54 & longitude: 107.36), with polar clock as visualization.

to compute prayer time, i use algorithm that described in this site http://tanzil.info/praytime/doc/calculation/.

source code:
Baca entri selengkapnya »

Ditulis dalam Islam, JavaFx, Programming, Tutorial | 3 Komentar »

Tips For New Design

Ditulis oleh Muhammad Hakim di/pada 30 Juli 2009 6:48 am

an interesting design tips

Ditulis dalam Slide, Tutorial | Leave a Comment »

Gmail Tips

Ditulis oleh Muhammad Hakim di/pada 2 Juli 2009 8:42 pm

Ingin lebih efisien memanfaatkan gmail, baca tips & tricks berikut ;)

http://www.google.com/mail/help/tips.html

Ditulis dalam Tutorial | 2 Komentar »

Reversifx: Javafx Mobile Reversi – The Source Code

Ditulis oleh Muhammad Hakim di/pada 18 Juni 2009 10:33 pm

sepertinya ada yang lagi butuh source code buat demo di sini, jadinya malam ini ku publish saja source code program ini di jfxstudio, dan tentu saja juga di blog ini :) . meski jauh dari sempurna, karena sudah tidak saya sentuh lagi semenjak saya posting di blog ini beberapa waktu yang lalu, tapi insya Allah cukuplah buat yang pengen belajar dan sebagai bahan referensi :)

Reversifx

terima kasih, selamat bermalam jumat :)

Ditulis dalam JavaFx, Programming, Tutorial | Leave a Comment »

Visualizing Flu Activity With Javafx

Ditulis oleh Muhammad Hakim di/pada 7 Juni 2009 4:36 pm

Salah satu fitur baru (kelas) di javafx 1.2 adalah chart, sebagai latihan saya membuat sebuah chart untuk aktivitas flu (influenza) di Australia, yang datanya disediakan oleh Google.org. Berdasakan penelitian dari google.org, jumlah query tertentu yang berkaitan dengan flu dari suatu wilayah tertentu dengan jumlah persebaran penyakit flu di daerah tersebut ternyata ada kesesuaian, oleh karena itu, jumlah kueri ini digunakan untuk memprediksi persebaran virus flu di suatu wilayah/negara tertentu.

ini screenshotnya:
flutrend

Baca entri selengkapnya »

Ditulis dalam JavaFx, Programming, Tutorial | Leave a Comment »

Javafx Multiple Effect

Ditulis oleh Muhammad Hakim di/pada 1 Juni 2009 7:06 am

Kali ini saya ingin kembali membahas effect pada node di javafx. Jika anda telah membaca postingan saya sebelumnya maka anda dapat melihat kita bisa memberikan effect pada sebuah node dengan mudah. Berbeda dengan postingan sebelumnya, kali ini hendak menunjukkan kepada anda, bagaimana memberikan lebih dari satu effect pada sebuah objek.

untuk mempermudah, saya menggunakan objek gambar sebagai contoh (pada dasarnya anda bisa menggunakan objek selain gambar untuk diberi effect), dan menerapkan dua effect yaitu efek bayangan dan sephia.

cara 1:

/*
 * Multiplefx.fx
 *
 * Created on 01 Jun 09, 6:39:36
 */

package testareafx;

import javafx.scene.image.ImageView;
import javafx.scene.image.Image;
import javafx.scene.effect.SepiaTone;
import javafx.scene.Group;
import javafx.scene.effect.Reflection;
import javafx.stage.Stage;
import javafx.scene.Scene;

/**
 * @author Hakim
 */

def img = ImageView {
    image: Image {
        url: "{__DIR__}butterfly.jpg"
    }

    effect: SepiaTone {
        level: 0.5
    }
}

def group = Group{
    content: img;
    effect: Reflection {
        fraction: 0.5
        topOffset: 0.0
        topOpacity: 0.5
        bottomOpacity: 0.0
    }
}

Stage {
    title : "Multiple Effect"
    scene: Scene {
        width: 500
        height: 500
        content: group
    }
}

cara 2:

/*
* Multiplefx.fx
*
* Created on 01 Jun 09, 6:39:36
*/

package testareafx;

import javafx.scene.image.ImageView;
import javafx.scene.image.Image;
import javafx.scene.effect.SepiaTone;
import javafx.scene.Group;
import javafx.scene.effect.Reflection;
import javafx.stage.Stage;
import javafx.scene.Scene;

/**
* @author Hakim
*/

def img = ImageView {
image: Image {
url: "{__DIR__}butterfly.jpg"
}

effect: SepiaTone {
level: 0.5
input: Reflection {
fraction: 0.5
topOffset: 0.0
topOpacity: 0.5
bottomOpacity: 0.0
};
}
}

def group = Group{
content: img;
}

Stage {
title : "Multiple Effect"
scene: Scene {
width: 500
height: 500
content: group
}
}

hasilnya adalah:

multiple effect

gambar paling kiri adalah gambar asli, gambar di tengah adalah multiple effect dengan cara 1 dan gambar paling kanan adalah setelah diterapkan dengan cara 2.

cara pertama, effect sephia hanya diterapkan pada gambar, sedangkan cara kedua, reflection menjadi input pada efek sephia, sehingga keduanya (gambar asli maupun bayangannya) akan mendapat efect sephia.

Ditulis dalam JavaFx, Programming, Tutorial | Leave a Comment »

Javafx Pie Menu (with Fish Eye Effect)

Ditulis oleh Muhammad Hakim di/pada 18 Mei 2009 2:20 pm

Here’s a simple pie menu (context menu) using javafx. 

 

use right click to show (context) menu and left click to hide it. 

try this here:   

fyi, i also post it at javafxstudio.

here it is the source code 
Baca entri selengkapnya »

Ditulis dalam JavaFx, Programming, Tutorial | Leave a Comment »