Merhaba arkadaşlar.NetBeans’de basit bir JFrame uygulaması yapacağız.Bu uygulama bize toplam ve çarpım simgelerinin işlemlerini alt ve üst değerlerini alarak gerçekleştirecek.Bunu tek sayfada gerçekleştireceğiz ve semboller arası geçişi bir butonla sağlayacağız.Nasıl bir şey olaşacağını merak ediyorsanız buraya tıklayarak görebilirsiniz.Resimleri görememeniz halinde üstüne tıklayarak büyük boyuta geçirebilirsiniz.

İlk önce File menüsünden New Project’e tıklayarak projemizi oluşturuyoruz.

Java Kategorisinden Java Application’ı seçiyoruz.

Projemizin adını belirliyoruz.

Sistematik çalışmamız açısından default package’e sağ tıklayıp new sekmesinden new package’e tıklıyoruz. anaPaket ve anaPaket.resources adında iki paket oluşturuyoruz.

Paketimize sağ tıklayıp bir JFrame Form oluşturuyoruz.Adınıda anaEkran koyuyoruz.

Bu formu oluşturduktan sonra Design sekmesinde karşımıza boş bir alan gelicektir.Sağ tarafta bulunan Palet ekranından boş sayfamıza 2 TextField, 3 Label, 2 de Buton sürüklüyerek ekliyoruz.

Bir tanede image label’ımız var.Ona image eklemek için öncelikle (Windows için) Belgeler klasöründe bulunan NetBeans klasörümüze gidip projemizi ordan bulup src klasörünün altındaki resources klasörüne önceden hazırlamış olduğumuz (yemek tarifi gibi oldu) sigma ve pi iconlarımızı kopyalıyoruz.Daha sonra Netbeans’e tekrar dönüp image labelımıza sağ tıklayıp Propeties’e giriyoruz.Icon sekmesinin yanındaki … butonuna tıklıyoruz ve bize resimde ki gibi iconlarımız gözüküyor.

OK tuşuna basarak ordanda ayrılıyoruz.Siz kendi tasarımınıza göre tasarlayabilirsiniz bu kısımları.Şimdi geldi programıza mantığımızı eklemeye.Bunun için anaPaketimiz içinde yeni hesaplayici adinda pi ve sigma metodları bulunan bir Java Class’ı oluşturuyoruz.Sigma ve Pi metodlarını bu yazıyı okuyan herkesin yazabildiğini varsaydığım halde yinede bir fikir vermesi açısından bir resmimiz var.

Daha sonra anaEkranımızın Design ekranında bulunan Gönder butonuna sağ tıklayıp Event>Action>actionPerformed’a tıklıyoruz.

Program bizi Gönder butonuna tıkladığımız zaman ne yapması gerektiğini anlatacak kodları yazacağımız kısma yönlendirecektir.Bizim burdaki amacımız geçiş sağlayacak buton Toplam’dayken Gönder butonunun Toplam işlemi yapması, çarpımdaykende çarpım yazması.Peki bunu nasıl sağlayacağız?Ben bunu global bir sayac tutarak hallettim.Sayacın ilk değeri sıfır ve sayac çiftken gönder butonu toplam işlemi tek olduğunda çarpım işlemi yapıyor.Image Label’ımızda ona göre değişiyor ve birbiri arasındaki uyumu sağlıyor.Bence bu anlatımda en önemli olan kısım bu kolay ama kullanışlı metodu anlamak.

Kodlarımız Gönder Butonumuz için bir aşağıdaki kodları için, değişim butonumuz içinse iki aşağıdaki kodları için resimimiz var.Bunları yazılı olarak vermek label adları ve değişken adlarının farklı olabileceğinden ötürü yazmıyorum.

• Firefox 3.x
• JDK 6u10 Eklentisi
• Netbeans IDE 6.5 veya üstü

1. Adım

Netbeans IDE açarak yeni bir proje oluşturuyoruz.Java kategorisinden Java Application’ı seçiyoruz.

2. Adım

Projenin adını ve yerini kaydediyoruz.”Creat Main Class” kutusunu işaretlemiyoruz.Finish diyerek projeyi oluşturuyoruz.

3. Adım

“Main Menu”‘den File>New File şeklinde devam ediyoruz.Kategoriden Swing GUI Forms, tipi olarakta “JApplet Form” seçiyoruz.

4. Adım

Bir class ve paket adı yazıp Finish diyoruz.

5. Adım

Kodlarımızı yazıp Applet’imizi test ediyoruz.

6.Adım

Şimdi projemizin Propeties’ine bakıyoruz.(Projeye sağ tıklayınca görebilirsiniz.)

Web Start kategorisinden Enable Web Start’ı işaretliyoruz.

Self-Signed’ı işaretliyoruz.

Applet Descriptor radio kutusunu işaretliyoruz.

OK tuşuna basıp projemizi oluşturuyoruz(Build).

7.Adım

Projeyi oluşturduktan sonra output’ta nereye kayıt ettiğini görüyoruz.2 Dosya oluşturulur.Biri launch.html diğeri launch.jpnl ve onun .jar dosyası.launch.html Firefox’ta açtığınızda appletinizi göreceksiniz.

Benim örnek olarak yaptığım applet’i burdan görebilirsiniz.

import java.util.Scanner;

// sadece Scanner sınıfını import eder

import java.util.*;

// java.util paketindeki bütün sınıfları import eder

Scanner nesnesi farklı kurucu metodlarlada kullanılır.

• Scanner(File kaynakDosya)
• Scanner(InputStream kaynak)
• Scanner(Readable kaynak)
• Scanner(String kaynakString)

Scanner kullanarak klavyeden giriş almak için System.in InputSystem kullanılır.Scanner klaye kullanımı;

Scanner klavye = new Scanner (System.in);

“klavye” değişken adı olup istediğiniz değeri girebilirsiniz.Bu sınıfın çeşitli metodları vardır.

nextInt metodu klavyeden bir int değeri okumak ve değişkene atamak için kullanılır.

int sayi = klavye.nextInt;

nextDouble metodu klavyeden bir double değeri okumak ve değişkene atamak için kullanılır.

double sayi = klavye.nextDouble;

next metodu String atamak için kullanılır.

String isim = klavye.next();

nextLine metodu da String atmak için kullanılır next’ten farkı bütün satırı alır next ise sadece girilen tek kelimeyi alır.

String isim = klavye.nextLine();

Diğer bazı Scanner metodları

public Scanner(File f)

public Scanner(String s)

public int nextInt()

public short nextShort()

public long nextLong()

public double nextDouble()

public float nextFloat()

public String next()

public String nextLine()

public boolean hasNext()

import java.util.Scanner;
public class Scan {
public static void main(String[] args) {
Scanner klavye = new Scanner(System.in);
System.out.println(“2 Sayi girin”);
int a = klavye.nextInt();
int b = klavye.nextInt();
System.out.println(“Toplam =”+(a+b));
}

}

İlk Olarak jquery dosyamızı sayfamıza dahil ediyor.

[css autolinks="false" classname="myclass" collapse="false" firstline="1" gutter="true" highlight="1,2,3" htmlscript="false" light="false" padlinenumbers="false" smarttabs="true" tabsize="4" toolbar="true"]
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
[/css]

Sayfamızda kullanacağımız css kodlarını aşağıdaki şekilde kodluyoruz.

<style type="text/css">
body { margin:50px 0; background:#CCC; font-family: “Trebuchet MS”, sans-serif; font-size:11px; }
.tab-tablo { width:450px; margin:0 auto; }
.tab { margin-bottom:5px; }
.tab span { cursor:pointer; color:#999; background:#f2f2f2 url(tab-arkaplan.jpg) repeat-x left bottom; padding:5px 8px; font-weight:bold; font-size:16px; margin-left:10px; /*Burdan*/-moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;/*Buraya CSS3! Her tarayıcıda çalışmaz!!!..*/ }
span.tab-aktif { cursor:pointer; color:#666; background:#fff; padding:5px 8px; font-weight:bold; font-size:16px; margin-left:10px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; }
.tab-icerik { padding:10px; background:#fff; -moz-box-shadow:1px 1px 5px #7e7e7e; -moz-border-radius:5px; -webkit-border-radius:5px; }
#tab-2-icerik, #tab-3-icerik  { display:none; }
</style>

Tab uygulamasının çalışması için gerekli olan js kodları ise aşağıda yer almaktadır.

<script type="text/javascript">
$(document).ready(function() {
 $("span#tab-1").click(function(){
 $("span#tab-3").removeClass("tab-aktif");
 $("span#tab-2").removeClass("tab-aktif");
 $("span#tab-1").addClass("tab-aktif");
 $("div.#tab-3-icerik").slideUp();
 $("div.#tab-2-icerik").slideUp();
 $("div.#tab-1-icerik").slideDown();
 return false;
 });
 $("span#tab-2").click(function(){
 $("span#tab-3").removeClass("tab-aktif");
 $("span#tab-1").removeClass("tab-aktif");
 $("span#tab-2").addClass("tab-aktif");
 $("div.#tab-3-icerik").slideUp();
 $("div.#tab-1-icerik").slideUp();
 $("div.#tab-2-icerik").slideDown();
 return false;
 });
 $("span#tab-3").click(function(){
 $("span#tab-2").removeClass("tab-aktif");
 $("span#tab-1").removeClass("tab-aktif");
 $("span#tab-3").addClass("tab-aktif");
 $("div.#tab-2-icerik").slideUp();
 $("div.#tab-1-icerik").slideUp();
 $("div.#tab-3-icerik").slideDown();
 return false;
 });
});
</script>

Şimdi sıra tab listemizi oluşturma ve tab başlıklarını vermeye geldi.

<div>
<div>
<span id="tab-1">Tab - 1</span>
<span id="tab-2">Tab - 2</span>
<span id="tab-3">Tab - 3</span>
</div>

Tabların içeriğini ise aşağıdaki kodlarla oluşturuyoruz. Tablar tıklanıldığında gösterilecek içeriği.

<div>
<div id="tab-1-icerik">Gumusluoglu.com Teknoloji - Programlama</div>
<div id="tab-2-icerik">Php, Html, Dhtml, Jquery, Java Script, Mysql, Veri tabanı</div>
<div id="tab-3-icerik"> </div>
</div>

Yukarıdaki kod bölümlerini toplayıp sayfamızı oluşturmak istediğimizde sayfamız aşagıdaki gibi olacaktır.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery Tab</title>
<style type="text/css">
body { margin:50px 0; background:#CCC; font-family: “Trebuchet MS”, sans-serif; font-size:11px; }
.tab-tablo { width:450px; margin:0 auto; }
.tab { margin-bottom:5px; }
.tab span { cursor:pointer; color:#999; background:#f2f2f2 url(tab-arkaplan.jpg) repeat-x left bottom; padding:5px 8px; font-weight:bold; font-size:16px; margin-left:10px; /*Burdan*/-moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;/*Buraya CSS3! Her tarayıcıda çalışmaz!!!..*/ }
span.tab-aktif { cursor:pointer; color:#666; background:#fff; padding:5px 8px; font-weight:bold; font-size:16px; margin-left:10px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; }
.tab-icerik { padding:10px; background:#fff; -moz-box-shadow:1px 1px 5px #7e7e7e; -moz-border-radius:5px; -webkit-border-radius:5px; }
#tab-2-icerik, #tab-3-icerik  { display:none; }
</style>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
 $("span#tab-1").click(function(){
 $("span#tab-3").removeClass("tab-aktif");
 $("span#tab-2").removeClass("tab-aktif");
 $("span#tab-1").addClass("tab-aktif");
 $("div.#tab-3-icerik").slideUp();
 $("div.#tab-2-icerik").slideUp();
 $("div.#tab-1-icerik").slideDown();
 return false;
 });
 $("span#tab-2").click(function(){
 $("span#tab-3").removeClass("tab-aktif");
 $("span#tab-1").removeClass("tab-aktif");
 $("span#tab-2").addClass("tab-aktif");
 $("div.#tab-3-icerik").slideUp();
 $("div.#tab-1-icerik").slideUp();
 $("div.#tab-2-icerik").slideDown();
 return false;
 });
 $("span#tab-3").click(function(){
 $("span#tab-2").removeClass("tab-aktif");
 $("span#tab-1").removeClass("tab-aktif");
 $("span#tab-3").addClass("tab-aktif");
 $("div.#tab-2-icerik").slideUp();
 $("div.#tab-1-icerik").slideUp();
 $("div.#tab-3-icerik").slideDown();
 return false;
 });
});
</script>
</head>
<body>
<div>
<div>
 <span id="tab-1">Tab - 1</span>
 <span id="tab-2">Tab - 2</span>
 <span id="tab-3">Tab - 3</span>
</div>
<div>
<div id="tab-1-icerik">Gumusluoglu.com Teknoloji - Programlama</div>
<div id="tab-2-icerik">Php, Html, Dhtml, Jquery, Java Script, Mysql, Veri tabanı</div>
<div id="tab-3-icerik"> </div>
</div>
</div>
</body>
</html>

Preje dosyalarını buradan indirebilirsiniz.

Örnek uygulama.

Apache -başlangıçta NCSA’nın httpd deoman sunucuları için yama yapan kurucu ekip, yeni teknolojileri için isim verme konusunu fazla düşünmemişler ve Yamalık Sunucu (A Patchy Server) deyiminin içinden “APACHE” markasını çıkarmışlar. Kıvrak zeka budur.

Apple Computers – Steve Jobs‘ın en sevdiği meyvenin ismi. Zaten Apple dendiği zaman akla ilk gelen sıfat “sade” değilmidir. Hikayesini de vereyim hemen ,Steve Jops yeni şirketleri için isim düşünen ekip arkadaşlarına döner ve şunu söyler:”Eğer saat 5′e kadar adam gibi bir isim bulamazsanız, şirketin adı APPLE olacak!! “. Demekki elemanlar daha iyi bir isim bulamamış.İyi ki de bulamamış valla.

C (Programlama Dili) – Dennis Ritchie abimiz zamanında kullandığı B dilini geliştirmiş ve ismine “New B”(yeni B) demiş, daha sonra “C.Earlier”(C öncesi) adını takmış.C de bu şekilde gelişimine devam etmiş.

CISCO – San Francisco şehrine atfen kısaltma.

Compaq – “COMputer” ve PAQ(küçük entegre cisimler) kelimelerinin birleştirilmiş hali.

GNU – Bir Afrika antilop çeşiti. Zaten logosu da bunu anımsatıyor.Google – ismi başlangıçda bir kınaye ile çıktı. Yapılan arama motoru ,web de aradığı bilgilerin miktarına uygun olarak düşünülmüş bir asimetrik yapılı “Googol” kelimesi ile faaliyete geçer.Ortadaki çift “o” için, 1 den 100 e kadar uzatılabilme özelliği üzerinde durulmuş. Zaten şuan Google’un arama sonuçları için sayfalama mantığı aynı bu şekilde. Daha sonra ise buldukları finansörler ile yaptıkları konuşmaların sonunda markanın son hali “Google” üzerinde karar kılınmış.

Hotmail – Kurucu Jack Smith, web üzerinden her bilgisayarın ulaşabileceği mail erişimi fikrini hayata geçirir ve oturup projesi için uygun isim aramaya başlar. Sonu “mail” ile biten her alternatifi dener ve en sonunda , aynı zamanda “.html” kelimesinin geniş hali olan “hotmail” ismini marka yapmaya karar verir.

HP – Bill Hewlett ve Dave Packard arkadaşlar, soyadlarını markalaştırmaya karar verirler. Markalarının “Hewlett-Packard” mi yoksa “Parckard-Hewlett” mi olacağını yazı-tura ile kararlaştırırlar. Sonuç : Hewlett-Packard.

Intel – Bob Noyce ile Gordon Moore da Hewlett-Packard gibi yapmak istemişler , fakat düşündükleri “Moore Noyce” markasının bir hotele tescillendiğini öğrenince vazgeçmişler. Sonunda “Integrated Electronics” i entegre etmişler.

Java – Yaratıcısı James Gosling’in başlangıçta Oak olarak isimlendirdiği bu yeni programlama teknolojisi , “OAK” harflerinin başka bir programlama dilinin içinde gömülü olduğunu anlayınca programcılardan oluşan ekip , çarşaf çarşaf isim listelerinden , ofiste en çok içtikleri kahveyi anımsattığı için Pasific’teki Java adasının isminde karar kılmışlar.

Pek yakında işallah.

Java’nın genel anlamda çalışma mantığı hakkında fikir edinmek için önceki yazıma bir göz atmakta fayda var.

Java Sanal Makinesinin Kurulumu

Java Virtual Machine denilen aygıt , her bilgisayarda Java programlarını yorumlamaya ve çalıştırmaya yarar . Java ‘nın temel özelliklerinden olan “Write once, run anywhere” (WORA) ‘nın temel taşıdır . JVM yani Java Sanal makinesi, günümüz şartlarında hertürlü işletim sistemi ve platformlarda kullanılabilir durumdadır . Windows, Linux , MacOS ve mobil işletim sistemlerinin çoğunda JVM altyapısı mevcuttur. Buradan Java Development Kit (JDK) ‘nin sisteminize uygun olanını seçebilir ve ücretsiz indirebilirsiniz . Kurulum aşamalarını da Godoro’nun klavuzundan takip edebilirsiniz.

Java programlama olayına giriş yapmak için BilgiSeyir‘in hazırladığı video da izlemeye değer doğrusu. Kurulum aşamasının sonunda , her yazılım teknolojileri için olduğu gibi Java’yı daha rahat geliştirmek veya derlemek için bir editöre ihtiyaç duyulur. Ben Ecplise kullanıyorum . Tavsiye ederim .Alternatif olarak , NetBeans‘in de bir çok fanatiği bulunuyor. NetBeans hakkında da onlardan güzel bir makale bekleriz .Gerek kullanım gerekse eklentileri sayesinde Eclipse‘i tek geçiyorum . Ayrıca Eclipse’i ivedi olarak kavramak ve pratiğe dökmek için şu kaynağı incelemeniz çok faydalı olacaktır. Video olarak Eclipse dersleri yayınlamışlar , bize de tavsiye etmek ve gerektiği zaman kullanmak düşüyor tabiki.

Bu yazıda adı geçen bağlantılarda Java dünyasına giriş yapmak ve ayan beyan ne olduğu hakkında fikir almak için yeterli derecede bilgi mevcuttur. Hepsini buraya kopyalayıp yapıştırmanın alemi olmadığı gibi, uzun uzun oturup tekrar anlatmak da yazara eziyet verecektir. Sonraki derslerimizde Java ile küçük uygulamalar geliştirmeye başlayacağım .


public static String[] parseWords(String in){
------
---
--
return strArr;
}


şeklinde fonksiyonu yazdım.Yarım saatlik kullanımdan sonra mantıksız olduğunu düşündüm . Google sağolsun çat diye bana split() fonksiyonunu getirdi.
Kullanım klavuzunu da yazayım hemen:

public class splitDeneme{
public static void main(String args[])throws Exception{
new splitDeneme().getir();
}

public void getir(){
String cumle = “Yolver Daglar yolver bana”;
String[] kelime = null;
kelime = cumle.split(” “); /*boşluk referansına gore parçalıyor*/
yazdir(kelime);
}

public void yazdir(String[] meta){
for(int=i ; i < meta.length(); i++){
System.out.println(meta[i]);
}
}
}

Consol Çıktısı :

Yolver
Daglar
yolver
bana

Buna mukabil , Java’da string konusunu detaylı bir şekilde , şuradan bulabilirsiniz .

Neyse işimize dönelim , daha sonra tamamına erdiririm.