Project Kenai

Project Kenai, Sun firmasının geliştirdiği bir kod barındırma hizmetidir. Bu site ile yeni projeler açıp kaydedebilir, projenizin kodlarına her yerden erişebilirsiniz.
Direkt olarak kullanmak yerine Netbeans 6.7 sürümünden sonra Netbeans’ın içinde hazır olarak gelen "Kenai Penceresi" ile projenizi açıp kodlarını düzenleyebilirsiniz.
Ya da diğer projelere ait olan kodları indirip bilgisayarınızda deneyebilir, o projenin üyesi olabilirsiniz.
Haliyle Project Kenai "open source" yani açık kaynak kodlu yazılımlar içindir.
Project Kenai, Sourceforge ve benzeri sitelere göre yeni olsa da, gerek kullanım gerekse SVN hizmetini daha kolay hale getirdiğinden idealdir.

Google’nin Code Playground Hizmeti ile artık api testi daha kolay

Web’de yazılım geliştirmenin yeni trendi olan API kullanımının zorluğu malumdur. Kodları inceleyecek, tutorialleri okuyacaksınız, test aşamasında aklınıza gelen her şeyin yazılı olmaması sizi yıldıracak.

Ancak Google’nin zekice icatlarından biri olan Code Playground hizmeti ile artık hemen hemen her tür API’yi online test etmeniz ve bazı hazır kalıpları görerek deneme yanılma yapmanız mümkün.

İşte adresi

JQuery ile Link davranışını iptal etme

Ajax’lı uygulamalar yaparken, tıklanan bir linkin direkt olarak
standart sayfadaki gibi href’inde tanımlanan adrese gitmesini engellemek gerekebilir.
Elbette bu durum hiç hiperlink kullanmayarak sağlanabilir
ancak sayfanın javascript’in çalışmadığı yerlerde de
eksiksiz çalışmasını sağlama(Hijax Yaklaşımı) için linkleri
kullanmak zaruridir.
Aşağıdaki fonksiyon ortamda javascript varsa sayfadaki tüm linkleri
iptal eder ve tıklandığında ilgili sayfaya gitmez. Bunun yerine kullanıcının tanımladığı fonksiyonlar çalıştırılır.
Eğer ortamda Javascript yoksa (mesela sayfa ceptelefonundan geziliyor) bu durumdaysa script tagları arasındaki kodlar zaten çalışmayacağından linkler standart olarak davranırlar

$(document).ready(function(){

$(“a”).attr(“onclick”,”return false;”);

});//dr

CSS liste tagları

Aşağıdaki gibi bir listenin olduğunu varsayalım:

<div id=”menu1″>
<ul>
<li><a href=”fins_site.html”>Site Ekle</a></li>
<li><a href=”fins_sakin.php”>Sakin Ekle</a></li>
<li><a href=”fins_sitegideri.php”>Gider Ekle</a></li>
<li><a href=”">Ödeme Ekle</a></li>
</ul>
</div>
Bu menünün görünümü standart altalta ve başlarında yuvarlaklar bulunan maddeler listesi olarak görüntülenir.

Ancak webde bilinen bir trend olarak menü oluştururken de <ul> ve <li> tagları kullanma adeti vardır. Dikey menüler böyle oluşturulabilir Ancak Yatay Menüler için css tarafında şu kodları kullanmak gerekir:

#menu1 ul
{

list-style:none;

}

#menu1 ul li
{
display: block;
float: left;
}
Bu durumda <li> tagları arasındaki ifadeler yanyana ve başlarında yuvarlak olmaksızın görüntülenirler.

Google App Engine’yi duyurdu. (Google Babalığını gösterdi yine)

Google webde yine babalığını gösterdi.

Java ve Python kodlayan (ben de dahil) bir sürü garibanın ücretsiz ya da uygun fiyata java hosting bulamaması, python hostinini ise rüyada görmesi Google’yi üzmüş ki sağolsun ücretsiz olarak Java ve Python desteği veriyor.

Siz de ister Java’da ister Pythonda programınızı yazıp programinizinadi.appspot.com adresi ile Google’nin desteği ile ücretsiz yayınlıyorsunuz.

Bu kerameti incelemek için burayı tıklayın

Google’nin bu hizmetini kullanmadan önce bir kaç hatırlatma var.

Java ile yazacağınız uygulamalarda Servlet ve JSP desteği var. Ancak daha iyi uygulamar için baba bir GWT desteği var (Google Web Toolkit denilen Java bilenlerin kolayca kullanabileceği bir kütüphane diyeyim)

Veritabanı kaşarlanmış PHP’cilerin iyi bildiği MySQL mantığından biraz farklı. (Ben de tam anlamadım inceliyorum)

Java ile uygulama yazacaksanız en iyisi bu hayratın sitesinde dendiği gibi Eclipsenin J2EE sürümünü (Ganymede olması azım) indirip sonra Goople App Engine pluginini Eclipse’ye kurmak. Neden mi? Uygulamayı aynen bilgisayarnızda test edip (mail alma gönderme dahil) sonra sağ tıklayıp upload diyerek googlenin size verdiği alanda yayınlayabiliyorsunuz.

Python ile uygulama yazacaksanız Java için Eclipse’deki rahatlık henüz yok. Google App Engine SDK’yi indirip biraz hammallık yapmalısınız. (Ama Python’un rahatlığı için buna değer)

Netbeans için GWT plugini ile Java’da bir şeyler yapayım derseniz var. Ama Eclipse’deki entegre durumu henüz sağlayamamışlar.

Ha bi de “ya nasıl şey bu GWT ve App Engine?” derseniz.  Galerisi var. Burayı tıklayarak hazırlanmış bu uygulamaların neye benzediğini inceleyebilirsiniz.

Mesela bir ağabeyimiz Müzik Albüm Bulutu diye bi uygulama yazmoş . İşte adresi:

http://musicartistcloud.appspot.com/cloudservlet

Open Office 3.1 yayınlandı

Open Office 3.1 yayınlandı. Bir çok yeni özelliğin eklendiği ücretisiz ve “tek rakibim Microsoft Office” diyen bu güzel yazılımları indirmek için

burayı tıklayın. Sonra Turkish ibaresinin yanında işletim sisteminize uygun olan paketi indirip kurun.

Aynı anda birden fazla belgeyi tek programda düzenlemek. Tab devrimi Open Office ile mümkün

Tab da nedir diyen çıkabilir. Şudur: Bir zamanlar Internet Explore ile 3 sayfaya aynı anda bakmak için her sayfa için ayrı bir ekran açık aşağıdaki araç çubuğundan değiştirmek gerekiyordu. Bu hamallığı Mozilla Firefox kaldırmıştı. Sonra Internet Explore 7 de bunu hemen kopyaladı.

Şimdi ise beklediğim ya da Yılmaz Erdoğan’ın vizontele filiminde dediği gibi “Şerefsizim aklıma gelmişti” dediğim bir husus var:

Aynı anda mesela 4 word dosyası ile tek word programı açıkken çalışmak mümkün mü?

El-Cevap: Elbette değil. Çünkü paralı yazılımlardan bu keramet beklenmez.

Ama Open Officenin muhtemelen böyle bir kerameti vardır.

Aradım buldum:

Open Office ile aynı anda isterseniz 10 dosyayı açıp çalışın. (Bazılarımız için büyük ihtiyaç)

Bu ise Open Office’nin özel bir eklentisi (plugin) ile mümkün. Bunu da  aradım buldum:

İşte adresi:

http://wiki.services.openoffice.org/wiki/Framework/WorkInProgress/Tabbed_Windows_Extension

Bu eklentiyi Open Office kurulu bilgisayarınızda çalıştırınaca kedini programa ekliyor. Sonra siz aynı program içinde birden fazla belgeyi düzenleyebiliyorsunuz.

Yanlız bu plugini yazan arkadaşlar ayıp etmişler . Bu plugin Open Office 3.0 versiyonuyla çalışmıyor. Çalışmamak bir yana programı dağıtıp bir daha çalışmaz hale getiriyor.

Eh yenisini merakla bekliyoruz.

TRT 6 FREKANSLARI

KURDÎ

TRT 6  (Şeş’in uydu) frekansları:

Uydu: Türksat

Frekans 12.685 MHz,

Polarizasyon Yatay.

Sembol Oranı 30.000.

FEC 5/6 TRT 6

Kesinlikle izlenmesi gereken bu kanalın frekanslarını not edin. Meğer Kürtçe Konuşuşmak ne kadar tehlikesiz.

DOM erişimi ile Tarayıcı Tarafında Dinamik Olarak İçerik oluşturulması

Bazı web sayfalarında görmüşsünüzdür belli bir yere tıkladığınızda anında arama çubuğu oluşuverir.  Bu işlem Javascript ile HTML dökümanının düğümlerine erişim ile olur. İşi yapan Javascriptteki createElement, appendChild ve removeChild metotlarıdır.

Aşağıda bu işlemi yapacak bir kod göreceksiniz:

<!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>
<script type=”text/javascript”>

function arama_formu()
{

var formtag = document.createElement(‘form’); // FORM TAGI OLUSTURULUYOR
var form_yazi=”ARAMA:”;
//formtag.innerHTML=form_yazi;
formtag.setAttribute(“name”,”form1″);
formtag.setAttribute(“method”,”GET”);
formtag.setAttribute(“target”,”_blank”);
formtag.setAttribute(“action”,”http://www.google.com.tr/search?site=&hl=tr”);
var inputtag=document.createElement(“input”);
inputtag.setAttribute(“type”,”text”);
inputtag.setAttribute(“id”,”q”);
inputtag.setAttribute(“name”,”q”);

var dugme=document.createElement(“input”);
dugme.setAttribute(“type”,”submit”);
dugme.setAttribute(“id”,”button”);
dugme.setAttribute(“name”,”button”);
dugme.setAttribute(“value”,”Ara”);

var fani=document.getElementById(“fani”);
var fanidugme=fani.firstChild;
fani.removeChild(fanidugme);

formtag.appendChild(inputtag);
formtag.appendChild(dugme);

document.getElementById(‘apDiv1′).setAttribute(“class”,”tbar”);
document.getElementById(‘apDiv1′).appendChild(formtag);

}
</script>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-9″ />
<title>SUAT ATAN AJAX DERSLERİ</title>
<style type=”text/css”>
<!–
#apDiv1 {
position:absolute;
left:3px;
top:8px;
width:507px;
height:29px;
z-index:1;
}
#q{
background-color: #FFFF99;
}
–>
</style>
</head>

<body>
<div id=”apDiv1″></div>
<div id=”fani”>
<input type=”button” id=”dugme1″ value=”Ara” onclick=”arama_formu()” /> </div><!–Bu kodlar Suat ATAN tarafından kodlanmıştır.–></body>
</html>
Bu kodların çalışır hali için

http://suatatan.com/ajax/arge1/arama_formu_olustur.htm

Ancak bu kodlar şu an itibari ile Mozilla Firefox altında çalışmamaktadır. Nedeni bulunduğunda yeni versiyonu yazılacaktır.

AJAX ile veri çekerken veriyi salt veya HTML’nin okunmuş hali olarak alma

Aşağıda göreceğiniz fonksiyon kendisine gelen parametreye bağlanarak içerğini okur ve çalıştığı dökümanın güncellenmesini gerektirmeksizin (Zaten Ajax ile uğraştığımıza göre amaç bu) içeriğini ekrana yazar.

index.html dosyası:——————————

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html>
<head>
<title>Suat ATAN Ajax Dersleri</title>
<script type=”text/javascript” src=”ajax.js”></script>

</head>
<body>

<p>
<a href=”http://checkip.dyndns.org/” onclick=”grabFile(this.href); return false;”> IP Sorgula</a>

</p>

<div id=”hedef”></div>
</body>
</html>

ajax.js dosyası:——————————————-

// JavaScript Document Suat ATAN. suatatan.com _ajax_libraries
function getHTTPObject() {
var xhr = false;
if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest();
} else if (window.ActiveXObject) {
try {
xhr = new ActiveXObject(“Msxml2.XMLHTTP”);
} catch(e) {
try {
xhr = new ActiveXObject(“Microsoft.XMLHTTP”);
} catch(e) {
xhr = false;
}
}
}
return xhr;
}

function grabFile(file) {
var istek = getHTTPObject();//obje olusturuldu
if (istek) { //istek gerceklestiridli
istek.onreadystatechange = function() {

//durum degistigi zaman sonucu goster
displayResponse(istek); //istek sonucugun goster
};
istek.open(“GET”, file, true); //veri al
istek.send(null);//bos gonder
}
}

function displayResponse(istek) {
if (istek.readyState == 4) { //sonuc tam dondyse
if (istek.status == 200 || istek.status == 304) { //hata yoksa

var gelen_deger=istek.responseText;
var ana_tag=document.getElementById(“hedef”);

var yeni_icerik=document.createTextNode(gelen_deger);
ana_tag.appendChild(yeni_icerik);

}
}
}

bu durumda index.html’  “<a href= ” ibaresindeki http://www.checkip.dynds.org adresine bağlanan site bu sitenin html kodlarını createTextNode(gelen_deger); metodu ile ekrana yazar.  Metot ilginç bir şekilde yeni oluşturulan değeri işlemeden ekrana basar.

aynı ajax.js kodlarını aşağıdaki gibi değiştirince ise:
// JavaScript Document Suat ATAN. suatatan.com _ajax_libraries
function getHTTPObject() {
var xhr = false;
if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest();
} else if (window.ActiveXObject) {
try {
xhr = new ActiveXObject(“Msxml2.XMLHTTP”);
} catch(e) {
try {
xhr = new ActiveXObject(“Microsoft.XMLHTTP”);
} catch(e) {
xhr = false;
}
}
}
return xhr;
}

function grabFile(file) {
var istek = getHTTPObject();//obje olusturuldu
if (istek) { //istek gerceklestiridli
istek.onreadystatechange = function() {

//durum degistigi zaman sonucu goster
displayResponse(istek); //istek sonucugun goster
};
istek.open(“GET”, file, true); //veri al
istek.send(null);//bos gonder
}
}

function displayResponse(istek) {
if (istek.readyState == 4) { //sonuc tam dondyse
if (istek.status == 200 || istek.status == 304) { //hata yoksa

var gelen_deger=istek.responseText;
var ana_tag=document.getElementById(“hedef”);
var yeni_tag=document.createElement(“p”);
ana_tag.appendChild(yeni_tag);
yeni_tag.innerHTML=gelen_deger

//Geri zekalı forum manyaklarınca bu içeriklerin de eni sonu kopyalanacağını biliyorum ancak onlar //da bilsinler ki bu metnin her satırı emekle yazıldı. Kopyala yapıştır ile değil. (Suat ATAN)
}
}
}

http://checkip.dyndsn.org sitesine bağlanan index.html dosyası veriyi HTML olarak değil işlenmiş olarak basar.

Burada fark şundan olur. Normal şartlarda AJAX ile hangi dosya çekilirse o dosyanın olduğu gibi çekilmesi sağlanır. innerHTML metodu ise çekilen HTML verisini işler.

Ajax ile çekilecek verilerin XML veya JSON olarak da çekme yöntemleri vardır.  Ancak HTML olarak veri çekmek ve özellikle de innerHTML metodu çok basittir ancak Mozilla Firefox’ta sorunlu olmaktadır. Bu durumu innerHTML’nin W3C konsorsiyumunca onaylan bir özellik olmamasına bağlıyorum.

Blogged with the Flock Browser