JavaScript'te klavyeden girilen 10 sayının toplamını ve ortalamasını bulma

Klavyeden girilen 10 sayının toplamını ve ortalamasını bulan programın C dilindeki kodlarını yazmıştım. (C'de klavyeden girilen 10 sayının toplamını ve ortalamasını bulmak) Bu yazıda aynı işlemi JavaScript dilinde gerçekleştireceğim.

Kullanıcıdan sayıları alabilmek için prompt komutunu kullanacağım. Prompt komutuyla kullanıcıdan veri alma işlemiyle ilgili yazdığım yazıyı buraya tıklayarak okuyabilirsiniz.

JavaScript Prompt komutu ile ekrandan veri alma

Bu programda 10 sayı alacağım için döngü kullanıyorum.

<script>
var toplam=0;

for(var i=1;i<=10;i++)
{
    var sayi = prompt(i + ".sayıyı girin");
    document.write(i + ".sayı = " + sayi + "<br />");
    toplam = toplam + parseInt(sayi);
}
ortalama = parseInt(toplam) / 10;

document.write("<br />Toplam : " + toplam);
document.write("<br />Ortalama : " + ortalama);
</script>

Görüldüğü gibi gayet basit bir program. 10 sayı girdikten sonra ekran çıktısı da aşağıdaki gibi oluyor.

Python if - else - elif (else if)

Python yazılarıma devam ediyorum ve bu yazıda Python'da if - else - elif komutlarını inceleyeceğim. Bu komutların kullanımı oldukça basit.

Python programlama dili ve Windows'ta Python kurulumu

Python IDLE kullanımı ve Windows'ta Python'u yol'a (PATH) eklemek

Dikkat etmemiz gereken nokta if, elif, else komutlarının bulunduğu satırların sonuna : koymayı unutmamak.

Diğer programlama dillerinden de bildiğimiz gibi if komutu herhangi bir şartı kontrol etmek için kullanılıyor. Örnek olarak input komutu ile kullanıcıdan bir veri alalım.

isim = input("Isim girin : ")

if komutu

if şartıyla ismi kontrol edelim. Eğer isim Berkay olarak girilirse "Merhaba Berkay" yazdıralım.

isim = input("Isim girin : ")
if isim=="Berkay":
    print("Merhaba " + isim)

else komutu

İsim Berkay ise ekrana Merhaba Berkay yazdırdık. Peki girilen isim Berkay değil ise ne olacak? Bu durumu kontrol etmek için de else komutunu kullanacağız. Girilen isim farklı bir isimse "Farklı bir isim girildi" yazdıralım.

isim = input("Isim girin : ")
if isim=="Berkay":
    print("Merhaba " + isim)
else:
    print("Farkli bir isim girildi")

elif komutu

if ve else örnekleri yaptık. Peki ben Berkay isminin yanına bir de Ahmet ismini eklemek istersem nasıl yaparım? Bunun için de çoğu programlama dilinde else if olarak geçen ve Python'daki karşılığı elif olan komutu kullanacağım.

O zaman girilen isim Ahmet ise "Merhaba Ahmet" yazdıralım.

isim = input("Isim girin : ")
if isim=="Berkay":
    print("Merhaba " + isim)
elif isim=="Ahmet":
    print("Merhaba " + isim)
else:
    print("Farkli bir isim girildi")

Programı çalıştırdığımda istediğim gibi çalışıyor.

Python IDLE kullanımı ve Windows'ta Python'u yol'a (PATH) eklemek

Bir önceki Python programlama dili ve Windows'ta Python kurulumu adlı yazının sonunda Python konsol ekranında "Merhaba Dünya" yazmıştık. Konsol ekranında yazdığımız kodları kaydedip tekrar çalıştırabilme imkanı bulunmadığından Python programları yazılırken IDLE kullanılır.

Python kurduktan sonra IDLE için ekstra birşey kurmak gerekmez.

Aşağıdaki gibi IDLE uygulamasını başlatabiliriz.

NOT : Python programlama dili hakkında bilgi edinmek ve Windows işletim sisteminde Python kurulumunun nasıl yapıldığını öğrenmek için "Python programlama dili ve Windows'ta Python kurulumu" adlı yazıyı okuyabilirsiniz.

Yeni Dosya Olusturmak (New File)

Yeni dosya oluşturmak için File -> New File menüsünü takip etmemiz yeterli. Ya da neredeyse tüm programlarda olduğu gibi CTRL + N kısayolu ile yeni dosya oluşturabiliriz.

Yeni dosya oluşturduk peki şimdi ne yapacağız? Kod yazmaya geçeceğiz ancak kod yazmaya başlamadan önce tüm uygulamalarımıza aşağıdaki satırı eklememiz gerekiyor.

#!/usr/bin/env python

Ardından print("Python ornek") kodunu yazalım.

Dosya kaydetmek (Save)

Dosya kaydetmek için de File -> Save menüsünü izliyoruz. Kısayolu CTRL + S.

Masaüstüne ornek adında kaydedelim. Aşağıdaki gibi ornek.py adında dosyam masaüstünde görünüyor.

Kaydedilen programı çalıstırma

Kaydettiğimiz ornek.py dosyasını çalıştırmaya geldi sıra. Komut İstemi'ni açıyoruz (cmd.exe) ve cd Desktop yazarak masaüstüne geçiyoruz.

Daha sonra c:/Python33/python.exe ornek.py yazarak enter tuşuna basıyoruz. Karşımıza ekrana yazdırmak istediğimiz "Python ornek" mesajı geliyor. (c:/Python33 klasörü Python'un kurulu olduğu yer. O kısmı kendinize göre düzenlemeniz gerekir.)

Python'u YOL'a (PATH'e) Eklemek

Linux işletim sisteminde c:/Python33/python.exe kodu yerine yalnızca python yazarak program çalıştırılabiliyor. Windows'ta bunu yapabilmek için Python'u path'e eklemek gerekiyor. Path'e eklemeden python ornek.py komutunu verdiğimizde aşağıdaki gibi bir hata alıyoruz.

Bilgisayar'a sağ tıklayıp Özellikler diyoruz.

Açılan pencereden Gelişmiş Sistem Ayarları seçeneğine tıklıyoruz.

Ardından da Ortam Değişkenleri... butonuna tıklıyoruz.

Daha sonra Sistem Değişkenleri bölümünden Path değişkenini seçip Düzenle... butonuna tıklıyoruz.

Değişken değerinin sonuna C:\Python33 kodunu ekliyoruz.

Böylece Python'u path'e eklemiş olduk. Artık uzun uzun Python'un kurulu olduğu dosya yolunu yazmamıza gerek kalmadı.

Python programlama dili ve Windows'ta Python kurulumu

Python programlama dili; nesne yönelimli, yorumlanabilen, modüler ve etkileşimli oldukça popüler bir programla dilidir. Neredeyse bütün platformlarda çalışan Python ile masaüstü uygulamaları, web uygulamaları, ağ programlama, veritabanı yazılımı programlama başta olmak üzere hemen hemen aklınıza gelebilecek tüm alanlarda uygulama geliştirebilirsiniz.

Youtube, Google, Linux, NASA gibi teknoloji devleri de Python'u çeşitli alanlarda kullanmaktadır.

http://blog.codeeval.com/codeevalblog/2014 linkinden aldığım yukarıdaki görselde de görüldüğü gibi Python programlama dili en yaygın programlama dili. Ancak ülkemizde hakettiği değeri göremiyor. Bu nedenle de Python programlama dili hakkında kaliteli kaynak bulmak zorlaşıyor ve bu da yeni programlama dili öğrenmek isteyenlerin Python'u elemelerine neden oluyor.

Yukarıda yazdıklarımdan sonra sıfırdan başlayarak Python programlama dili ile ilgili yazılar yazmanın uygun olacağını düşündüm ve yazılarıma Windows üzerinde Python kurulumuyla başladım.

Python sürümünün indirilmesi

Öncelikle http://www.python.org/downloads/windows/ bağlantısına tıklayarak istediğimiz Python sürümünü indirelim.

Python kurulumu

İndirme işlemi bittikten sonra yükleme dosyasını çalıştıralım. Yükleneceği konumu seçip ilerleyelim. Kurulum sırasında yapılması gereken ayarlar olmadığı için bu bölümü daha fazla uzatmak istemiyorum. Tüm dosyalar kopyalandıktan sonra Finish butonuna tıklayarak kurulumu bitirelim.

Ekrana "Merhaba Dünya" yazdırma

Python'u kurduğumuz klasör içindeki python.exe dosyasını çalıştıralım. Karşımıza gelen konsol ekranına

print("Merhaba Dünya") yazalım ve enter tuşuna basalım.

C# ile PostgreSQL veritabanına bağlanma

PostgreSQL ile ilgili yazılar yazmaya devam ediyorum. Daha önce PostgreSQL nedir? PostgreSQL kurulumu nasıl yapılır? başlıklı yazımda PostgreSQL veritabanı sunucusu ile ilgili bilgiler vermiştim. Ardından da PostgreSQL'de yeni veritabanı oluşturma yazımda pgAdmin programını kullanarak veritabanı oluşturmayı anlatmıştım.

Bu yazıda PostgreSQL veritabanımıza C# uygulamasından nasıl bağlanacağımızı anlatacağım. Böylelikle MS Access, MySQL, MS-SQL'den sonra C# uygulaması ile bağlanığımız 4.veritabanı PostgreSQL olacak. Yakın zamanda Oracle - C# bağlantısını da anlatacağım.

C# ile MS Access veritabanı bağlantısı 
C# ile MySQL bağlantısı kurma
Asp.NET (C#) ile MS-SQL bağlantısı kurma

Öncelikle bağlantıyı kurabilmek için gerekli olan Npgsql.dll isimli dosyayı indirmemiz gerekiyor. http://npgsql.projects.pgfoundry.org/ adresine giderek sağ taraftaki Current Version bağlantısına tıklayıp GitHub üzerinden dosyayı indiriyoruz.

İndirmiş olduğum zip dosyasının (Npgsql2.0.14.3-bin-ms.net4.5.zip) içindeki Npgsql.dll dosyasını masaüstüne atıyorum.

Daha sonra Windows Application Projeme sağ tıklayarak Add Reference... diyorum.

Açılan pencerede soldaki menüden Browse sekmesine girerek alt taraftaki Browse... butonuna tıklıyorum. Masaüstüne attığım Npgsql.dll dosyasını seçerek projeme ekliyorum.

Bir button ve bir label ekliyorum. Butona tıklandığında veritabanı bağlantısını kontrol edip sonucunu label'a yazdıracağım.

,
Buttona çift tıklayarak kod sayfama geçiyorum. İlk olarak aşağıdaki gibi using Npgsql; satırını ekliyorum.

Ardından buttonun click event'ına aşağıdaki kodları yazıyorum.

string baglantiSatiri = "Server=localhost;User ID=blogger;password=123;Database=blog";
            
            NpgsqlConnection baglanti = new NpgsqlConnection(baglantiSatiri);

            try
            {
                
                baglanti.Open();
                label1.Text = "Bağlantı kuruldu.";
            }

            catch (Exception a)
            {
                label1.Text = "Hata !!! " + a.ToString();
            }

Programı çalıştırıp buttona tıkladığımda sunucu açık ise bağlantı sağlanıyor.

Asp.NET sayfalara TinyMCE metin editörü ekleme

Asp.NET ile oluşturduğumuz web formlara TinyMCE zengin metin editörünü eklemeyi anlatacağım.

TinyMCE; platformdan bağımsız, web tabanlı JavaScript HTML WYSIWYG editörüdür. Açık kaynak kodlu yayınlanan TinyMCE, LGPL (Lesser General Public License) lisansı altında bulunmaktadır.

TinyMCE ile ilgili bilgileri verdikten sonra artık kurulumunu anlatmaya başlıyorum.

http://www.tinymce.com/download/download.php adresinden editörü indiriyorum.

İndirdiğim zip dosyasının içindeki tinymce klasörünü web form dosyalarımın olduğu klasörün içine atıyorum.

Yeni bir web form ekliyorum ve forma textbox koyuyoru. TextBox'ın TextMode özelliğini MultiLine yapıyorum. Bunu yapmak çok önemli çünkü MultiLine olmazsa tarayıcı bunu text input olarak algılıyor. Kodlar ile örnek vermek gerekirse;

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

kodu tarayıcıda aşağıdaki gibi görünürken

<input id="TextBox1" name="TextBox1" type="text" />

<asp:TextBox ID="TextBox1" runat="server" TextMode="MultiLine"></asp:TextBox>

kodu ise tarayıcıda aşağıdaki gibi görünür.

<textarea cols="20" id="TextBox1" name="TextBox1" rows="2"></textarea>

Biz de textareaları zenginleştireceğimiz için TextMode özelliğini MultiLine yapmayı unutmuyoruz.

Sayfamızda <title></title> etiketlerinin altına aşağıdaki kodu ekliyoruz.

<script type="text/javascript">
    tinyMCE.init({
        mode: "textareas",
        theme: "advanced",
        theme_advanced_toolbar_location: "top",
        theme_advanced_buttons1: "italic,underline,separator,justifyleft,justifycenter,justifyright,separator,formatselect,separator,bullist,numlist,link,unlink",
        theme_advanced_buttons2: "",
        theme_advanced_buttons3: "",
        encoding: "xml"
    });
</script>

Bu kodu ekledikten sonra TinyMCE, MultiLine textboxlara eklenmiş oluyor.

PostgreSQL'de yeni veritabanı oluşturma

Bu yazıda PostgreSQL'de yeni veritabanı oluşturmayı anlatacağım. Bir önceki PostgreSQL nedir? PostgreSQL kurulumu nasıl yapılır? başlıklı yazımda PostgreSQL kurulumunu anlatmıştım. Şimdi de kurulumdan sonra yüklenen pgAdmin III programı yardımıyla veritabanı oluşturma işlemini anlatacağım.

Kurulumdan sonra yüklenmiş olan pgAdmin III programını çalıştırıyorum.

Program açıldığında, kurulum sırasında oluşturduğumuz şifreyi girmemizi istiyor. Bu şifreyi girerek OK butonuna tıklıyorum.

Sunucuya bağlandım. Şimdi sol menüde Databases sekmesine sağ tıklayarak New Database... diyorum.

Karşıma gelen ekranda veritabanı adını resimdeki gibi giriyorum ve OK butonuna tıklayarak veritabanını oluşturmuş oluyorum. Dilerseniz Owner sekmesinden veritabanının sahibi olan kullanıcıyı belirleyebilirsiniz.

Böylelikle veritabanımı oluşturmuş oldum.

PostgreSQL nedir? PostgreSQL kurulumu nasıl yapılır?

Bu yazıda PostgreSQL veritabanı sunucusundan bahsedeceğim. Açık kaynak kodlu olan PostgreSQL'in web sitesine www.postgresql.org adresinden ulaşabilirsiniz.



PostgreSQL'in özellikleri

• Sınırsız sayıda veritabanı oluşturabilme
• 32 TB'a kadar tablo boyutu
• 1.6 TB'a kadar satır boyutu
• 1 GB'a kadar alan boyutu
• Tablo başına sınırsız sayıda satır ekleyebilme
• Kolon tipine bağlı olarak 250 - 1600 arasında kolon oluşturabilme
• Tablo başına sınırsız index

PostgreSQL, Linux yazarları tarafından da defalarca en iyi DBMS (Database Management System / Veritabanı Yönetim Sistemi) seçilmiş bir sistem. Yazılım vb. alanlar ile ilgili arkadaşların kesinlikle göz atmalarını ve en azından temel özellikleri bilmeleri gerektiğini düşünmekteyim.

PostgreSQL'i indirmek için http://www.enterprisedb.com/products-services-training/pgdownload adresine gitmemiz ve işletim sistemimize uygun sürümü indirmemiz gerekiyor. Boyutu da yaklaşık 50 MB.

KURULUM

İndirme işlemi bitti ve kurulum aşamasına geçiyoruz. İndirmiş olduğum exe dosyasını çalıştırıyorum.

Karşıma gelen ekranı Next diyerek geçiyorum.

Kurulacağı yeri seçerek Next diyorum.

Verilerin depolanacağı yeri seçerek tekrar Next diyorum.

Veritabanı kullancısı (superuser) için şifre belirliyorum ve Next diyorum.

Port'u değiştirmeden Next diyorum.

Tekrar Next diyorum.

Tekrar Next diyorum.

Şimdi yükleme işlemi başladı.

Yükleme bittikten sonra aşağıdaki gibi Finish diyerek kurulumu bitiriyorum.

Java - Eclipse JCalendar eklentisinin kurulması

Java ile ilgili yazılara devam ediyorum. Daha önce Eclipse - Form (JFrame) oluşturma - WindowBuilder adlı yazıda WindowBuilder eklentisinin kurulumunu anlatmıştım. Ancak WindowBuilder içerisinde aşağıdaki resimde gördüğünüz gibi bir takvimden tarih seçilmesini sağlayan özellik yok. Bunun için JCalendar eklentisini kuracağız.

(JCalendar eklentisinin getirdiği özelliklerden bir tanesi)

İlk olarak http://toedter.com/jcalendar/ adresinden son sürümü indiriyorum.

İndirmiş olduğum jcalendar-1.4.zip dosyasının içinde aşağıdaki klasörler bulunuyor. Bana lazım olan ise lib klasörü. Bu klasörü masaüstüne atıyorum.

Şimdi Eclipse'te yeni bir proje oluşturuyorum. Projeme sağ tıklayarak aşağıdaki yolu izliyorum.

Açılan pencerede masaüstüne attığım klasör içindeki jar dosyalarını seçerek aç diyorum.

Şimdi JFrame dosyamda Design sekmesine giriyorum. Sağ tıklayıp Palette manager... sekmesine giriyorum.

Add Category... butonuna tıklayarak JCalendar adında yeni bir kategori ekliyorum.

Açılan pencerede Import Jar... butonuna tıklıyorum.

Aşağıdaki gibi File System seçeneğini seçiyorum.

Daha sonra karşıma gelen ekrandan jcalendar-1.4.jar dosyasını seçerek aç diyorum.

Bu işlemin ardından aşağıdaki ekran geliyor ve tümünü seçiyorum. Category olarak da eklemiş olduğum JCalendar adlı kategoriyi seçiyorum. Ardından OK butonuna tıklıyorum.

Aşağıdaki resimde görüldüğü gibi JCalendar widgetleri eklendi. Dilediğimiz gibi kullanabiliriz. İyi çalışmalar...

JavaScript Confirm (onaylama) işlemi

Geliştirdiğimiz uygulamalarda bazen kullanıcıya işlemi yapmak istediğinden emin olup olmadığını sormamız gerekebilir. Örneğin birşey silmek istenildiğinde "Silmek istediğinize emin misiniz?" ya da siteden çıkış yapmak istenildiğinde "Çıkış yapmak istiyor musunuz?" şeklinde uyarılarda bulunmamız ve işlemi onaylatmamız gerekebilir.

Bunun için de JavaScript'te bulunan confirm özelliğini kullanabiliriz. Bu yazıdaki örnekte kullanıcı bir butona tıklayacak ve karşısına uyarı gelecek. Eğer onaylarsa siteye yönlendirilecek. Aksi taktirde işlem yapılmayacak.

İlk olarak sayfaya bir buton ekliyorum. Butona tıklandığında http://bilgisayar-muhendisleri.blogspot.com/ adresine yönlendirileceğiz.

<input type="button" onclick="git()" value="Blog" />

Şimdi JavaScript kodlarımı yazıyorum.

git adında bir fonksiyon oluşturuyorum.

function git()
{

}

Şimdi bu fonksiyon içinde bir if şartı koyuyorum ve kabul ederse yapılacak yönlendirme işlemini oluşturuyorum.

function git()
{
    if(confirm("Blog'a gitmek istediğinize emin misiniz?"))
    {
        window.location.href = "http://bilgisayar-muhendisleri.blogspot.com/";
    }
}

Kodun tamamı

<script>
function git()
{
    if(confirm("Blog'a gitmek istediğinize emin misiniz?"))
    {
        window.location.href = "http://bilgisayar-muhendisleri.blogspot.com/";
    }
}
</script>

<input type="button" onclick="git()" value="Blog" />

Şimdi sayfamı çalıştırıyorum ve butona tıklıyorum.

Karşıma aşağıdaki uyarı gelecek.

Tamam seçeneğine tıklarsam blog adresine yönlendiriliyorum.

İyi çalışmalar...

C# - TextBox maksimum uzunluk, yazı uzunluğu ve kalan karakter sayısı hesabı

Birkaç haftalık aradan sonra yeni yazılar yazmaya başlıyorum. Bu yazımda C#'ta TextBox için maksimum uzunluğun belirlenmesini (MaxLength), textbox'a girilen yazının uzunluğunun (TextLength) hesaplanmasını ve Twitter'da olduğu gibi kalan karakter sayısının hesaplanmasını anlatacağım.

İlk olarak yeni bir form oluşturuyorum ve aşağıdaki gibi form elemanlarımı ekliyorum.

İlk olarak formuma çift tıklayarak Form1_Load olayına gidiyorum.

private void Form1_Load(object sender, EventArgs e)

        {

            label3.Text = textBox1.MaxLength.ToString();

        }

Bu kod ile label3 yerine textBox1 için izin verilen maksimum uzunluğu yazdırıyorum.

Ardından textBox'ın TextChanged olayına aşağıdaki resimde olduğu gibi TB_Degisim fonksiyonunu ekliyorum.

Şimdi TB_Degisim fonksiyonunu oluşturuyorum ve içine aşağıdaki kodları yazıyorum.

public void TB_Degisim(object sender, EventArgs e)
        {
            label4.Text = textBox1.TextLength.ToString();
            label6.Text = (textBox1.MaxLength - textBox1.TextLength).ToString();
        }

Programımı çalıştırıyorum. TextBox'a herhangi birşey yazdığımda programın çalıştığını görüyorum.