Mengenal Java Graphical User Interface (GUI)

Mengenal Java Graphical User Interface (GUI)

12:50 PM 0
Apakah yang dimaksud dengan GUI?
GUI adalah suatu model antar muka komputer yang menggunakan objek-objek grafis sebagai media interaksi dengan user. Model ini digunakan untuk menggantikan model klasik yang berbasis teks. Pada Java ada 2 library yang sering digunakan untuk membuat GUI yaitu Abstract Window Toolkit (AWT) dan Swing. komponen-komponen AWT di-import dari library java.awt.* dan untuk swing di-import dari javax.swing.*. tetapi kita bisa menggabungkannya.

Abstract Window Toolkit (AWT)
AWT adalah istilah bagi sekumpulan objek GUI yang dibawa oleh Java diawal kemunculannya ketika masih mengusung nama Java (Bukan Java 2). Meski demikian, ada beberapa objek AWT yang sampai saat ini (era Java 2) belum bisa digantikan oleh objek yang baru. Secara umum bisa dikatakan bentuk dari objek-objek AWT akan mengikuti bentuk default yang dibawa oleh sistem operasi, misalnya WINDOWS. Hampir semua komponen AWT adalah turunan dari Class Component.
Beberapa Objek Grafis AWT :
 
  • Frame 
  • Button
  • CheckBoxMenuItem
  • List
  • MenuItem
  • ScrollBar
  • TextField
  • CheckBox
  • Choice
  • Menu
  • MenuShortcut
  • ScrollPane
  • CheckBoxGroup
  • Label
  • MenuBar
  • PopupMenu
  • TextArea, dan lain-lain

Contoh Dalam Syntax Java (untuk membuat sebuah tombol) :
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
import java.awt.Frame;
import java.awt.Button;
public class demoAWT extends Frame{
    private Button tombol;
    public demoAWT() {
        this.tombol = new Button("TOMBOL");
        setLayout(null);
        this.tombol.setBounds(10,50,100,40);
        this.add(this.tombol);
        this.setTitle("TEST");
        this.setSize(300,300);
        this.setVisible(true);
    }
    public static void main (String[] args) {
        new demoAWT();
    }
}

Swing
Swing adalah sebutan bagi objek visual yang dibawa Java 2. Objek-objek Swing merupakan pengembangan dari objek AWT. Objek Swing memiliki desain yang berbeda dibandingkan dengan desain default dari sistem operasi. Dengan kata lain objek Swing adalah objek visual yang mengusung teknologi Java murni. Hampir semua komponen Swing adalah turunan dari Class JComponent.

Beberapa Objek Grafis AWT :
  • JFrame 
  • JButton
  • JCheckBox
  • JCheckBoxMenuItem
  • JComboBox
  • JLabel
  • JList
  • JMenu
  • JMenuBar
  • JMenuItem
  • JPasswordField
  • JPopupMenu
  • JProgressBar
  • JRadioButton
  • JScrollPane
  • JSlider
  • JSpinner
  • JSplitPane
  • JTabbedPane
  • JTextArea
  • JTextField
  • JToolBar, dan lain-lain

Contoh Dalam Syntax Java (untuk membuat sebuah tombol tanpa icon) :

import javax.swing.JFrame;
import javax.swing.JButton;
public class contohJButton extends JFrame{
    private JButton button1;
    public contohJButton() {
        super("Contoh JButton");
        this.button1 = new JButton("Simpan");
        this.button1.setBounds(150,50,150,40);
        this.add(this.button1);
        this.setLayout(null);
        this.setSize(400,300);
        this.setVisible(true);
    }
    public static void main (String[] args){
        new contohJButton();
    }
}
Sumber : http://www.klikilmu.com/mengenal-java-graphical-user-interface-gui/

Corona SDK - software untuk membuat aplikasi android dan iOS no.1

Corona SDK - software untuk membuat aplikasi android dan iOS no.1

12:40 PM 0
setelah muter-muter cari software untuk membangun aplikasi untuk smartphone dan PC tab. akhirnya saya menemukan corona SDK. corona SDK merupakan software yang lumayan simple dan kecil namun sangat powerfull. walaupun tutorialnya dalam bahasa indonesia masih terbilang langka. namun tutorial pada website , blog dan forumnya banyak sekali.jika anda ingin mempublish aplikasi jangan lupa untuk menginstall java JDK (bisa cari di google Gratis!)

corona di bundel dengan harga $199 untuk 1tahun ver android atau iOS atau $349 untuk keduanya. ada pula penawaran untuk edukasi dan belajar. namun apabila anda berminat untuk belajar, jangan khawatir. karena software ini menyediakan trial yang tidak ada masa habisnya. namun anda tetap harus terkoneksi dengan internet ketika menggunakannya.

bagi anda yang ingin mengembangkan game/aplikasi untuk smartphone, tidak salahnya mencoba software ini.
http://www.anscamobile.com/corona
atau Download langsung di sini.

Meta Tag untuk Blogspot.com

Meta Tag untuk Blogspot.com

1:44 PM 0
Salah satu tekhnik SEO ONPAGE yakni Pemasangan Meta Tag, ada berbagai macam versi meta tag yang sudah di bahas kawan-kawan SEOer lainnya dan tidak ada salahnya saya juga membagi tips Meta tag terbaik ala kumpulancara, dan mohon jangan salah persepsi, siapa tahu Meta tag ala blog sobatlah yang terbaik.
Meta tag ini sudah di uji coba kehandalannya dalam bertanding di Top google, dan Alhamdullillah hasilnya luar biasa.
Bagi sobat yang baru mengenal dunia SEO-SEOan ada baiknya di jelaskan apa itu META TAG.

Meta Tag adalah elemen atau tag dalam bahasa pemrograman HTML atau XHTML yang dipakai untuk mengaplikasikan metadata dalam suatu halaman web. Elemen meta ini harus diletakkan pada bagian “head” dalam HTML tersebut. Tag meta ini dapat dipakai juga untuk menyatakan deskripsi/keterangan dari suatu halaman web dan untuk menjelaskan mengenai kata kunci (keyword) yang terkait serta untuk metadata lain tanpa “head”.

Sebagai contoh yang sederhana, di bawah ini ditampilkan perintah meta:
<meta name=”keywords” content=” blog tutorial, indonesiawebshare, tutorial online, fb”>

Oke mari kita mulai, berikut META TAG terbaik alacopas.


<b:include data='blog' name='all-head-content'/>
<meta content='P1-6SfnYegjfmkUtRPD4QF62k-YEvuaT3T-0KR1ckH4' name='google-site-verification'/>
<meta content='/qFUkQ0EONIdzHX2OHyyLLc5LTfJ5MD26/rfLx+FKh0=' name='verify-v1'/>
<meta content='AE5FF6568E9160547E058237A11F9DE9' name='msvalidate.01'/>
<meta content='9BC10362146' name='blogcatalog'/>
<meta content='rZJkOI4geGmt1zP4-BEwXnrLxBs' name='alexaVerifyID'/>
<meta content='-5;120' name='geo.position'/>
<meta content='id' name='geo.country'/>
<meta content='id-us-en' name='language'/>
<meta content='INDEX, FOLLOW, all' name='ROBOTS'/>
<meta content='no-cache' http-equiv='Pragma'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='Blogger' name='generator'/>
<meta content='-1' http-equiv='Expires'/>
<meta content='follow, all' name='Googlebot-Image'/>
<meta content='follow, all' name='Scooter'/>
<meta content='follow, all' name='msnbot'/>
<meta content='follow, all' name='alexabot'/>
<meta content='follow, all' name='Slurp'/>
<meta content='follow, all' name='ZyBorg'/>
<meta content='ALL' name='SPIDERS'/>
<meta content='ALL' name='WEBCRAWLERS'/>
<meta content='no-cache' http-equiv='Cache-Control'/>
<meta content='general' name='rating'/>
<link href='https://plus.google.com/112764290697005874210' rel='author'/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<meta content=' Uraian atau Deskripsi tentang blog anda ' name='description'/>
<meta content=' keyword1 | keyword2 | keyword3 | keyword4 | keyword5 | keyword6 ' name='keywords'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/> | Fb Blog seo google</title>
<b:else/>
<title><data:blog.pageName/> | Fb Blog seo google</title>
</b:if>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://www.kumpulancara.com/atom.xml' rel='alternate' title='kumpulancara - Atom' type='application/atom+xml'/>
<link href='http://www.kumpulancara.com/rss.xml' rel='alternate' title='Kumpulancara - RSS' type='application/rss+xml'/>


Keterangan :

google-site-verification
Anda harus Verifikasi blog di google webmaster, nanti akan diberikan kode Meta, Kode seperti tercetak tebal itu nanti sobat ganti dengan kode yang diberikan
Silahkan menuju TKP : http://www.google.co.id/webmasters/

verify-v1
Anda semestinya juga memverifikasi blog di Google Analytics, kelebihan pasang meta Google Analytics di jelaskan nanti pada artikel berikutnya.
sama dengan diatas, nanti sobat akan diberikan kode dan letakkan sama seperti contoh diatas
Silahkan menuju TKP : http://www.google.com/analytics

msvalidate.01
Ini adalah kode Verifikasi untuk Bing Webmaster tools, silahkan sobat daftar dan Verifikasi blog sobat di Bing Webmaster tools. Nah nanti juga sobat akan diberikan kode dan pasanglah kode itu seperti contoh diatas
Silahkan menuju TKP : http://www.bing.com/toolbox

alexaVerifyID
Ini adalah kode Verifikasi untuk Alexa, jika sobat belum Verifikasi silahkan segera menuju TKP : http://www.alexa.com/
sama dengan diatas, Verifikasilah blog sobat dan dapatkan kodenya.

blogcatalog
Ini adalah kode Verifikasi untuk blogcatalog,jika sobat belum Verifikasi silahkan segera menuju TKP : http://www.blogcatalog.com/

https://plus.google.com/112764290697005874210
Ganti dengan Id Google + sobat

http://www.kumpulancara.com/atom.xml
Ganti dengan Blog masing-masing

http://www.kumpulancara.com/rss.xml'
 Ganti dengan Blog masing-masing

Bagaimana cara Pasang di Blog?, caranya cukup mudah silahkan cari kode <head> dan letakkan Meta Tag diatas Tepat di bawah <head>

Sumber Tautan
 Anda sedang membaca artikel tentang Meta Tag Terbaik untuk Blogspot dan anda bisa menemukan artikel Meta Tag Terbaik untuk Blogspot ini dengan url http://coretan-siperantau.blogspot.com/2012/05/meta-tag-terbaik-untuk-blogspot.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Meta Tag Terbaik untuk Blogspot ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Meta Tag Terbaik untuk Blogspot sebagai sumbernya.


Menampilkan Status Online dan Offline YM pada Blog

1:37 PM 0
Dalam Tutorial kali ini Indonesia web share akan coba membahas tentang "Bagaimana Caranya Menampilkan Status Offline/Online Yahoo Messenger". Status Online Ofline YM (Yahoo Messnger) berfungsi untuk apa sich? gini, kalau ada misalnya ada penandanya seperti itu kan nanti pengunjung blogmu akan bisa langsung berinteraksi langsung denganmu, nah kalo gItu kan nanti pengunjung blogmu jadi tambah sayang ma kamu :D
Ok Langsung aja, Contohnya akan seperti ini, jika status kamu offline maka gambarnya akan seperti ini :

 

trus jika kamu online maka iconya akan berubah seperti ini:

Cara buatnya sangat gampang kamu tinggal copy script berikut ini trus kamu pasang di sidebar kamu, udah tahu kan cara pasanganya, itu lho seperti kalo km masang "page element", Masuk ke "Page Element" trus "Add a Gadget --> HTML/Javascript".

<a href="ymsgr:sendIM?eliengue"> <img src="http://opi.yahoo.com/online?u=eliengu&amp;m=g&p;t=2&amp;l=us"/>                                                                                                                                                
</a>                                                                                                                                                           


Ganti text yang warna merah (paijo) dengan id YM kamu.
perhatikan angka "2", itu bisa kamu ganti dengan angka yang lain dan hasilnya gambar yang ditampilkan akan berbeda-beda.

Gambar dan nomor Status Online / Offline YM
Yahoo Mesenger


Gimana? gampang kan caranya?
Menampilkan / Pasang Emoticon di Kotak Komentar pada Blog

Menampilkan / Pasang Emoticon di Kotak Komentar pada Blog

1:19 PM 0
Dengan adanya emoticon di kotak komentar tentunya akan membuat blog menjadi lebih hidup. Para komentator menjadi lebih bisa mengekspresikan perasaannya melalui icon-icon (emoticon). Jika di wordpress mungkin feature ini sudah tersedia. Tapi untuk blogspot kita harus mengotak-atik dan mengakalinya supaya bisa menampilkan emoticon di area komentar. Gimana ya? kamu mau memasang emoticon ini?

Seperti biasanya, di trik Blogging akan memberikan contoh emoticon miliknya si Yahoo :) Contohnya seperti dibawah ini  :


Emoticon Yahoo :




Gini nih cara membuatnya :

1. Pertama login ke blogger, trus pilih "Layout (Tataletak) --> Edit HTML "
2. Beri tanda centang pada kotak "expand widget template" berfungsi memperlihatkan semua script blog
3. Lalu letakkan script berikut sebelum kode </body>

Untuk Emoticon Yahoo :

<script src='http://kendhin.890m.com/emoticon/smile1.js' type='text/javascript'/>

4. Kemudian cari kode berikut ini :
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>


5. Kalo sudah ketemu letakkan kode-kode emoticon berikut setelah kode <p class='comment-footer'>

Ini untuk Yahoo emoticon :
<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:|
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))
</b>


6. Kalo sudah trus di "Save" dan coba lihat hasilnya

Tambahan
* Kadang-kadang ada beberapa template memiliki kode yang beda. Kalau caranya sudah dilaksanakan dengan benar tapi hasilnya tidak terjadi apa2 atau kodenya tidak berubah menjadi emoticon, kemungkinan itu karena Kode untuk templatenya berbeda atau bisa juga karena mugnkin hosting untuk menaruh file emoticon dan javascriptnya sedang bermasalah. http://indonesiawebshare.blogspot.com