Hüseyin Emanet – Web Arayüz Günlüğü

Ne zaman bana, benimle aynı meslek grubundan olmayan insanlar gelip, ne iş yaptığımı sorsalar; yaptığım işi tam olarak insanlara anlatamadığım için üstün körü bir cevap ile website tasarımcısı olduğumu söylüyorum. Söylediğim şeyin doğru olmadığını bilmeme rağmen bu alışkanlığımı sürdürüyorum, çünkü Türkiye’de bu mesleği insanlara anlatabilmek oldukça güç bir durum benim için…

Peki Front-End Developer dediğimiz insanlar kimlerdir? Bu insanlar tam olarak ne iş yaparlar? Bu yazıda bu konuya bir açıklık getirmeyi amaçlıyorum…

Bir websitesi ana bölüm olarak 2′ye ayrılır: Front End ve Back End…

Front End (Önyüz)

Front end, bir websitesinin ziyaretçi tarafından görüntülenen kısmıdır. Bu kısım, tasarımı, tasarımda kullanılan grafikleri, renkleri, butonları, form elemanlarını, yazı tipini, animasyonları ve içeriği kapsar. Özetlersek; bir websitesinin görülebilen kısmıdır.

Back End

Back End ise, Front-End’e zıt olarak bir websitesinin görüntüleyemediğiniz kısmıdır. Bunlara örnek olarak; bir e-ticaret sitesinin kod mimarisi, Amazon‘da listelenen ürünlerin kayıtlı olduğu veritabanı verilebilir. Back End kısmında, bir websitesinin görsel olmayan kısımları, yani işlevleri yürütülür.

Şimdi de “Development” aşamasına geçelim…

Developer’ın ne iş yaptığını açıklayabilmek için öncelikle, Designer’ın ne iş yaptığını açıklamak en mantıklısı olacaktır.

Designer

Designer, yani Tasarımcılar olarak adlandırdığımız bu grup, bir websitesinin nasıl görüntüleneceğine karar veren, renk düzenleriyle, başlıklarla, sayfalarla, içerikle bir websitesine şekil veren kişilerdir. Bu genellikle bir resim çizmek olarak da adlandırılabilir. Bu aşamada, tasarıma hiçbir interaktivite ekleyemezler. Yapılan iş, yalnızca bir resim olarak algılanır. Tasarımcı işini tamamladıktan sonra yaptığı çalışmayı Developer’a teslim eder…

KeyFruit'dan bir görünüm...

Developer

Developer grubu, tasarım dosyalarını tasarımcılardan aldıktan sonra dosyayı inceler ve websitesinin tüm web tarayıcılarında (Mozilla Firefox, Google Chrome, Safari, Opera, Internet Explorer gibi…) aynı şekilde görüntülenebilmesi için gerekli olan kod mimarisini oluştururlar.

Kısaca; tasarımı bölümlere ayırırlar ve bu bölümleri, tasarıma uygun olarak inşa ederler. Her tarayıcının görüntüde farklılıkları olsa da bu grubun asıl işi, bir websitesine, tüm tarayıcılarda aynı görünümü kazandırmaktır. Son zamanlarda oldukça yaygınlaşan mobil aygıtlar da bu işleme dahildir. (iPhone, Android vb. cihazlar.) Aynı zamanda hazırlanan bu websitesi, arama motorları tarafından (Google ve Yahoo! gibi) kolayca okunabilmesi için iyi bir şekilde kodlanmalıdır. Sonuç olarak hazırlanan arayüz, yapılan tasarımla karşılaştırıldığında %99 oranda aynı görüntüyü sağlamalıdır.

Front End Developer

Bu iki şey birleştirildiğinde bir Front End Developer, kodlar üzerinde çalışarak websitesine işlevler kazandırır. İçeriği inşa etmek için HTML, sayfaları stillendirmek için CSS, sayfalar arası etkileşim ve çeşitli atraksiyonlar kazandırmak için JavaScript ve bazen de PHP ya da ASP‘yi kullanırlar.

Şimdi, yukarıda anlattığım şeylerin çoğunluğu birer genellemeden ibarettir. Çeşitli interaktif ajanslarda ve kurumlarda değişik işlerde, değişik roller ve isimler de karşınıza çıkabilir (User Interface Developer).

Yalnızca Front End değil, Back End kısmında da çeşitli değişik roller ve işler var. Onları da farklı bir zamanda, farklı bir yazıda anlatmayı düşünüyorum. Şimdilik bu kadar. Yararlı olması dileğiyle…