Web Öğrencisi

Wufoo: Form Oluşturucu

2009-07-12T15:16:13Z

Form oluşturmayı sevmeyenler veya form oluşturmayı bilmeyenler için kolay, hızlı, eğlenceli bir form oluşturucusu, wufoo. Bu site sayesinde üye olup, kolayca form oluşturulabiliyor. Fakat birkaç üye türü bulunmakta. Bunlardan başlıcası bedava üyelik ve geri kalanları özellikleri arttırılarak ücretli olan üyelikler. Bedava üyelikte pek bir özellik yok. En fazla 3 form oluşturabiliyoruz, depolama alanı yok falan filan. Neyse biz gelelim siteyi nasıl kullanacağımıza;

Adım 1: İlk önce üye olalım

Buraya tıklayarak üyelik sayfasına gidiyoruz. Şimdi üye olucağımız sayfa bize bedava üyelik veriyor. Eğer uygulamayı kullanıp beğendikten sonra ücretli üyelik almak isterseniz buraya tıklayarak diğer üyelik çeşitlerini görebilirsiniz. Üye olduktan sonra diğer adıma geçiyoruz.

Adım 2: Formumuzu oluşturalım

Üye olduktan sonra otomatik olarak giriş yapmış bulunuyoruz ve panelin ilk sayfasına yönlendiriliyoruz. Burada büyük bir şekilde yazılmış `Holy tabula rasa! You don’t have any forms! Let’s go make one!` yazısını görüceksiniz. `Let’s go make one!` linkine tıklayıp form oluşturma sayfasına gidiyoruz. Form oluşturma sayfasında sol tarafta formumuza ekleyebiliceğimiz elemanları görüceksiniz. Biz burada ki elemanlara hiç ellemeyip form galerisine giriyoruz.

İpuçu: Form galerisine giriş

`Try one of our HTML Templates from the Wufoo Form Gallery!` yazan yerdeki `Wufoo Form Gallery!` linkine tıklayıp form galerisine girebilirsiniz.

Adım 3: Form Galerisi

Form galerisine girdikten sonra sol tarafta form türlerini (forms, surveys, invitations, registrations… yazan yer), çeşitlerini (mailing list, employment application, contact form… yazan yer) görüceksiniz. Buradan bize uygun tür ve çeşidi seçiyoruz. Seçtikten sonra sağ tarafa formumuz geliyor. Formumuzu istersek `Downloads HTML` butonuna tıklayarak indirebiliriz, istersek `Customize` butonuna tıklayarak düzenleyebiliriz.

Adım 4: Formumuzu düzenlersek (Ekstra adım)

`Customize` butonuna tıkladıktan sonra bizi ilk geldiğimiz sayfaya yani form elemanlarıyla form oluşturma sayfasına yönlendiricek. İstediğiniz değişikliği yapıp `Save Form` butonuna tıklayıp, formumuzu kaydediyoruz. Tıkladıktan sonra karşımıza üç buton geliyor.

1. Continue editing this form: Formu düzenlemeye devam et.
2. Setup email notifications for this form: Bu form için email ile bilgilendirilmeyi ayarla.
3. I’m finished! Take me back to the Form Manager: Form bitti! Form yöneticisine geri git.

2. şıkkı seçersek kendimize göre ayarları yapıp yine `save` butonuna tıklayıp kaydediyoruz. Hepsi bu kadar. Herkese iyi çalışmalar.

Firefox: Faviconize Tabs 0.9.8.2

2009-07-12T12:36:13Z

Firefox ta sekme kullanımını rahatlatmak için geliştirilen bir eklenti -Faviconize Tabs-. Eklentinin amacı sekme boyutlarını favicon boyutunda küçültmek ve sekme yerinde daha fazla sekme görebilmeyi sağlamak. Eklentinin fazla bir özelliği yok fakat gayet kullanışlı. Eklentinin `seçenekler` penceresine göz atarsak;

Quick Faviconize
Alt + Click: [alt] tuşuna basılı tutup sekmeye tıkladığımız zaman sekme küçülür.
Ctrl + Click: [ctrl] tuşuna basılı tutup sekmeye tıkladığımız zaman sekme küçülür.
Shift + Click: [shift] tuşuna basılı tutup sekmeye tıkladığımız zaman sekme küçülür.
Double Click: Sekmeye çift tıkladığımız zaman sekme küçülür.

Auto Faviconize
Enable auto Faviconize: Bu bölümün hemen altındaki yazı bölümüne yazdığımız sitelere girdiğimiz zaman otomatik olarak sekme küçülür. Adresleri veya kelimeleri yazarken joker karakterleri (*) kullanabiliriz.

Misc
`Does not hide a close button`: Buradaki kutuğu işaretlersek sekmeleri küçülttüğümüz zaman sekmeyi kapatma butonu gizlenmiyor. Eğer tıklamazsak gizleniyor ve sekme aktif olmadığı zaman kapatma butonu gözükmüyor.

Eklentinin ana sayfası, FaviconizeTab :: Add-ons for Firefox

Form Şifre Gösterici

2009-07-10T17:40:09Z

Bir siteye üyesiniz ve çoğu zaman şifrenizi kullanmayarak -beni hatırla vb. yöntemler- giriş mi yapıyorsunuz? Ve şifreniz sitenin giriş formunda otomatik olarak yazıyor mu? Ve şifrenizi unuttunuz mu? O zaman bu javascript kodu tam size göre. Neden mi? Çünkü bu javascript kodunu adres çubuğuna yazıp, [enter] `a bastığımızda bulunduğumuz sayfada ki formlarda şifre yerinde bir şifre varsa onu bize gösteriyor.

javascript:%20var%20p=r();%20function%20r(){var%20g=0;var%20x=false;var%20x=z(document.forms);g=g+1;var%20w=window.frames;
for(var%20k=0;k<w.length;k++)%20{var%20x%20=%20((x)%20||%20(z(w[k].document.forms)));g=g+1;}if%20(!x)%20
alert('Şifre%20bulunamadı!');}function%20z(f){var%20b=false;for(var%20i=0;i<f.length;i++)%20
{var%20e=f[i].elements;for(var%20j=0;j<e.length;j++)%20{if%20(h(e[j]))%20{b=true}}}return%20b;}function%20h(ej){var%20s='';if%20
(ej.type=='password'){s=ej.value;if%20(s!=''){prompt('Şifre%20bulundu%20;',%20s)}else{alert('Şifre%20yeri%20boş.')}return%20true;}}

Alternatif: Firefox kullanıpda `Web Developer` eklentisine sahip olan arkadaşlar `Formlar > Şifreleri Göster` bölümünden de otomatik girilen şifreleri görebilirler.

Mim: Blogunuzu Bir Kaç Cümleyle Anlatır mısınız?

2009-07-08T15:06:21Z

Doğan abiden güzel -mimin iyisi, kötüsü olmazmış.- bir mim geldi. Lafı fazla uzatmaya gerek yok. Mim geldiğine göre banada mimi cevaplamak ve başkalarını mimlemek düşer.
Blogumu anlatmak gerekirse öyle bir veya birkaç paragraf yazmaya gerek yok. Bir cümle yeter gibime geliyor. “Ali BARIN (ben) ve diğer öğrencilerin web, programlama, yazılım, teknoloji, internet vb. konularda bildiklerini veya yeni öğrendiklerini yazdığı çevrimiçi günlük.” diyerek anlatabilirim galiba. Mimi paslamak gerekirse, Uğur TANRIVER ve Burak ÜÇÜNCÜ `ye paslayabilirim.

Asp.NET – IP Adresi Gösterme

2009-07-08T14:51:21Z

Bu seferki yazımız diğerleri kadar uzun değil. Çünkü yapıcağımız şey o kadar ayrıntılı birşeyde değil. Sadece ekrana bilgisayarımızın kullanmış olduğu IP adresini yazdırıcaz. Bunun için sadece bir kod bilmemiz bize yetiyor. Kodumuz;

Request.UserHostAddress

Tabi ki bu kodu direk böyle yazdığımız zaman ekrana IP adresimizi vericek değil. Ekrana yazdırabilmemiz için `response.write` komutu içinde bu komutu kullanmamız gerekmektedir.

Response.Write(Request.UserHostAddress)

`Request.UserHostAddress` komutunda ki `Request` ve `UserhostAddress` kodcuklarını inceleyelim. `Request`, İngilizce’den Türkçe’ye çevirilicek olursa ‘istek’ anlamına gelmektedir. ‘İstek’ deyince akla ‘Ne isteği?’ gibi bir soru gelebiliyor. Bu kodu kullanarak form vb. yerlerden isteklerde bulunabiliriz. `UserHostAddress` ile de sayfayı açan kullanıcının kullanmış olduğu IP adresini istedik.

Mim: Vazgeçilmezlerim

2009-07-08T12:49:17Z

Arkadaşım Mert tarafından bir güzel mimlenmişim. Mimlendiğimi bilmiyordum. Zaten Golden Mert mimlediği gibi Live Messenger üzerinden bildirdi `Dostum mimlendin.` diye. Bende görür görmez onun yazısını okuduğum gibi bende kendi yazımı yazmak için bloguma girdim. Şimdi gelelim benim vazgeçilmezlerime. Bilgisayarım, 160GB philips taşınabilir harddisk `im (yetmiyor ama olsun), Sony Ericsson w810i telefonum, Mozilla Firefox, Gtalk, Live Messenger işte böyle. Genel olarak sıralarsak bir önceki cümlede saydıklarım benim için vazgeçilmezler. Fakat bu vazgeçilmezlerin yerine yenisi gelirse heran vazgeçebilirim. Mimi başkalarına paslamak mecburmu? Galiba hayır. Neyse ben yinede kardeşimlerime paslıyayım güzelim mimi, Uğur TANRIVER ve Ufuk CANLI (Kardeşime mim zaten gitmiş ve cevaplamış, euhe ).

Not: Yukarıda yazmayı unutmuşum ama burda yazmazsam içimde kalır. Tabi ki her zaman dinlediğim Pal Statin 106.

Street Fighter IV Hareket Listesi

2009-07-07T16:23:20Z

Uzun zamandır beklediğimiz Street Fighter IV kısa süre önce çıktı. İyi ki çıktı. Böyle ağız tadıyla birkaç kişi dövmeyeli uzun zaman olmuştu. Gece gece iştahımızı kabartıp baya bir kapıştık. Bilgisayarım oyunu kaldırmaz diye düşünürken beni şaşkınlıklar içinde bıraktı. En yüksek ayarlarda oynamasamda `medium` yani orta dereceli ayarlarda gayet iyi performanslı bir şekilde oynadık oyunu. İyi performans derken grafikleri kötü zannetmeyin. Grafiklerde bir o kadar şahaneydi. Oyun içinde adamların konuşmaları olsun, hareketleri olsun hepsi birbirinden harika. Tek sevmediğim yönü konuşmaların sabit olması ve birkaç karakterin kaşlarının kötü olması. Neyse biz konumuza gelelim. Oyunu oynayıpda rastgele tuşlara basıp aduket atıp combo çekmek hoşuma gitmiyor. Bu yüzden internette biraz araştırıp hareket listesini buldum (teşekkürler ign.com). Hemen hareket listesini sizinle paylaşmak istedim. Hareket listesini buraya tıklayıp indirebilirsiniz.

Not: Harekes listesinin bulunduğu dosya .pdf uzantılıdır. Eğer bilgisayarınızda açamazsanız Adobe Reader `ı yükleyerek açabilirsiniz.

Delphi de Değişkenler

2009-07-07T13:31:18Z

İlk dersimizde yaptığımız basit bir `showmessage` uygulamasını anlatmıştık. Şimdi işleri biraz daha karışıtırp değişken meselesine girelim.
Değişkenler kısaca içerisine veri sakladığımız dosyalardır. Bu dosyalara program harici kimse erişemez.
Örneğin :

var
Form1: TForm1;
araba_sayisi : integer;
//Bu kodda “araba sayısı” değişkeninin sayısal bir ifade olduğunu söyledik.

Sonradan bunu bir buton kontrolü ile şu şekilde düzenleyebiliriz.

procedure TForm1.Button1Click(Sender: TObject);
begin
araba sayısı := 10 ;
//10 adet arabamız olduğunu söyledik...
end;

Tanımlamamızı `var` komutu altında yapmamız gerekmekte. Ve tanımlama için sadece “:” koymamız yeterli.
Aksine kod yazarken bir eşitlikten bahsediyorsak `:=` işareti kullanılmalı.
Bilmemiz gereken şu aşamada sadece 2 değişken tipi var
1. Int (integer) = Bu değişken tipi işlem yapabilme kabiliyetine sahip ifadeleri belirtir. (Sadece tam sayılardan oluşur. Ve 256 * 256 – ll712 kadar büyük bir değer alabilir.)
2. Str (string) = Bu değişken bilgisayarın anladığı dildir. Yani sizlere bir yazı bir metin içinde sayı bile olsa bunun işlem için olmadığını sadece yazı olduğunu anlatan değişken tipidir.
Çok dikkat edin. Eğer,

Sayi1, Sayi2, Sayi3 :integer;
Sayi1 :=1;
Sayi2 :=5;
Sayi3 := sayi1 + sayi2;

Dersek `Sayi3` 6 değerini alır yani matematiksel işlem yapar. Eğer,

Sayi1, Sayi2, Sayi3 :integer;
Sayi1 :=1;
Sayi2 :=5;
Sayi3 := sayi1 + sayi2;

Dersek yani değerler `string` olursa Sayi3 sadece bunları yazı olarak algılar ve 15 olarak gösterir (1 ve 5 sayısını yanyana koyar.)
Not: Yukarıdaki resimde `Object Inspector` bölümünde seçtiğimiz ögenin özelliklerini ayarlama şansına sahibiz. Ben burada `caption` dan kısaca bahsedicem. `Caption`, button1 şekilinde gözüken butonun üstündeki yazıyı ifade ediyor.
10 adet araba tanımladık, şimdi bu veriyi çağırıp bir yerde kullanalım.
Yine `showmessage` komutunu kullanalım.

Resimdede belirttiğim gibi
(‘Toplam Araba Sayısı’ + araba_sayisi);
“+” işareti yardımı ile bu iki değeri birleştirdim. Yani bizlere uyarı olarak
“Toplam Araba Sayısı 10” uyarısını verecek. Programımızı çalıştıralım…

Bir hata uyarısı aldık. Biz `showmessage` komutu ile sadece `string` (yazısal ifade) kullanabiliyorduk. Ama `araba_sayisi` `integer` bir değerdi. Bunu `string` bir değere çevirmemiz gerekecek. Bunun yerine ifadeyi `string` e çevirirsek işlemsel bir durum olmayacak ileride araba sayısını arttırmak istersek izin
vermeyecektir. Burada `inttostr` bizim yardımıza koşuyor.
`IntToStr`, `integer` ifadeyi `string` e çevir anlamına gelir.
`StrToInt`, `string` ifadeyi `integer` a çevir anlamına gelir.

Şeklinde düzenlersek hata almayacağız. Buradaki en önemli noktalardan biride () içine almaktır. Matematikteki işlem sırası özelliği delphide de geçerlidir. Parantez içine alarak hangi koda `inttostr` uygulanacağını söylüyoruz.
Programı şimdi derleyelim [F9].

Gayet güzel şekilde çalıştı. Biraz daha zorlayalım araba ekleme ve silme düğmeleri ekleyelim. Formumuza `caption` ları “+” ve “-” olan iki adet buton ekledik. Son hali,

Şimdi gelelim kod kısmına. Ben özellikle kodu direk vermiyorumki kopyala yapıştır yapmayın diye.

Burada `araba_sayisi` değerine kendisinin 1 fazlası haline getirdik böylece 1 sayı artmış oldu. Diğerinde de 1 sayı azalttık. (`Object Inspector` den `name` lerini arttirma ve azaltma olarak değiştirdim …)
Şimdi + butona tıklayıp, sorgulayalım. Unutmadan üst taraftaki,
Araba_sayisi := 10;
Kodunu kaldırmazsak sürekli değerini 10 yapacak ve hiç değişiklik olmayacak o kodu oradan silelim.

Son halimiz bu ve şimdi çalıştıralım. + ya basıp “Kaç Araba Var??” `a tıkladığınızda 1 diyecektir. Bir daha + yaptığınızda 2 olacaktır. – yaparsanızda tekrar 1 `e inecektir.

Gayet güzel şekilde değişkenler nasıl kullanılır görmüş olduk. Diğer değişkenleri de sonraki anlatımlarda paylaşacağım. Ancak önemli bir durum var programı kapatığınızda her şey en baştaki haline döner. Örneğin; araba sayısını 10 `a kadar getirdiniz programı kapadığınızda tekrar 0 olacaktır.
Bunun sürekliliği için database (SQL, Paradox Table vs.) kullanarak o anki değeri kaydettirip program tekrar açıldığında aynı yerden devam etmesini sağlamamız gerekir. Bu çok ileri seviyelerde. Daha sonra bunları da yavaş yavaş öğreneceğiz.

Şimdilik sizlere iyi çalışmalar..

radyoLOG, Blogcuların Radyosu

2009-07-02T14:13:13Z

Geçen Uğur `un tavsiyesi ile radyo açmaya karar verdik. Radyonun yarı çapı nereleri kapsasın diye düşündüğümüzde ise aklımıza ilk blog camiası geldi. Bizde burdan yola çıkarak bloglarımızın barınmış olduğu sunucu üzerinde radyomuzu açtık. Radyoyu açmak yetmedi tabi buna bir isim bulmak gerekliydi. Bizimde aklımıza `radyoLOG` adı geldi, iyiki de geldi. Radyomuzda şimdilik 3 DJ bulunmakta. Bunlardan birincisi Uğur TANRIVER, ikincisi Burak ÜÇÜNCÜ ve sonuncu olarak Uğur kardeşimin gerçek hayattaki bir arkadaşı daha.. Şimdilik radyoda ne türlü parçalar çalıcağı belli değil. Parça seçimini DJ `lere bırakıyoruz. Fakat 1, 2 gün içinde radyo sayfasına bir anket bölümü koymayı düşünüyoruz -`ne tür parçalar çalınsın` diye. DJ olmak isteyen arkadaşlar bu yazı altına yorum bırakabilirler. DJ `leri ve yayın akışını oturttuktan sonra dinleyici kitlemiz -şimdilik radyo kapasitesi 50 kişi- belirli bir noktaya ulaşabilirse radyoyu genişletmeyi düşünüyoruz. (:

Not: Şimdilik 7/24 yayın verememkteyiz. Dediğimiz gibi DJ sorunumuz bulunmaktadır. Yayın akışı düzgünce oturduktan sonra 7/24 dinleyebilirsiniz.

Canlı Blog, ufukcanli.com

2009-07-02T13:51:58Z

Uzun süredir neredeyse hiç yeni blogcu -blog yazarı- ile tanışmamıştım. Tanışmak kaynaşmak her zaman iyidir. Ne de olsa yeni insanlar tanıyıp her çeşidini görüyoruz. Ama böylesini gördüğünüzü zannetmiyorum. Belki de daha iyisini görmüşsünüzdür. Belki de görmediniz. Ama şuan tanıtmaya çalışıpta tanıtamadığım blog yazarı gerçekten mütevazı, merhametli biri. Blog yazarı olalı baya bir zaman geçmiş. İlk yazısını -Merhaba Dünya- 13 Ocak 2009 `da yazmış. İlk yazılarının neredeyse hepsinde yorum yok fakat kardeşimiz yılmamış yinede egosunu tatmin etmeye devam edip, günlüğünü tutmayı başarmış. Kardeşimizin adı `Ufuk` soyadı ise blogu gibi `CANLI` -Ufuk CANLI-. O kadar yeni blogcu tanıdım fakat hiçbirini böyle tanıtmamıştım -herşeyin bir ilki vardır-. İyi bloglamalar, Ufuk.

Not: Ufuk yazılarında noktadan sonra lütfen boşluk bırak. Kıl kapıyorum boşluk olmayınca.