web uygulaması | bildirgec.org

Bugünkü yazımızda günlük işlerinizi kolaylaştıracak ve tümüyle açık kaynaklı olan uygulamaları listeleyeceğiz. Bunların pek çoğu alanlarında lider konumunda olan uygulamalar olup kategorilerine öncülük etmektedirler. Her ne kadar günümüzde çok sayıda başarılı ve açık kaynaklı yazılım bulunmasına rağmen bu yazımızda bunların sadece bir kısmına yer vereceğiz. Listedeki uygulamalardan birkaçı oldukça popüler ve muhtemelen birçoğunuz bu uygulamaları kullanmışsınızdır. Eğer kullanmayanlarınız var ise deneyin ve uygulama ile ilgili görüşlerinizi bizlerle paylaşın.

Eğer sizin de bildiğiniz ve beğenerek kullandığınız açık kaynaklı uygulamalar var ise yorumlarınızda belirtmeyi ihmal etmeyin.

1. WordPress - Blog Aracı ve Weblog Platformu

WordPress günümüzün en başarılı ve popüler bloglama platformu olup estetiğe, web standartlarına ve kullanılırlığa odaklanmıştır. WordPress hem ücretsiz hem de paha biçilmez bir uygulamadır.

2. ModSecurity - Açık Kaynaklı Web Uygulama Firewall'u

ModSecurity web uygulamaları için geliştirilmiş, açık kaynaklı bir güvenlik duvarı olup hem uygulamalara gömülebilir hem de proxy üzerinden kullanılabilir. Web uygulamalarına yapılabilecek pek çok saldırılara karşı uygulamanızı koruyabilecek ve bunun yanısıra HTTP trafiğini izlemenize, kaydetmenize ve gerçek zamanlı analiz yapabilmenize yardımcı olabilecek bir uygulamadır. Uygulama aynı zamanda açık kaynaklı olarak yayımlanmakta olup web uygulaması firewall teknolojisini herkes tarafından erişilebilir kılmayı amaçlar.

Bir web uygulaması tasarlarken kullanıcı arabirimini kolay kullanılabilecek şekilde tasarlamak önemlidir. Gezinti (navigasyon) bağlantılarının yanı sıra simgeler kullanmak bu hedefe ulaşmak için üzerinde çalışmamız gereken önemli bir görevdir. Ancak uzun zamanınızı alacak simge setlerini baştan oluşturmak yerine neden başkalarının sizler için oluşturduğu simge setlerini kullanmayasınız? Bu yazıda web uygulamaları geliştirmek isteyen kullanıcıların uygulamalarında kullanabilecekleri en başarılı simge setlerini listelemeye çalıştım.

• Jonas Rask Design Icons for Developers

• ASP.NET Icons

Şurada da kendisinden bahsettiğimiz Leonardo da Vinci, Rönesans döneminin en büyük sanatçılarının biri olmakla birlikte birçok şeye ilham kaynağı olan ve hala da olmaya devam eden eşsiz bir bilim adamıdır. Onun, şimdi bile etkisini devam ettiren bu ilham kaynağı olma durumu adeta kendisinden sonra insanlığa kalan bir miras gibidir.

ve bu mirastan yola çıkarak burada, web tasarımı hakkında ondan öğrenebileceğimiz 6 ipucu bulunmakta. Web tasarımcıları veya web tasarımcısı olmak isteyenler için Leonardo da Vinci’den 6 web tasarım tavsiyesi.

1– Meraklı ol

Leonardo ile ilgili en dikkate değer şeylerden biri de onun doymak bilmez bir meraka sahip olmasıdır.

Eğer bu makaleyi okumak istiyorsanız, buraya tıklayın

Aslında bu durum çok önemli bir kullanılabilirlik problemidir. Hiçbir anlam ifade etmeyen bağlantılar (link). Web sitenizde bağlantıları nasıl kullanıyorsunuz?

Ben, web sitelerindeki yazıların mümkün olduğu kadar kitaba benzemesi gerektiği fikrini sonuna kadar destekleyenlerdenim. "Buraya tıklayın" ya da "Yazının devamı" gibi bağlantılar, okunulabilirliği engellerler. Eğer bağlantılarınız yeteri kadar açıklayıcı ise, kullanıcıların ona tıklamaları gerektiği konusunda bilgilendirilmesi gerekmez.

Uzun bir yazı yazıp ardından "daha fazlası için buraya tıklayın" cümlesini yazının sonuna eklemek kolaydır. Her ne kadar bundan büyük bir suçluluk duysam da bu adım genellikle gereksizdir. Halihazırda uzun bir yazınız olduğuna göre bağlantı için ayrı bir cümle yazmaktansa neden o metni kullanmayasınız?

3 Sık Kullanılan Yaklaşım

Aşağıdaki üç farklı cümle kullanımını ve (etkin olmayan) bağlantıları inceleyin.

1. Otomobil fuarında, yeni bir arabanın duyurusu yapıldı. Daha fazlası için buraya tıklayın.
2. Otomobil fuarında, yeni bir arabanın duyurusu yapıldı (www.kaynakurlburaya).
3. Otomobil fuarında, yeni bir arabanın duyurusu yapıldı.

Yukarıdaki cümlelerden hangisini bir kitapta görme olasılığınız yüksektir? Birinci ve ikinci öğeler çevrimiçi yazılarda sık kullanılan yöntemlerdir ve kolay anlaşılırlar, ancak diğer başka hiçbir yerde bu tip bağlantılar karşınıza çıkmaz.

Internet'te arama yapmak için her gün kullandığımız lider arama motoru... Google... Web içeriğini aramak için güçlü bir araç olduğuna hiç şüphe yok. Ancak Google.com, sadece birşeyler aramak için kullanılmıyor. Milyarlarca web sayfasına kolay erişimi sağlamanın yanısıra aradığınız şeye ulaşmanıza sağlayacak pek çok farklı özelliği de bulunmaktadır. Günlük yaşamınızda kullanabileceğiniz kullanışlı özelliklerin bir kısmını aşağıda bulacaksınız. Bu özellikleri Google.com'u terk etmeden kullanabilir ve eminim pek çoğunuz, Google'ın aşağıdakilerin tamamını yapabildiğinin farkında değilsiniz.

Google Arşivlenmiş Sayfalar İle Nasıl Herhangi Bir Web Sitesini Ziyaret Edebilirsiniz

Google, taradığı her bir sayfanın kopyasını alır ve arşivler. Bu "arşivlenmiş" sürümü, son kullanıcıların, siteniz erişilemez olduğunda aranılan sayfay arişimini mümkün kılar. Arşivlenen bu sayfa, Google'ın sayfanızı taradığı son sürümün birebir kopyası olacaktır. Arşivlenmiş bu sayfalara arama sonuçlarındaki "Arşiv" bağlantısına tıklayarak ulaşabilmeniz mümkün.

Tasarım sırasında kullanabileceğiniz gerçeklerden işe yarar araçlardan daha kullanışlı hiçbir şey yoktur. İster bir diyagram oluşturma uygulaması olsun ya da vektör görselleri oluşturma yazılımı, CSS kodunuzu iyileştirme ya da biçimlendirme uygulaması veya motif oluşturma uygulaması, bu tip araçlar hayatınızı çok kolaylaştıracaktır. Biz de bunun üzerine bugünkü yazımızda web geliştiricilerinin ve tasarımcılarının hayatını kolaylaştıracak 40 web uygulamasını listeledik.

1. Are My Sites Up?

Are My Sites Up oldukça sade bir servis olup web sitenizin çalışır durumda olup olmadığını düzenli olarak kontrol eden ve bir sorun olduğunda sizi uyaran bir uygulama. Bu ücretsiz servis sayesinde 20 adede kadar web sitesini kontrol edebilir, sınırsız sayıda hatırlatıcıyı elektronik posta ya da kısa mesaj ile cep telefonunuza gönderebilirsiniz. Site kontrolleri günde 25 kez yapılıyor.

Bir süre önce, modern web uygulamalarındaki trendlere yönelik yazı dizisinin ilk bölümü olan 10 Kullanışlı Web Uygulama Arayüzü Tekniği yazısını yayımlamıştım. Diğer şeylerin yanısıra bu yazıda gömülü video blogları, özelleştirilmiş kontrol ve içeriğe göre değişen gezinti elementlerine dair bazı ipuçlarına yer vermiştim. Yazıda ayrıcı basılı düğmelerin durumu, modal pencerelerin çevresinde gölge kullanmak ve giriş sayfası üzerinden kayıt sayfasına bağlantı verilmesi gerekliliğinden de bahsetmiştik.

Bu yazı ise incelemenin ikinci bölümünü oluşturmaktadır: Web Uygulamalarında İyi Kullanıcı Arayüz Tasarımı İçin 12 Kullanışlı Teknik. Yazımızda ayrıca bu tekniklerin doğru bir şekilde kullanılması için uygulamalara nasıl entegre edilmesi gerektiğini de bulacaksınız. Eğer sizin de bu konuda paylaşmak istediğiniz görüşleriniz ve önerileriniz varsa yorumlarınızda belirtmekten çekinmeyin.

1. Önemli Değişiklikleri Belirtin

İyi kullanıcı arayüzü tasarımı için en önemli elementlerden birisi de sistem durumunun görünürlüğüdür. Kullanıcılar sitenin görünmeyen kısmında olan şeylerden ve eylemlerinin oluşturacağı sonuçlardan derhal haberdar olabilmelidirler. Daha sofistike bir sistem görünürlüğünü uygulamalarda kullanabilmek için web siteleri günümüzde, elbette, AJAX kullanmaktadırlar. Bildiğiniz üzere AJAX sayesinde kullanıcılar, web sayfalarının tamamını yeniden yüklemek zorunda kalmadan sadece belirli bölümlerinde değişiklikler yapabilmektedirler. AJAX, web uygulamalarının etkileşimliliğini ve yanıt verme yeteneklerini masaüstü uygulamaları ile neredeyse aynı seviyeye getirebilmektedir.

Bu dinamik oluşumun anlamı, bir düğmeye tıkladığınızda sayfa yeniden yüklenmemesi ancak sayfada bir şeyin olmasıdır. Pek çok web sitesi halen AJAX'ı etkin bir şekilde kullanmamaktadır, bu sayede bazı kullanıcılar halen bir düğmeye tıkladıktan sonra bir şeyin olup olmayacağını ya da düğmelerin doğru şekilde tıklanıp tıklanmadığını bilememektedirler. Bu sorunun önüne geçebilmek için kullanıcı etkileşimlerinin her birine görsel geribildirim uygulamalısınız.

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.