bildirgec.org - ismailersoy - beğendikleri

İçinizdeki Tasarımcı İçin Kullanmanız Gereken 17 Ücretsiz Yazı tipi

ismailersoy — Fri, 16 Jan 2009 12:36:00 GMT

Tipografi her yerdedir. Öğle yemeği çantanızda, biranızın üzerinde, en beğendiğiniz gömleğinizin üzerinde... Yazı tipi (font) üzerinde kullanılan ufak bir değişiklik mükemmel tasarım ile korkunç tasarım arasındaki değişikliğe sebep olabilir. Yazı tipleri önemli bir mesajı iletirler. Aşağıda listeleyeceğim yüksek kaliteli bu ücretsiz yazı tipleri, sitenizi allak bullak etmeyecek türden yazı tipleridir... Siteniz derken tasarımınızı kastediyorum... Onları akıllıca kullanın.

Dikkat:

Her bir yazı tipini kullanmadan önce onların lisans bilgilerine bir göz atın... Her an değişebilirler... Kurumsal projeler için bazı ücretsiz yazı tiplerini kullanmak yasadışı olabilir.

İçinizdeki Tasarımcı İçin Ücretsiz Yazıtipi Listesi

Medium Condensed - Alphabet

Petit Latin

SlabTallX

Vera Sans Mono

Museo 500 ve (Museo 300 + Museo 700)

Scriptina

Mank Sans

Qlassik (Bold)

Diavio

Cicle

Fertigo

Greyscale

Existence Light

Steiner

Anivers

Geo Sans Light

District Thin

Sizin de sık kullandığınız ücretsiz yazıtipleri var mı? Yorumlarınızla paylaşın.

Kaynak: TheThemeBlog

Bu yazı ismailersoy tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

10 Kullanışlı Web Uygulaması Arayüzü Tekniği

ismailersoy — Mon, 19 Jan 2009 17:02:00 GMT

Gün geçtikçe daha çok web uygulaması Web'e geçiş yapıyor. Platform sorunları ve kurulum gereksinimleri olmadan, bir hizmet olarak yazılım (software as a service) modeli oldukça çekici görünüyor. Web uygulama arabirimi tasarımı, özünde, web tasarımı iken, aslında daha çok üzerine tasarlandığı uygulamanın özelliklerine odaklanır. Masaüstü yazılımları ile yarışabilmek için web uygulamaları basit, yenilikçi ve karşılık veren kullanıcı arabirimleri sunabilmeli ve bunlar da, onları kullanan kullanıcıların ulaşmak istediklerine en kısa yoldan ve onları yormadan ulaşabilmelerine aracılık edebilmelidirler.

Geçmişte web uygulamalarını olması gerektiği kadar dikkate almıyorduk ancak şimdi, web uygulamalarını daha güzel ve daha kullanıcı dostu kılacak bazı tasarım çözümleri ve kullanışlı tekniklere bakmanın zamanı geldi. Bu makale, modern web uygulamalarında kullanışlı tasarım çözümleri ve tasarım öğelerine yönelik yaptığımız derinlemesine araştırmanın ilk bölümünü oluşturmaktadır. Yazının devamında, pek çok başarılı web uygulamasında kullanılan 10 kullanışlı arabirim tasarlama tekniklerini ve en iyi deneyim örneklerini bulacaksınız.

Lütfen yazıyı okuduktan sonra siz de kendinize özgü fikirlerinizi, yaklaşımlarınızı ve kodlama çözümlerinizi bizlerle paylaşmaktan çekinmeyin. Yazının ikinci bölümü de pek yakında yayınlanacaktır.

1. İsteğe Bağlı Arayüz Elementleri
Sadelik, kullanıcı arabirim tasarımında önemlidir. Ekranda ne kadar fazla kontrol elementi gösterirseniz, kullanıcılarınız onları anlamak için o kadar fazla zaman geçireceklerdir. Daha fazla seçenek olduğunda, kullanıcıların kullanabileceği seçenekler onlara daha belirgin gelecek ve onları taramaları daha kolay olacaktır. Bir arayüzü sadeleştirmek burada yazıldığı kadar kolay bir iş değildir, özellikle uygulamanızın özelliklerinden kısmak istemiyorsanız.

Kontain'in arama kutusuna tıkladığınızda benzer bir açılır menü belirmektedir. Eğer arama kriterlerinizi daraltmak istiyorsanız, açılan bu menüyü kullanarak ilgilendiğiniz içerik kategorilerini seçebilirsiniz. Bu seçenekleri arama kutusu ile bütünleştirmek, arama kutusunu basitleştirmektedir.

İşleri sadeleştirmenin bir yolu, gelişmiş özellikleri gizlemek ya da perdelemektir. Arayüzünüzde en çok kullanılan elementlerin hangileri olduğunu bulun ve geri kalanını ayıklayın gitsin. Bunu açılır menüler ve kontroller ile yapmanız mümkündür ki bu her iki yöntem de masaüstü uygulamalarında oldukça popülerdir. Örneğin, eğer arama kutunuz gelişmiş filtrelere sahipse, o zaman onları satırın sonunda özel bir açılır menünün ardına gizleyin. Eğer kullanıcıların bu filtrelere ihtiyacı varsa sadece birkaç fare tıklaması ile onları etkinleştirebilirler. Bunu söylemesine söylüyorum ama neyi gizleyip neyi gizlemeyeceğinize karar vermek kolay bir iş değildir ve her bir kontrolün ne kadar önemli olduğu ve ne kadar sık kullanıldığı ile doğrudan ilgilidir.

CollabFinder'ın arama bağlantısına tıkladığınızda başka bir sayfaya yönlendirilmezsiniz. Aksine, arama kutusu bir açılır menüyü kontrol ederek, sizin doğrudan bulunduğunuz sayfa üzerinden arama yapmanızı kolaylaştırır.

2. Özelleştirilmiş Kontroller
Durum için doğru arayüz kontrollerini seçmek önemlidir. Farklı durumlar farklı şekillerle kontrol edilebilir ve bazı kontroller kendileri için tasarlanan görevlerde diğerlerinden daha iyidirler.

Backpack hatırlatıcı tarihi için kullanılan kompakt bir takvim tarih ve zaman seçicisine sahiptir.

Örneğin gün, ay ve yıl için ayrı ayrı açılır menüler kullanarak kullanıcıların seçmelerini sağlayabilirsiniz. Ancak açılır menüler çok verimli değildirler, özellikle seçmek istediğiniz tarihin üzerine doğrudan tıklayabilmenize olanak sağlayan takvim seçicileri ile kıyaslandığı zaman. Takvim seçicileri ayrıca sizin günleri, haftaları ve ayları (özellikle iş günlerini ve haftasonlarını) görebilmenize yardımcı olurlarken, sıradan açılır listelere kıyasla daha bilgilendirilmiş kararlar verebilmenizi sağlarlar.

MyBankTracker'ın yıllık gelir oranlarını hesaplamak için kullanılan bir hesaplayıcısı bulunmaktadır ve bu hesaplayıcı, kolay kullanımlı kayan kontrolleri kullanarak, farklı projeksiyonları kolayca deneyebilmenizi sağlamaktadır.

Bir diğer güzel örnek ise kaydırma çubuklarıdır. Evet, numaraları her zaman el ile girmek mümkündür, ancak bazı özel durumlarda kaydırma çubukları ve buna bağlı kontrolörler çok daha iyi iş çıkarırlar. Bunlar sadece daha kolay kullanımlı olmakla kalmaz (sadece sürükle ve bırak), ayrıca seçiminizin izin verilen en düşük ve en büyük değerler arasında nereye denk düştüğünü görsel olarak algılamanıza da yardımcı olur.

3. Basılı düğmeleri iptal etmek
Web uygulamalarının zorlandığı bir diğer problem de form gönderim işlemidir. Basit formlarla "Gönder" düğmesine iki ya da daha fazla kez çabucak basarsanız, form iki ya da üç kez gönderilebilir. Bu hiç şüphesiz bir problemdir, zira aynı form girdisinin benzer kopyalarını oluşturacaktır. Bu kopya girdilerin önüne geçmek zor bir işlem değildir, ancak pek çok web uygulamaları için kaçınılmaz bir işlemdir.

Bu korumaya iki bağ bulunur: sunucu tarafı ve istemci tarafı. İşin sunucu tarafına burada değinmeyeceğiz zira bu kullandığınız programlama diline ve sizin altyapı mimarinize göre değişiklik gösterecektir. Her koşulda yapmanız gereken şey, verinin işlenişi sırasında gönderilen her ne ise onun halihazırda depolanan verinin bir kopyası olup olmadığını kontrol edecek bir mekanizmayı entegre etmek olmalıdır.

Yammer "Güncelle" düğmesini yeni bir mesaj gönderildiğinde otomatik olarak etkisizleştirir.

İşin istemci tarafı çok daha basittir. Tek yapmanız gereken "Gönder" düğmesine tıklandığında onu etkisizleştirmektir. Bunu yapmanın en kolay yolu, "Gönder" düğmesine aşağıdaki gibi basit bir JavaScript kodu dahil etmektir.

<input type="submit" value="Submit" onclick="this.disabled=true" />

Elbette yukarıda da belirttiğimiz gibi istemci tarafının yanısıra sunucu taraflı bir kontrol mekanızmasını da uygulamanıza entegre etmeniz önerilir.

Çevirmen'in Notu: Kodaman'da PHP'de güvenli form gönderimlerine yönelik bir dizi makale bulunmaktadır.

4. Modal Pencereler Çevresindeki Gölgeler
Açılır menüler ve pencerelerin çevresindeki gölge efektleri sadece göze hoş gelmekle kalmaz, ayrıca efektin uygulandığı menünün ya da pencerenin, sayfanın diğer elementlerinden daha ön planda belirmesine de görsel olarak yardımcı olur. Bunun yanısıra efektin uygulandığı elementin ardındaki içeriğin oluşturması muhtemel görüntü kirliliğinin de, üzerine uygulanan karartıcı efektin de yardımı ile önüne geçer.

Bu tekniğin kökeni, sıradan masaüstü uygulamalarına dayanmaktadır. Bu tekniğin kullanıldığı masaüstü uygulamalarında kullanıcının dikkati, en öndeki pencereye ya da diyaloğa çekilir. Pek çok modal pencereler masaüstü uygulamalarında olduğu kadar kolayca ayırt edilebilir olmadıklarından beri, gölge efektleri, onların, okuyucular tarafından daha kolay algılanabilir kılınmasına yardımcı olur, zira ilgili pencere, üç boyutlu gibi görünür ve sayfanın geri kalanının önüne geçer.

Digg'in giriş penceresinin çevresinde bulunan kalın gölge efekti sayesinde, ilgili pencerenin ardındaki içeriğin oluşturduğu görüntü kirliliğinin önüne geçilmiş olur.

Bu efekte ulaşabilmek için tasarımcılar, saydam bir PNG imajı oluştururlar ve asıl içeriği de bu PNG dosyasını arkaplan imajı olarak kullandıkları kapsayıcının içerisine yerleştirirler. Kapsayıcının köşelerinde eşit oranlarda boşluk uygulanmas, içeriğin daha kolay seçilebilmesinin de önünü açar. Bir diğer seçenek ise saydam köşeler ile birlikte arkaplan imajı kullanarak, içeriği mutlak pozisyonlama ile yerleştirmektedir. Digg bu yöntemi kullanmaktadır - kullandıkları imaj ise bu (dialog.png). Kullandıkları kodlar ise aşağıda:

(X)HTML:
<div id="container"> <div style="display: block; top: 236px; opacity: 1;" class="dialog"> <div class="body"> <div class="content"> ... </div> </div> </div> </div>

CSS:
.dialog { position: absolute; left: 50%; margin-left: -315px; width: 630px; z-index: 100001; } .dialog .body { background: url(/img/dialog.png) 0 0; /* semi-transparent .png image */ padding: 40px 13px 10px 40px; }

Bu yöntemlerin yanısıra JavaScript tabanlı lightbox çözümleri ile ya da CSS3 elementlerini kullanarak gölge efektlerini kullanabilirsiniz. Ancak CSS3'ün Internet Explorer tarafından desteklenmediğini unutmayın.

Basecamp'in proje değiştirici penceresinin ardında geniş bir gölge efekti bulunuyor ve bu efekt, pencerenin, sayfanın diğer elementlerinden daha belirgin olmasını sağlıyor.

5. Size ne yapmanız gerektiğinizi söyleyen boş alanlar
Bir web uygulamasını tasarlarken, onu basit bir veri ile test etmek kadar, onun güzel görünmesi ve ortada henüz hiçbir veri yokken kullanıcısına yardımcı olmak da önemlidir. Boş alanları tasarlamanız gerekmektedir.

Ortada henüz sayfa ya da komut için bir bilgi bulunmazken, kullanıcıya ne yapması ya da nasıl başlaması gerektiğini söyleyen bir mesaj o boş alana gidebilir. Örneğin bir proje yönetim uygulamasının ana sayfası, kullanıcının projelerini listeleyebilir, ancak eğer henüz orada bir proje bulunmuyorsa, o zaman proje oluşturulabilecek sayfanın bağlantısını oraya yerleştirmek yerindedir. Eğer orada bir düğme bulunuyor olsa bile, biraz daha fazla yardımın kimseye zararı dokunmaz.

Campaign Monitor bir elektronik posta kampanyası hazırlamaya başlarken sizi doğru yöne yönlendirir.

Bu teknik, kullanıcıların sunulan servisi, kayıt olduktan hemen sonra denemeleri için teşvik eder. Kullanıcıya uygulamanız her adımında rehberlik ederek, onun uygulamanızın sunduğu avantajları anlamasına ve kendileri için kullanışlı olup olmadığını kavramasına yardımcı olur. Bu ayrıca kullanıcıya "sadece" en önemli veriyi sunar, zira onları gereksiz seçeneklerle daha ilk andan boğmanın bir anlamı yoktur. Unutmayın ki kullanıcılar genellikle kendilerine sunulan fikrin aşağı yukarı tümünü anlamak isterler ancak detaylarla ilgilenmek istemezler - zira buna ne zamanları ne de ilgileri olmayabilir.

Boş alanları kullanarak kullanıcıları motive ederek ve uygulama adımlarını canlılaştırarak sıkılıp kaçan kullanıcıların önüne geçebilir ve potansiyel müşterilerin sisteminizin nasıl daha iyi çalıştığını anlamalarına yardımcı olabilirsiniz.

Wufoo'nun formlar sayfasının geniş ve kullanıcı dostu bir mesajı bulunur ve bu mesaji herhangi bir form bulunmaması durumunda sizi yeni bir form oluşturmaya davet eder.

6. Basılı düğme durumları
Pek çok web uygulamasının özel tasarlanmış düğmeleri bulunur. Bunlar ya linkler ya da girdi düğmeleri olup kendilerine atanmış arkaplanlar bulunur. Öntanımlı girdi düğmeleri bazı durumlar için elverişli olmayabilir ve metin bağlantıları bazen çok sade kaçabilir. Burada karşılaşılabilecek olan zorluk, bağlantılarınızı birer düğme gibi gösterdiğinizde onların birer düğme gibi davranmalarını sağlamaktır - ki bu kullanıcıların onların üzerine tıkladıkları zaman ilgili düğmenin "basılı" görünüme bürünmesini de içerir.

Bu aslında sadece görsel bir hile değildir. Kullanıcılara anında geribildirim vererek, uygulamanın daha duyarlı olmasının ve kullanıcının masaüstü uygulamalarında yaşadıkları deneyime en yakın deneyimi web uygulamaları üzerinde yaşamalarını da sağlar.

Basılı düğme durum efektlerini CSS'nin active alt sınıfını kullanarak oluşturmanız mümkündür. Örneğin eğer bağlantınız add_task_button sınıfına sahipse, onun basılı durumunu add_task_button:active ile stillendirebilirsiniz.

Highrise sitesindeki düğmelerin üzerine tıklandığında düğmelere sanki gerçekten basılıyormuş hissi uyandırılır ve kullanıcı ilgili uygulamanın daha duyarlı olduğu hissine kapılır.

7. Kayıt Sayfasına Giriş Sayfasından Bağlantı Vermek
Uygulamanız için kayıt olmamış bazı insanlar sürekli olarak sitenize halihazırda üye olmuş kullanıcıların giriş yapabilecekleri sayfa ile karşılaşırlar ancak acele ettiklerinden de olsa gerek kayıt sayfasını bulamazlar. Belki de sadece kayıtlı kullanıcıların kullanımına açık olan bir özelliğe erişmeye çalışmış olabilirler.

Delicious hesabınız yok mu? Sorun değil, zira kayıt olabileceğiniz bağlantı giriş sayfası üzerinden verilmiş bile.

Goplan sitesinin üye girişi sayfasında bulunan güzel renklendirilmiş düğmesi sizi kayıt sayfasına yönlendiriyor.

Giriş sayfanıza kayıt olunabilecek bir bağlantı yerleştirerek bu işlemi onlar için kolaylaştırın. Eğer henüz bir hesabınız yoksa, kullanıcılar kayıt sayfasını bulmak için arama yapmamalıdırlar. Smashing Magazine'nin araştırmaları gösteriyor ki sitelerin %18'i, üye girişi sayfası üzerinde bir kayıt formu ya da o forma giden bir bağlantıyı barındırmaktadır (örneğin YouTube, Reddit, Digg, Metacafe).

8. İçerik/Durum hassaslığında navigasyon
Kullanıcıların karşı karşıya kaldığı her durumda onların neler görmeyi bekleyecekleri ve nelere ihtiyacı olabileceklerini düşünmek önemlidir. Aynı navigasyon kontrollerini her sayfada göstermenize gerek yoktur, çünkü kullanıcılarınızın her durumda onların tamamına ihtiyacı yoktur.

İçweik hassaslığında kontrollere yönelik en güzel örneklerden birisi de Microsoft Office 2007'nin arayüzünde son dönemde yapılan bir değişikliktir. Şerit üzerinde bulunan her bir sekme, ilgili aktiviteye yönelik eylem düğmelerini listelemektedir, örneğin grafik düzenleme, gözden geçirme ya da basitçe yazı yazma gibi. Web uygulamaları da bunun gibi benzer içerik hassaslığında kontrollerin nimetlerinden faydalanabilirler zira bu tekniğin kullanıldığı kontroller, arayüz üzerinde sadece kullanıcının ihtiyacı olan şeyleri göstererek, her şeyi tekrar tekrar göstermeyerek kalabalıklığı gidermeye yardımcı olacaktır.

Lighthouse artık alışık olduğumuz sekmeli navigasyon menüsünü kullanmaktadır, ancak, sekmeler içerisinde ikinci seviye menüler de yer almaktadır. Bu seviye görünümleri, sadece aktif sekmenin içeriği ile alakalı aktivitelere yönelik bağlantıları listelemektedir.

9. Ana Özellikleri Vurgulamak
Tüm kontroller aynı öneme sahip değillerdir. Örneğin, yeni bir öğe oluşturduğunuz bir öğe üzerinde sadece "Oluştur" ve "İptal" düğmeleri olabilir. "Oluştur" düğmesi daha önemlidir, zira kullanıcının ilgili sayfada genellikle yapacağı şey budur. Sadece bazı ender zamanlarda sayfayı iptal etmek isteyeceklerdir. O zaman eğer bu kontroller yan yana dizilirlerse, onlara aynı vurguyu yapmak istemeyebilirsiniz.

Lighthouse üzerindeki "Konu Oluştur" düğmesi. Onun hemen yanında "iptal" düğmesini görüyorsunuzdur, sadece salt metin olarak. Düğme yalnızca daha fazla önem kazanmakla kalmaz, ayrıca daha geniş tıklama alanına da sahip olup fark edilmesi daha kolaydır, sırf boyutundan ötürü.

"Oluştur" düğmesi üzerindeki vurguyu arttımak için basitçe farklı stillemeler ve farklı kontrol yöntemleri kullanabiliriz. Bazı uygulamalar form girdi düğmelerini bir eylem oluşturmak için kullanırlar ve iptal düğmesini bir bağlantı olarak yansıtırlar. Bu "oluştur" düğmesi için daha fazla tıklama alanı oluşturmakla kalmaz, ayrıca kullanıcının o sayfada olma nedeni bu olduğu için onların ilgili düğmeyi kolayca fark etmelerini sağlar.

10. Video Kullanmak
Resimler ve metinler kullanıcılarınızla iletişim kurmak ve uygulamanızın özelliklerinden bahsedebilmek için mükemmel bir yöntem olmasına rağmen eğer kaynaklarınız varsa video kullanmak daha da iyi bir alternatif olabilir. Özellikle son yıllarda web üzerinde videonun popülaritesi giderek artmaktadır. Web uygulamaları için videolar, genellikle, bir ürünün özelliklerini göstermek için birer araç olarak kullanılırlar, ancak bu video kullanabileceğiniz tek yöntem değildir.

GoodBarry sitesi ön sayfasında ürünü tanıtmak için bir video kullanır. Site ayrıca uygulama üzerinde kullanıcılara uygulamayı kullanmaya nasıl başlayabileceklerine yönelik yönergeler içeren videolar da içerir.

MailChimp acemi kullanıcılara yardımcı olmak için doğrudan yönetici paneli üzerinde yardımcı videolar içerir.

Bazı web uygulamaları doğrudan uygulamanın içerisinde, kullanıcıya uygulamanın nasıl kullanılabileceğini anlatan videolar kullanırlar. Videolar, uygulamanızın nasıl kullanılabileceğini gösterebilmek için muhteşem birer araçtır, çünkü algılaması bir sayfa metne oranla daha kolaydır ve ayrıca çok daha nettir, zira izleyici ne yapıldığını doğrudan görmektedir.

Daha önce kullanılırlık ile ilgili yazdığım diğer yazılar

Kaynak: Smashing Magazine

Bu yazı ismailersoy tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Her Yazılımcının Bilmesi Gereken 10 Konsept

ismailersoy — Thu, 24 Jul 2008 06:02:00 GMT

Yazılım dünyası, kalabalık ekiplerin yerini büyük ve karmaşık işleri bir kaç iyi yazılımcının yapacağı bir yöne doğru ilerliyor.

yazılım mühendisi

Alex Iskold, bu ekiplerde yer alacak mühendislerin bilmesi gereken 10 konsepti listelemiş.

10 İlişkisel Veritabanları

learning mysql

İlişkisel veritabanları, çok büyük web servislerinde kötü performanslar sergilediği için son zamanlarda sevilmiyor. Ancak yazılım dünyası daha uzun bir süre onları kullanmaya devam edecek.

İlişkisel veritabanlarında veriler tablolarda kayıtlar olarak tutuluyor ve genellikle SQL adı verilen dil ile bu veriler sorgulanıyor. SQL’in veri ekleme, silme, güncelleme, filtreleme ve birden çok tablodaki verileri bir arada getirme gibi güzel yetenekleri var.
İlişkisel veritabanlarında veri yazıp okuma işini performanslı bir şekilde halledebilmek için SQL, stored procedure’ler (yerleşik yordamlar), constraint’ler (kısıtlamalar) gibi pek çok konuya hakim olmak gerekiyor.

9 Güvenlik

web security, privacy and commerce

Hack olayları ve veri güvenliği önem kazandıkça güvenlik bilgisinin de önemi artıyor. Veri güvenliği; kullanıcı yönetimi, yetkilendirme, bilgi aktarımı gibi pek çok kavram içeren geniş bir konu.
Kullanıcı yönetimi, bir sistemde her kullanıcının kendisini ilgilendiren bilgilerle muhattap olması ve diğer kullanıcıların bilgilerini görememesi ile alakalı. Yetkilendirme, kullanıcıların yalnızca izin verilen işlemleri yapabilmeleriyle alakalı. Daha çok şirketleri ve iş akışı bulunduran sistemleri ilgilendiriyor. Yeni geliştirilen OAuth protokolü, web servislerde güvenliği sağlamak konusunda yardımcı oluyor. Bu sistemi flickr kullanıyor.

8 Cloud Computing

programming amazon web services

Cloud Computing, bir işin daha hızlı yapılması için aynı anda birden fazla bilgisayarın çalıştırılması esasına dayanan paralel programlamadan yola çıkılıp geliştirilmiş bir yöntem. Yararlananılabilecek hizmetlerin zaman, kullanıcı yoğunluğu gibi parametrelere bağlı olarak değişmesi esasına dayanıyor.

7 Eş Zamanlılık

java threads

Eş zamanlılık, birden fazla işin bir programın kendi içinde aynı anda yapılması ile alakalı. Örneğin java ile yazılan uygulamalarda bunun için thread’ler kullanılıyor.

Üretici / Tüketici modeli tipik bir örnek. Üretici durumunda olan kısım sürekli olarak işlenecek verileri üretiyor, tüketici olan kısım ise sürekli olarak bu verileri alıp işliyor. Bu iki kısım aynı anda çalışıyor. Her thread’in kendi içinde çalışma mantığı ayrı olsa da thread’ler verileri aynı anda ve ortak olarak kullandığı için çalışırlarken yapabilecekleri hataları önlemek uzmanlık gerektiriyor. En karmaşık thread kütüphanelerinden birisi Doug Lea tarafından üretilmiş ve java çekirdeğinde yerini almış.

6 Caching

web caching

hafif uyku’nun kaşeleme dediği caching, normalde veritabanında tutulan verilerden çok sık kullanılanların hızlı ulaşılabilecek bir yere alınması ve buradan hızla kullanılması anlamına geliyor. Örneğin bir kitap siteniz varsa ve geçen haftanın popüler kitaplarını listeleyen bir kısım mevcutsa, bu verileri her gerektiğinde hesaplamak yerine haftada bir kez hesaplayıp uygun bir yere kaydediyor ve gerektiğinde buradan okuyorsunuz.
Cache’lenen verilerin tamamını bellekte tutmak maliyetli bir işlem olduğu için, bellekte tutulacak verilerin seçilmesi için uygulanacak yöntemleri seçmek yine uzmanlık gerektiriyor.
Facebook’un da aralarında olduğu bir çok modern uygulama, Brad Firzpatrick tarafından geliştirilen memcached adlı sistemi kullanıyor.

5 Hashing

lecture notes in computer science

Hashing, verilere hızlı ulaşmak için başka bir yöntem. Bu yöntemde, her verinin içeriğine bakılarak bu veriye özel daha kısa bir veri üretiliyor ve bu kısa veriler index olarak kullanılıyor. Index içerisinde arama yapmak da çok daha hızlı oluyor.

Hashing yapılırken her verinin farklı bir hash kodunun olması ve bu hash kodlarının hızlı ulaşımı mümkün olduğu kadar kolaylaştıracak şekilde ayarlanması farklı bir uzmanlık gerektiriyor.

4 Algoritmik Karmaşıklık Seviyesi

data structures and algorithms

Çok yaygın olarak büyük O harfi notasyonuyla ifade edilen karmaşıklık seviyesi, bir algoritmanın hızının, algoritmanın işlediği veri miktarına göre değişimini belirliyor. Örneğin O(n) ile ifade edilen bir algoritma, n tane veriyi t zamanda işliyorsa 2n tane veriyi 2t zamanda işler. O(n^2) ile ifade edilen algoritma ise n tane veriyi t zamanda işlerken 2n tane veriyi t’nin karesi kadar zamanda işler. İşlenen veri miktarları çok büyük olunca, bunları işleyen algoritmanın karmaşıklığı çok büyük önem kazanıyor.

3 Katmanlı Mimari

large scale c++ software design

Katmanlı mimari, bir yazılımın çalışması için gereken bileşenlerin piramit şeklinde yapılandırılması gerektiğini ifade ediyor. Piramitin her katmanındaki bileşenin çalışması, kendi altında bulunan bileşenlere bağlı olabilir ancak kendi üzerinde çalışanlara bağlı olamaz.
Bu konuda bilgi alınabilecek Structure 101 ve SA4J adlı iki güzel kaynak var.

2 Kurallar ve Şablonlar

developing java beans

İsimlendirme kuralları ve şablonlar üzerinde en çok durulan ve muhtemelen en önemli tasarım desenleri.
İsimlendirme kuralları yazılım geliştirilirken kullanılan tüm isimlendirmelerin ortak kurallara dayanmasını gerektiriyor. Örneğin JUnit adlı java bileşeni, test metodlarını, isimlerinin başında yer alan test kelimesi sayesinde tanıyor.

Şablonlar ise verilerin gösterimlerinin verilerden bağımsız bir şekilde yapılması ile ilgili. Örneğin XML verilerini göstermek için XSL şablonları kullanılır.

1 Arayüzler

agile software development

Arayüz, yazılımdaki en önemli konsept. Yazılım geliştirirken problemleri mümkün olduğunca basit modellemek ve bu modellere mümkün olduğunca basit ve anlaşılır arayüzler sunmak gerekiyor.

Bu konudaki tavsiyeler şöyle:

Asla ileride kullanışlı olabilecek metodlar yazmayın. Minimalist olun.

Daha önce yaptığınız hatalar ile yüzleşmekten korkmayın. Hatalarınızı düzeltmeye açık olun.

Sabırlı olun ve süreçten zevk alın. Adım adım ilerleyin.

Bu yazı ismailersoy tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

49 Ücretsiz Olağanüstü Wordpress Teması

ismailersoy — Fri, 27 Jun 2008 16:29:00 GMT

Wordpress'in kompetanı olduk, basit ayarlarımızı da yaptık. Ama hala blogumuz için güzelce bir tema bulamamış olabiliriz. İşte aralarından seçip beğenebileceğimiz pek güzel 49 ücretsiz wordpress teması:

FFF and Lemon Twist WordPress theme v1.5

DM-Bloodless (DeafMusician.com)

Illacrimo (Design Disease)

Zeke 1.0 + Widgets WordPress Themes (www.solostream.com)

PolarLight v2.2 beta (JsBlog)

Yoghourt (web-kreation.com)

Futurosity EOS WP Theme

NIGHT WHIMSY (Scribble Scratch)

Artueel Theme (http://blog.artueel.be)

Free “WP Premium” Theme (http://cssace.com/)

İlk 10 böyleydi, listenin tamamı burada.

Bu yazı ismailersoy tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

tasarımcılar için 10 yer imi

ismailersoy — Fri, 13 Jun 2008 12:40:00 GMT

tasarım ile ilgileniyorsanız size bu konuda malzeme açısından yardımcı olacak kaynaklar ve ipuçları:

serbest tasarımcılara müşteri getirecek 101 fikir
bu tarz listeler, yollar, fikirler bana sadece yazmış olmak için yazılıyor gibi geliyor ancak bu yazının kaynağında geçtiği için değiniyoruz.
en iyi ücretsiz 25 yazı karakteri
ilk bildirgec yazısına şuradan ulaşabileceğiniz kaynaktaki fontlar hemen hemen her tasarım ile uyum sağlayabilecek şıklıkta.
doku (texture) ve arkaplan kaynakları
smashing magazine'in sanırım hepimizi tarafından en bir kez tıklanan yazılarından biri. tasarımlarınıza veya sadece masaüstünüze zemin hazırlamada işinize yarayabilir.
ücretsiz photoshop eklentileri
şurada değinilmiş bağlantıda çeşitli efektler için kullanabileceğiniz güzel ps eklentileri mevcut.
photoshop fırçaları için 5 adres
her photoshop tasarımcısının yer imlerinde olması gereken 5 adet fırça kaynağı.
38 ikon kaynağı
ikon ile ilgili yazılar görmek bazılarımızı bunalttı biliyorum ancak burada da yazılmış.
ücretsiz imajlar
en iyi listelerden biri. yazılarınızda veya tasarımlarınızda kullanmanız için ücretli ve ücretsiz resim, fotoğraf siteleri.
listamatic
css ile ilgili tasarımcıların yararlandığı sitelerden biridir. menüler ve listeleme biçimleri üzerinde çalışmak veya site tasarımlarınıza yerleştirmek için yararlanabileceğiniz kodlar.
web tasarımcıları için araçlar
mashable'dan iyi bir liste. başlangıç kaynakları, grafik araçları, örnek tasarımlar yazıdaki birkaç konu başlığı.
web geliştiricileri için firefox eklentileri
birçok firefox kullanıcısı ve aynı zamanda tasarımcının bu eklentilerden uzunca bir zamandır yararlandığını düşünürsek bu işe henüz adım atanlar için iyi bir başlangıç olabilir.

Bu yazı ismailersoy tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Web Sitenize Harika Menüler!

ismailersoy — Fri, 13 Jun 2008 19:48:00 GMT

web sitenizin ilgi görmesini istiyorsanız iddialı bir tasarıma sahip olmalısınız. siteye gelen misafir öncelikle grafiklere ve grafikler arasındaki uyuma dikkat eder. menüler de bunun bir parçası. eğer güzel bir menü inşa edecek kadar kod bilginiz yoksa IzzyMenu imdadınıza yetişiyor.

izzymenu menu oluşturma sayfası

izzymenu ile çok şık dhtml ve css menüler yapabilirsiniz.kolay gelsin.

Bu yazı ismailersoy tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

13 başarılı ve ücretsiz ikon, buton, etiket ve banner kaynağı

ismailersoy — Thu, 12 Jun 2008 12:41:00 GMT

bilgisayarınızdaki ikonlardan, butonlardan sıkılmışsanız, veya size ait olan bir sitenin tasarımının temel taşlarını oluşturan ikon, buton, etiket ve banner'ları değiştirerek siteye yeni bir nefes getirmek istiyorsanız speckyboy'un sizler için hazırladığı bu listeye bir gözatın derim ben... listedeki adreslerden ücretsiz faydalanmanız da cabası...
benzer konulu bildirgeç yazılarıyla zenginleştireceğimiz yazımızda başarılı tasarımlara ulaşacağınızdan emin olabilirsiniz... bildirgeç yazılarının linkleri yazının sonunda verilmiştir...

label

coreldraw ile hazırlanmış .cdr formatındaki etiket tasarımları...
free web 2.0 services vector package

sosyal imleme siteleri için web 2.0 standartlarında hazırlanmış vektör ikonları...
3d luggage tag
trendy circles
web stickers round
collection of 90 free ‘web 2.0′ style buttons
new rss icon
bright web banners
promotional buttons by ~unicko
the coffee and tv milkbox by ~happy stalin
165 lovely vector icons (for free)
bright! - a free icon set
30 free vector rss icons

[kaynak]

işte bildirgeç yazıları

Bu yazı ismailersoy tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

33 ücretsiz Wordpress Teması (Derleme)

ismailersoy — Thu, 29 May 2008 13:03:00 GMT

Wp-premiums sitesi 28 ücretsiz ve güzel tasarımlı wordpress teması listelemiş, birazda kendi takip ettiğim temaları ekleyerek listeyi genişlettim. Arama zahmetinden kurtulmak ve zamandan tasarruf etmek açısından bu tür derlemelerin faydalı olduğunu düşündüğüm için paylaşmayı uygun gördüm. (soru bölümünde tema tavsiyesi isteyen arkadaşında etkisi oldu diyebilirim) Geniş içerikli
Dirty Girl

Dirty Girl

Tema Sayfası - Demo - indir

Ekleme: The Morning After

The Morning After

Tema Sayfası - Ekran Görüntüsü - indir

Revolution Blog (2 sütün/3sütun gibi seçenekleride mevcut)

Revolution Blog

Tema Sayfası/Demo/indir

Night Life

Tema Sayfası - Demo - indir

WP-Premium

WP-Premium

Tema Sayfası - Demo - indir

Freicurv

Freicurv

Tema Sayfası - Demo - indir

Chronicles

Chronicles

Tema Sayfası - Demo - indir

Skittlish

Skittlish

Tema Sayfası - Demo - indir

Artistik

Colorise

Colorise

Tema Sayfası - Demo - indir

Speakr

Speakr

Tema Sayfası/Demo - indir

Lay of the Land

Lay of the Land

Tema Sayfası - Demo - indir

Japanese Cherry Blossom

Japanese Cherry Blossom

Tema Sayfası - Demo - indir

İmaj kaplamalı

Club Jeans

Club Jeans

Tema Sayfası - Demo - indir

Natural Essence

Natural Essence

Tema Sayfası - Demo - indir

Charred

Charred

Tema Sayfası/indir - Demo

Resim içerikli

Unstandard

Unstandard

Tema Sayfası - Demo - indir

Aperio

Aperio

Tema Sayfası - Demo - indir

CSS Gallery

CSS Gallery

Tema Sayfası/indir - Demo

Mac

iTheme

iTheme

Tema Sayfası - Demo - indir

Leopress

Leopress

Tema Sayfası - Demo - indir

Magazine

Options

Options

Tema Sayfası - Demo - indir

Mimbo

Mimbo

Tema Sayfası - Demo - indir

Checkmate

Checkmate

Tema Sayfası - Demo - indir

OpenBook

OpenBook

Tema Sayfası - Demo - indir

Purple Fever

Purple Fever

Tema Sayfası - Demo - indir

Ekleme: WyntonMagazine (kaliteli ve işlevsel bir temadır)

WyntonMagazine

Tema Sayfası - Demo - indir

Ekleme: BranfordMagazine (kaliteli ve işlevsel bir temadır)

BranfordMagazine

Tema Sayfası - Demo - indir

Minimalist

Sharpfolio

Sharpfolio

Tema Sayfası - Demo - indir

Vostok

Vostok

Tema Sayfası - Demo - indir

WPCandy v1

WPCandy v1

Tema Sayfası - Demo - indir

Ekleme: plaintxtBlog (Barthelme, blog.txt, Simplr, The Sandbox, veryplaintxt isimlerinde minimal wordpress temaları vardır, hepsi ücretsizdir.)

plaintxtBlog

Tema Sayfası - Ekran görüntüsü - indir

Ekleme: Green WordPress Blog Theme

Green WordPress Blog Theme

Tema Sayfası - Ekran Görüntüsü - indir

Ekleme: barecity } wordpress theme

barecity

Tema Sayfası - Ekran Görüntüsü - indir

Ekleme: Angel

angel

Tema Sayfası - Demo - Yükleme sayfası

Not: Bazı tema tasarımcıları dilediğiniz gibi kullanmanıza izin verirken bir kısmı ise dipteki linklerinin (isim/link/tema ismi gibi) kaldırılması durumunda ücret talep etmektedirler, bu temaları ücretsiz kullanmak ve dilediğiniz gibi değiştirmekte serbestsiniz fakat temayı değiştirerek kullanmanız dipteki linki silmenizin mazereti olamaz, lütfen bunada dikkat edelim.

Bu yazı ismailersoy tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

iyi tasarımcı ile büyük tasarımcının ayrıldığı 9 nokta

ismailersoy — Wed, 28 May 2008 14:20:00 GMT

bir tasarımcı olan cameron moll sitesindeki bu yazıda iyi tasarımcı(good designer) ile büyük tasarımcının(great designer) ayrıldıkları 9 noktayı/vasfı/özelliği kendince yazmış ve bir de güzel birsunum hazırlamış bu yazısıyla ilgili. bende elimden geldiğince, ingilizcemin yeterli olduğu kadarıyla bu
9 noktayı sizlerle paylaşmak istedim.

iyi tasarımcı

dekore eder(decorate)
inandığı şey:az daha çoktur(believe "less" is more)
problemleri düzeltir(fix problems)
bir tarzdan ilham alır(are inspired within a genre)
makro tasarım yapar-her şeyi bir kerede ele alır(macrodesign-everything at once)
metni içerik olarak ele alır(treat text as content)
iyi yazıyüzü ailelerini kullanır(use good typefaces)
bir kereliğine kodlar(code for one instance)
yeniden tasarlar(redesign)

büyük tasarımcı

iletişim kurar(communicate)
inandığı şey:az ve çoğun bir arada var olduğudur(believe “less” and “more” co-exist)
problemleri önler(prevent problems)
bütün çevresinden ilham alırlar(are inspired by their total enviroment)
mikro tasarım yapar-seçici yineleme yapar(microdesign-selective iteration)
metni kullanıcı arabirimi olarak ele alır(treat text as UI)
iyi tipografya kullanır(use good typography)
birçok durum için kodlama yapar(code for many instances)
yeniden düzenler(realign)

Bu yazı ismailersoy tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

tasarımcılar için 25 ücretsiz kaynak resim sitesi

ismailersoy — Mon, 26 May 2008 08:15:00 GMT

şurada tasarımlarınızı zenginleştirmek ve renk katmak için kullanabileceğiniz resimleri ücretsiz olarak elde edebileceğiniz 25 resim deposu (stok imaj) listelenmiş.

Ayrıca çektiğiniz fotoğrafları paylaşarak bu sitelerin gelişmesini sağlayabilir, gelen yorumlarla kendinizi geliştirebilir, fotoğraflarınızı insanların beğenisine ve kullanımına sunabilirsiniz.

listeden bir kaç örnek:

1. twicepix - over 5000 pix for free

twicepix

2. NationsIllustrated - The World in Pictures

NationsIllustrated

3. Comstock Images

Comstock

4. freerangestock - Totally Free Stock Photography and Textures!

freerangestock

5. openphoto

openphoto

Not: her resimi indiremeyebilir yada istediğiniz şekilde kullanamayabilirsiniz, bu tamamen sahibinin insiyatifindedir. Beğendiğiniz resmi indirmeden önce hak sahibinin şartlarını dikkatlice inceleyiniz.

listenin tamamına buradan ulaşabilirsiniz.

Bu yazı ismailersoy tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage