Menampilkan gambar di Java NetBeans tanpa Coding


Langsung saja ya :

  1. Siapkan projek baru di NetBeans misalnya nama projek “gambar”.
  2. Pada folder proyek simpan file-file gambar.
  3. Sehingga di proyeknya ada file tersebut.
  4. Buat jFrame dan tambahkan sebuah jLabel dan hilangkan textnya.
  5. Klik kanan di jLabel tersebut dan pilih Properties
  6. Pilih bagian ICON
  7. Buka buka, dan cari file gambarny. kemudian klik close.
  8. Jika berhasil maka gambar akan berada pada jLabel tersebut.
  9. Selesai

 

Sekian tutorial dari saya. terimakasih telah berkunjung ke blog ri32. semoga bermanfaat…aamiin

Karawang, 15-11-2010

noname

Advertisements

Menampilkan Gambar di GUI Matlab


Dalam mempelajari pemrograman pengolahan citra dengan menggunakan GUI Matlab, langkah  pertama yang harus anda lewati adalah membuat program mencari gambar dan menampilkanya ke Axes yang ada di badan program. Scriptnya simple, tapi mungkin karena kurang teliti dari kita yang masih tahap belajar. Langkah pertama ini agak sulit terlewati. Tapi jangan menyerah…teruslah Semangat kawan!!

Pidato nya udah, sekarang lanjut ke program yee. Adapun langkah-langkahnya adalah sebagai berikut :

  1. Buka program matlab nya, dan buka editor GUI nya.
  2. Kita disini hanya akan menggunakan 2 komponen yaitu “push button” yang digunakan untuk mencari gambarnya, dan “Axes” yang digunakan untuk menampilkan gambarnya.
  3. Aturlah penempatan komponennya, dan untuk mempermudah proses pembelajaran. Jangan dulu banyak merubah property dari komponen-komponen tersebut. Biarkan seperti keadaan aslinya. Dan untuk lebih jelas lihat gambar dibawah ini :
  4. Setelah diatur penempatannya, maka simpanlah program tersebut di current directory Matlab C:\Program Files\MATLAB71\work. Nama filenya terserah anda.
  5. Setelah itu,  klik kanan tombol Push Button > View Callbacks > Callback. Nantianda akan menemukan script default nya.
  6. Setelah itu tulis script program.
  7. Untuk script lengkap program nya, Anda bisa lihat pada bagian “Script Lengkap” pada artikel ini 🙂
  8. Untuk logika script prorgamnya akan saya bahas dibagianPenjelasanpada artikel ini.
  9. Setelah itu simpan kembali (CTRL+S). dan jalankan program.
  10. Untuk menjalankanya, klik tombol Push Button, dancari file gambar yang akan di tampilkan. Setelah itu Open maka otomatis program akan membaca file dan akan menampilkan ke komponen Axes1 tersebut.
  11. Akhirnya gambarnya muncul…
  12. Selesai. Sekarang kita lanjut ke penjelasannya…yuuk mariii

Script Lengkap :

% — Executes on button press in pushbutton1.
function pushbutton1_Callback(hObject, eventdata, handles)
% hObject    handle to pushbutton1 (see GCBO)
% eventdata  reserved – to be defined in a future version of MATLAB
% handles    structure with handles and user data (see GUIDATA)

proyek=guidata(gcbo);
[namafile,direktori]=uigetfile({‘
.jpg’;’.bmp’;’.png’;’.tif’},’Buka Gambar’)

if isequal(namafile,0)
return;
end

eval([‘cd ”’ direktori ”’;’]);
I=imread(namafile);
set(proyek.figure1,’CurrentAxes’,proyek.axes1);
set(imshow(I));

Penjelasan :

Dari script diatas dapat saya jelaskan adalah :

  1. proyek=guidata(gcbo); proyek adalah nama variable yang menampung nilai di guidata(gcbo);. Variabel namanya boleh apa aja.
  2. [namafile,direktori]=uigetfile({‘*.jpg’;’*.bmp’;’*.png’;’*.tif’}, ‘Buka Gambar’). Fungsi uigetfile akan memanggil kotak pencarian gambar. Dan gambar yang diijinkan adalah JPG, BMP, PNG,TIF. Nilainya dipecah kedalam array namafile untuk menyimpan nama file, dan direktori untuk menyimpan alamat folder gambar.
  3. Bagian yang penting adalah ini I=imread(namafile); digunakan untuk membaca file gambar tadi prosesnya di masukan kedalam variable I.
  4. set(proyek.figure1,’CurrentAxes’,proyek.axes1); digunakan untuk menampilkan gambar tadi kedalam Axes1. adapun proyek adalah variable yang sudah dideclarasikan sebelumnya. figure1 adalah nama figure(window) program yang sedang dijalankan. ‘CurrentAxes’ adalah komponen Axes yang akan digunakan. axes1 adalah nama Axes yang kita gunakan.
  5. Untuk penamaan  figure1, Axes1 untuk selanjutnya dapat anda ubah di masing-masih sesuai kebutuhan program.
  6. Selesai.

Download File :

http://www.4shared.com/file/232909965/90e5e898/Matlab-Gambar.html

Sekian penjelasan dari saya, semoga dapat di mengerti dan difahami…aamiin

Depok, 2 Maret 2010

noname

Animasi gambar dinamis dengan Flash


Kasus :

Misalnya saya membuat sebuah banner untuk sebuah instansi, dan di banner tersebut ada sebuah photo pimpinannya. Yang jadi masalah adalah dimana pimpinanya tersebut diganti, maka banner tersebut (file *.swf) harus diganti atau di sesuaikan dengan foto pimpinanya yang baru.

Solusi :

Untuk menyelesaikan kasus diatas, solusinya adalah kita membuat sebuah banner yang dapat menampilkan gambar secara dinamis. Artinya gambar yang akan ditampilkan tidak menyatu dengan file SWF, tapi dipisahkan dan tinggal memanggil nama file gambarnya untuk ditampilkan. Sehingga jika pimpinanya diganti, kita tinggal mengganti gambarnya saja dengan nama file yang sama misalnya pimpinan.jpg Dengan catatan file gambar tersebut berada dalam satu folder dengan file SWF nya.

Karena sebuah banner berisi gambar yang bergerak, maka nanti gambar pimpinan yang ada di components loader juga dapat dibuat animasi sehingga gerakanya lebih dinamis.

Untuk lebih jelasnya silahkan ikuti langkah-langkah berikut ini. Saya menggunakan Macromedia Flash Profesional 8 :

  1. Jalankan software Macromedia Flash
  2. Buat file baru (file > new > OK)
  3. Setelah itu buat symbol movie clip. Caranya pilih menu insert > new symbol > Pilih movie clip > OK
  4. Jika sudah, pilih menu Window > centang Components. Maka akan muncul kotak component seperti gambar berikut
  5. Kemudian pilih dan  geser component tersebut ke stage atau halaman untuk menggambar.
  6. Kemudian, klik gambar mx.controls.Loader tadi kemudian lihat properties nya
  7. Kemudian isi instance name nya dengan nama photo
  8. Kemudian tambahkan layer baru.
  9. Setelah “layer 2” muncul. Kemudian klik frame pertama (1) pada “layer 2”
  10. Setelah mengklik frame pertama pada “layer 2” tekanlah F9 di keyboard. Maka akan muncul kotak untuk memasukan action script. Dan masukan script berikut :  photo.contentPath = “pimpinan.jpg”;
  11. Perhatikan script berikut photo.contentPath = “pimpinan.jpg”; photo adalah nama instance name dari component loader. Dan pimpinan.jpg adalah nama file gambar yang saya gunakan untuk menampilkan foto pimpinan di banner web.
  12. Setelah itu kembali ke “scene 1” dengan cara klik icon.
  13. Setelah itu di library terdapat “symbol 1” yang berisi loader tadi. Jika window library belum muncul, tekan Ctrl+L. Setelah muncul, pilih dan geserlah “symbol 1” yang ada di library ke stage.
  14. Setelah itu kita akan membuat “Symbol 1” jadi animasi (movie clip) dengan cara klik kanan pada frame ke 50.
  15. Kemudian “insert key frame”. Kemudian kik kanan di tengah antara frame ke 1 dengan frame ke 50.
  16. Kemudian pilih “Create motion tween”
  17. Untuk effect perpindahan gambarnya, geser object yang ada di frame 50.
  18. Untuk menjalankannya, tekan Ctrl (control) Enter
  19. Selesai.

Output :


Download :

http://www.4shared.com/file/230958167/973b2130/banner.html

Cara Penggunaan :

Jika anda sudah men download, disana ada file-file sebagai berikut :

  • banner.fla untuk proyek pembuatan flash
  • banner.swf untuk file animasi nya.
  • pimpinan.jpg untuk file gambar pimpinan yang sekarang.
  • pimpinan1.jpg untuk file gambar pimpinan yang baru, tinggal anda ubah nama filenya menjadi pimpinan.jpg karena file banner.swf akan selalu membaca nama file pimpinan.jpg walau gambar wajah pimpinanya sudah berbeda karena ada script photo.contentPath = “pimpinan.jpg”; di dalam file banner.swf.

Itulah konsep dari gambar dinamis yang diambil dari file gambar yang ada di luar file SWF nya. semoga dapat dimengerti dan difahami. mohon maaf jika ada kesalahan kata. semoga artikel ini bermanfaat untu anda…aamiin

Depok, 28 Februari 2010

Noname


Membuat Hit Counter Sederhana dengan PHP


counterDalam membuat sebuah web kita pasti ingin web kita di kunjungi oleh banyak orang, untuk itu kita juga perlu mengetahui berapa jumlah pengunjung yang mengunjungi web kita tersebut. Dalam PHP di kenal dengan Cookies yang digunakan untuk menyimpan data di client. dalam membuat counter ini yang kita butuhkan adalah :

  1. Database untuk menyimpan data jumlah pengunjung.
  2. File untuk koneksi PHP ke Database.
  3. File counter untuk memproses counter nya.

Sedangkan cara kerja counter adalah sebagai berikut :

  1. Setiap user mengunjungi web kita.
  2. Cek apakah cookies sudah di buat dengan perintah if (!isset($_COOKIE[‘counter’]))
  3. Jika cookies belum tercipta artinya pengunjung belum pernah mengunjungi web kita, maka cookies akan di buat dengan perintah  setcookie(“counter”,”visitor”,time()+3600);
  4. Periksa jumlah pengunjung terakhir dengan perintah $quey=mysql_db_query($db,”select * from counter”,$koneksi);
  5. Simpan perubahan jumlah pengunjung di database dengan menambahkan nilai satu pada variable $visit dan menjalankan perintah mysql_db_query($db,”update counter set jml=’$visit'”,$koneksi);

Download

http://www.4shared.com/file/122552970/6490d907/counter.html

Update

http://www.4shared.com/file/oF5lVrfx/counter-image-update.html

Potongan Script :

<?

setcookie(“counter”,”visitor”,time()+3600);

include “conn.php”;

$tanggal;

$quey=mysql_db_query($db,”select * from counter”,$koneksi);

while ($rows=mysql_fetch_array($quey))

{

$visit=$rows[1];

}

if ($visit==””)

{

mysql_db_query($db,”insert into counter values(‘$tanggal’,1)”,$koneksi);

}

if (!isset($_COOKIE[‘counter’]))

{

$visit=$visit+1;

mysql_db_query($db,”update counter set jml=’$visit'”,$koneksi);

}

?>

Depok, 3 agustus

noname

Gagal upload gambar di PHP


Jika anda membuat sebuah program seperti dibawah ini yang bisa mengupload gambar :

gambarNamun saat anda menekan tombol “kirim”, ternyata programnya error dan ada tulisan seperti di bawah ini :

Warning: move_uploaded_file(./gambar/gambar.JPG) [function.move-uploaded-file]: failed to open stream: Permission denied in /webid/agussu/public_html/endemik/admin/edit-artikel-new.php on line 28

Warning: move_uploaded_file() [function.move-uploaded-file]: Unable to move ‘/tmp/phpqTtBKW’ to ‘./gambar/gambar.JPG’ in /webid/agussu/public_html/endemik/admin/edit-artikel-new.php on line 28
Proses upload gagal, kode error =

Maka, yang perlu anda lakukan adalah mengubah mode akses terhadap folder yang digunakan untuk menyimpan gambar tersebut. caranya :

  • Buka filezila untuk mengakses, file2 yang ada di hosting anda.
  • Masukan host, username, password, dan port. untuk port FTP adalah 21. atau seperti gambar dibawah ini : form
  • Pilih folder yang digunakan untuk menyimpan file-file gambar yang di upload :folder
  • Klik kanan di nama folder tersebut, dan Pilih “File Attributes” :ubah
  • Ubah atau ceklis  group permisions dan public permision  write agar kita bisa memasukan file kedalam folder tersebut :file

jika sudah, silahkan coba lagi untuk mengupload gambar melalui web PHP buatan Anda….semoga berhasil 🙂

Depok, 22 Juli 2009

noname

Kompresi file gambar dengan fasilitas Paint di windows


Latar Belakang :

Artikel ini berawal saat saya akan mengupload sebuah gambar ke friendster. Sebelumnya gambar saya tersebut di edit dengan Photoshop CS. Nama file “gambar-asli.jpg” dengan size 1.06 MB, saat saya coba untuk mengauploadnya selalu gagal. entah karena computer di warnet yang “jelek” atau bandwithnya yang lemah atau mungkin juga karena foto Saya yang terlalu narsis…hehehe

Saya sempat kesal, dan hampir gak mau bayar warnet…(lebay mode : ON). Tapi saya iseng untuk membuka file gambar tadi dengan “open with” = Paint. Yaitu fasilitas yang ada di windows untuk mengedit gambar. Ketika sudah di buka file tersebut tidak Saya edit…tapi langsung saya “save as” dengan nama file yang berbeda misalnya “gambar-kompresi.jpg”.

Ketika semua selesai, Saya lihat perbedaan kedua file gambar Saya tersebut. Ternyata ukuran gambar hasil dari Paint tersebut lebih kecil dari pada file gambar hasil editan Photoshop yaitu 623 KB dari ukuran file semua 1.06 MB. ironisnya jika di perhatikan tidak ada perbedan kualitas gambar dari kedua file gambar yang sama tersebut.

Penelitian :

Saya pun penasaran…lalu saya ubah ke dua file tersebut dengan extention (*.txt) karena saya ingin melihat apa yang berubah di kedua file tersebut. Ternyata ketika sudah di buka pada file gambar yang saya edit dengan Photoshop CS terdapat tulisan “Adobe Photoshop CS”.

Sedangkan file gambar yang Saya “edit” dengan Paint terdapat tulisan “Photoshop 3.0”.

Terlepas dari Fenomena aneh itu, saya pun mencoba lagi untuk mengupload gambar narsis tersebut, tapi gambar yang sudah ter ”kompresi” menggunakan Paint. Dan finally….akhirnya gambar tersebut berhasil di upload. Mungkin karena pengaruh ukuran gambar yang kecil sehingga tidak terlalu banyak memakan bandwith.

Tinjauan Ilmiah :

Alhamdulilah dikelas saya belajar tentang pengolahan citra (image processing). Yang saya lakukan tadi diatas adalah suatu kegiatan kompresi gambar atau dalam pengolahan citra disebut dengan pemampatan citra. Lawannya dari pemampatan citra adalah penirmampatan. Yaitu mengembalikan dari gambar yang di mampatkan (dikompresi) menjadi gambar asli (sebelum di kompresi). Sedangkan metode pemampatan citra itu sendiri diklasifikasikan kedalam 2(dua) kelompok yaitu :

  • Metode Lossless

Metode yang selalu menghasilkan citra hasil penirmampatan yang tepat sama dengan citra semula, pixel per pixel. Tidak ada informasi yang hilang akibat pemampatan. Ratio pemampatan citra metode ini sangat rendah. Contohnya metode Huffman. (silahkan dibaca litelatur lebih lanjut dari metode Huffman).

Ratio itu sendiri adalah ukuran kualitas hasil pemampatan citra menjadi ukuran kuantitatif dengan menggunakan besaran PSNR (peak signal-to noise ratio). Semakin besar nilai PSNR, maka semakin bagus kualitas pemampatannya. Bagitu juga sebaliknya.

  • Metode Lossy

Metode ini menghasilkan citra hasil pemampatan yang hampir sama dengan sitra semula/gambar asli. Ada informasi yang hilang akibat pemampatan, tetapi dapat di tolerir oleh persepsi mata. Ratio pemampatan metode ini lebih tinggi daripada metode lossless. Contoh metode JPEG, dan metode fractal.

Kesimpulan :

Jadi, dari “penelitian” saya tersebut dapat di ketahui bahwa software PAINT terdapat fasilitas kompresi gambar. Dimana metode kompresi gambar yang digunakan adalah metode JPEG. Sehingga ukuran gambar hasil kompressi menjadi lebih kecil karena ada informasi yang hilang (lossy) namun hasil gambarnya tidak banyak berubah.

Namun ini bergantung dari ukuran gambar asli, jika ukuran gambarnya besar yang artinya resolusi gambarnya bagus, maka saat di kompressi walaupun banyak informasi yang hilang (ukuran file kompresi jadi lebih kecil), namun gambarnya tidak banyak berubah. Beda halnya jika ukuran file asli sudah kecil. Maka saat di lakukan kompresi, ukuran file jadi lebih kecil dan kualitas gambarnya jadi “menurun”.

Sekian artikel sekaligus tulisan ilmiah saya, semoga bermanfaat untuk Anda dan kurang lebihnya saya mohon maaf 🙂

Depok, 4-7-2008

noname

%d bloggers like this: