FARKLI EKRAN ÇÖZÜNÜRLÜKLERİ İÇİN ESNEK WEB ARAYÜZ YAPILARI TASARLANMASI

Abstract

Web’in hızlı gelişimi ve sahipolduğu esnek yapısı, bu platform üzerinde çeşitli uygulamaların ortayaçıkmasına sebep olmaktadır. Bilgiye hızlı erişmek için en çok tercih edilenseçeneklerden biri olan web siteleri bu uygulamalardan sadece biridir. Web siteleriüzerindeki resim, video, yazı, vb. her türlü içerik, görsel açıdan, uygulamaiçinde bulunan sayfaların arayüz yapıları sayesinde organize edilmektedir.Web’e erişimi bulunan cihazların boyutları düşünüldüğünde, web sayfalarındafarklı çözünürlüklere yönelik ayrı tasarımlar geliştirmenin zaman ve emekaçısından büyük bir iş yükü oluşturduğu açıktır. Bu sorun, farklı cihazçözünürlüklerine özel arayüz yapılarının aynı anda pratik bir şekildetasarlanmasıyla aşılabilir. Bu amaç doğrultusunda bu çalışmada, farklı cihazlariçin arayüz yapılarını aynı anda tek ekran üzerinden oluşturabilen ve organizeedebilen bir prototip geliştirilmiştir. Bu sayede, kodlama bilgisine ihtiyaçduymadan kolay kontrol edilebilir bir arayüz yapısı tasarlama olanağısunulmuştur. Diğer taraftan prototipin web uygulama geliştiricilerin kendisistemlerinde kullanabilecekleri bir araç olabileceğine de inanılmaktadır.

Rapid growth of Web and it’sflexible structure cause that the various applications come out on thisplatform. Websites which is one of the most preferred options to reachinformation rapidly is just one of these applications. Every sort of contentsuch as picture, video and article etc. on websites are organized through theinterface structures of the pages in these applications visually. Whenconsidering of the size of devices which have Web access, it is obvious thatdeveloping different designs for different resolutions creates a huge workloadin terms of time and effort. This problem can be overcome practically bycreating interface structures at the same time for different deviceresolutions. In accordance with this purpose in this study, a prototype hasbeen developed which can create and organize the interface structures at thesame time for different devices on a single screen. Thus, a posibility ofdesigning interface structure is provided which can be controlled easilywithout any requirement coding knowledge. On the other hand, it is believedthat the prototype will be a tool which web application developers will be ableto use in their systems.