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


Creative Commons License

Budak V. Ö. , GEZER M.

Electronic Journal of Vocational Colleges, cilt.6, ss.10-24, 2016 (Hakemli Üniversite Dergisi)

  • Cilt numarası: 6 Konu: 1
  • Basım Tarihi: 2016
  • Dergi Adı: Electronic Journal of Vocational Colleges
  • Sayfa Sayıları: ss.10-24

Özet

Web’in hızlı gelişimi ve sahip olduğ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 edilen seç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, uygulama iç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ında farklı çözünürlüklere yönelik ayrı tasarımlar geliştirmenin zaman ve emek açı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 şekilde tasarlanmasıyla aşılabilir. Bu amaç doğrultusunda bu çalışmada, farklı cihazlar için arayüz yapılarını aynı anda tek ekran üzerinden oluşturabilen ve organize edebilen 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 kendi sistemlerinde kullanabilecekleri bir araç olabileceğine de inanılmaktadır. 

Rapid growth of Web and it’s flexible structure cause that the various applications come out on this platform. Websites which is one of the most preferred options to reach information rapidly is just one of these applications. Every sort of content such as picture, video and article etc. on websites are organized through the interface structures of the pages in these applications visually. When considering of the size of devices which have Web access, it is obvious that developing different designs for different resolutions creates a huge workload in terms of time and effort. This problem can be overcome practically by creating interface structures at the same time for different device resolutions. In accordance with this purpose in this study, a prototype has been developed which can create and organize the interface structures at the same time for different devices on a single screen. Thus, a posibility of designing interface structure is provided which can be controlled easily without any requirement coding knowledge. On the other hand, it is belie