SavedAdd your journal

Journals / Ejovoc (Electronic Journal of Vocational Colleges) / 2026 / Cilt: 6 Sayı: 1

DESIGNING RESPONSIVE WEB INTERFACE STRUCTURES FOR DIFFERENT SCREEN RESOLUTIONS

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

Veli Özcan Budak
Murat Gezer
Pages
10–24
Publication Date
2016-05-31
DOI
—
🏛️Bibliographic metadata and full text access for this article are provided via DergiPark.
DergiPark Record ↗
✨

AI Summary & Key Takeaways

AI Insight
⚡ TL;DR(Too Long; Didn't Read)

Diğer taraftan prototipin web uygulama geliştiricilerin kendi sistemlerinde kullanabilecekleri bir araç olabileceğine de inanılmaktadır.

📌 3 Key Takeaways

🎯
Objective & Hypothesis:Normal 0 21 false false false TR X-NONE X-NONE 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.
📊
Key Findings & Data: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.
💡
Conclusion & Impact:Diğer taraftan prototipin web uygulama geliştiricilerin kendi sistemlerinde kullanabilecekleri bir araç olabileceğine de inanılmaktadır.
🔬Design:Araştırma Makalesi
📍Scope:Comprehensive Sample
⚙️Variables:Esnek web tasarımı · Çözünürlük · Bootstrap

Özet

Normal 0 21 false false false TR X-NONE X-NONE 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.

🔖

Cite This Article

Budak, V. Ö., Gezer, M. (2016). DESIGNING RESPONSIVE WEB INTERFACE STRUCTURES FOR DIFFERENT SCREEN RESOLUTIONS. Ejovoc (Electronic Journal of Vocational Colleges), Cilt: 6 Sayı: 1, 10–24. https://ajindex.com/articles/1266394

📄 Full Text PDF Viewer

📄

PDF görüntüleyici hazırlanıyor...

References (21)

  1. Ahmadi, H., ve Kong, J. (2012). User-centric adaptation of Web information for small screens. Journal of Visual Languages & Computing, 23(1), 13–28.
  2. Bootstrap. (2015). The world's most popular mobile-first and responsive front-end framework. http://getbootstrap.com/ adresinden 3 Eylül 2015 tarihinde alınmıştır.
  3. Fisch, M. (2012). Mobile-friendly sites turn visitors into customers. http://googlemobileads.blogspot.com.tr/2012/09/mobile-friendly-sites-turn-visitors.html adresinden 20 Kasım 2015 tarihinde alınmıştır.
  4. Google. (2016). Kırklareli Üniversitesi Google Analitik Raporları. Kırklareli: Kırklareli Üniversitesi.
  5. Imperavi. (2016). Kube CSS Framework. https://imperavi.com/kube/ adresinden 29 Nisan 2016 tarihinde alınmıştır.
  6. Internet World Stats. (2015). Internet Usage and World Population Statistics. http://www.internetworldstats.com/stats.htm adresinden 15 Aralık 2015 tarihinde alınmıştır.
  7. Layoutit. (2016). Bootstrap Interface Builder. http://www.layoutit.com/ adresinden 29 Nisan 2016 tarihinde alınmıştır
  8. Marcotte, E. (2010). Responsive Web Design. http://alistapart.com/article/responsive-web-design adresinden 17 Aralık 2015 tarihinde alınmıştır.
  9. O'Reilly, T. (2005). Web 2.0: Compact Definition?. http://radar.oreilly.com/2005/10/web-20-compact-definition.html adresinden 12 Aralık 2015 tarihinde alınmıştır.
  10. Sharkie, C., ve Fisher, A. (2013). Jump Start Responsive Web Design. Australia: SitePoint Ltd.
  11. Shoelace. (2016). Visual Bootstrap 3 Grid Builder. http://shoelace.io/ adresinden 29 Nisan 2016 tarihinde alınmıştır.
  12. Skeleton. (2016). Skeleton: Responsive CSS Boilerplate: http://getskeleton.com/ adresinden 29 Nisan 2016 tarihinde alınmıştır.
  13. Smart Insights. (2015). Mobile Internet Trends. http://www.smartinsights.com/internet-marketing-statistics/insights-from-kpcb-us-and-global-internet-trends-2015-report/attachment/mobile-internet-trends-mary-meeker-2015-1/ adresinden 6 Kasım 2015 tarihinde alınmıştır.
  14. Switzer Creative. (2015). Solve your mobile woes with responsive web design. http://switzercreative.com/responsive-web-design-solve-mobile-woes/ adresinden 14 Ocak 2016 tarihinde alınmıştır.
  15. TUİK. (2015). Hanelerde Bilişim Teknolojileri Bulunma Oranı. Türkiye İstatistik Kurumu.
  16. TUİK. (2015). Hanelerde Bilişim Teknolojileri Kullanımı. Türkiye İstatistik Kurumu.
  17. Twitter. (2016). Twitter Q4 and Fiscal Year 2015 Shareholder Letter. San Francisco: Twitter.
  18. Veen, J. (2000). The Art & Science of Web Design. San Francisco: New Riders.
  19. W3Schools. (2015). Screen Resolution Statistics. http://www.w3schools.com/browsers/browsers_display.asp adresinden 2 Ocak 2016 tarinide alınmıştır.
  20. Yaml. (2016). YAML CSS Framework. http://www.yaml.de/ adresinden 29 Nisan 2016 tarihinde alınmıştır.
  21. Twitter. (2016). Twitter Q4 and Fiscal Year 2015 Shareholder Letter. San Francisco: Twitter.