Development of Mass Media in Transition to Responsive Design

Abstract

Development processes in physical and virtual products of digital environment have significant effects on mass media. These effects created different meanings on online publishing through responsive design mechanisms. On the other hand, responsive design provided many opportunities to various environments that can operate freely regardless of device, operation system or resolution features. The study was aimed to explore this design system through historical background of mass media. Therefore, a broad range of literature was reviewed to examine the coverage and historical development of mass media together with the responsive design. In the first part of the study, main adaptation to online environment processes of mass media considered to review through its historical development. In the second part, responsive design term examined to understand connections with mass media and its online possibilities. Then in the third part, latest mass media design systems are used to exemplify recent responsive design methodology. The review results showed that institutions and organizations that actively use new media technologies are also defines next generation publishing methods on different areas.

Keywords

• Responsive Design
• Internet Publishing
• Web 2.0
• Design Language
• New Communication Technologies

Uyumlu Tasarıma Geçişte Kitle İletişim Araçlarının Gelişimi

Abstract

Sayısal ortamın fiziksel ve sanal ürünlerindeki geliştirme süreçleri kitle iletişim araçları üzerinde önemli bir etkiye sahiptir. Kitle iletişim araçları üzerinde görülen bu etkiler, uyumlu tasarım yoluyla internet yayıncılığında farklı anlamlar oluşturmuştur. Diğer taraftan, uyumlu tasarım, cihaz, işletim sistemi ve çözünürlük gibi özelliklerden bağımsız olarak özgürce çalışabilen çeşitli ortamlara çok sayıda fırsat sağlamıştır. Bu çalışma, ilgili tasarım sistemini kitle iletişim araçlarının tarihsel arka planı üzerinden incelemeyi amaçlamıştır. Bu nedenle, çalışmada, uyumlu tasarımın ilgili araçlarının kapsamını ve tarihsel gelişimini incelemeyi hedefleyen geniş kapsamlı bir alanyazın taraması gerçekleştirilmiştir. Çalışmanın birinci bölümünde, tarihsel arka planları üzerinden kitle iletişim araçlarının adaptasyon ve çevrimiçi ortam süreçlerinin derlenmesine odaklanılmıştır. Çalışmanın ikinci bölümünde, kitle iletişim araçları ile olan bağlantılarını ve çevrimiçi olanaklarını anlamak için uyumlu tasarım kavramı incelenmiştir. Üçüncü bölümdeyse, günümüz kitle iletişim araçları tasarım sistemleri, güncel uyumlu tasarım yöntemlerini örneklendirebilmek adına kullanılmıştır. İnceleme sonuçları, yeni medya teknolojilerini aktif olarak kullanan kurum ve kuruluşların, farklı alanlarda bir sonraki yeni nesil yayıncılık yöntemlerini de tanımladığını göstermektedir.

Keywords

• uyumlu tasarım
• kitle iletişim araçları
• web 2.0
• tasarım dili
• yeni iletişim teknolojileri

References

1. Almeida, F., & Monteiro, J. (2017). The Role of Responsive Design in Web Development. Webology, 14(2), 48-65.
2. Alston, P. (2012). Teaching Mobile Web Application Development: Challenges Faced And Lessons Learned. Proceedings of the 13th annual conference on Information technology education (s. 239-244). Calgary Alberta : Association for Computing Machinery.
3. BBC. (t.y.-a). History of the BBC: CEEFAX: world's first teletext service. 09 15, 2020 tarihinde BBC: https://www.bbc.com/historyofthebbc/anniversaries/september/ceefax adresinden alındı
4. BBC. (t.y.-b). Global Experience Language. 09 15, 2020 tarihinde BBC: https://www.bbc.co.uk/gel adresinden alındı
5. Bernstein, G. L., & Klemmer, S. (2014). Towards Responsive Retargeting of Existing Websites. 27th annual ACM symposium on User interface software and technology - UIST (s. 119-120). Honolulu: ACM.
6. Bilgi Teknolojileri ve İletişim Kurumu. (2020, 07 16). Türkiye Elektronik Haberleşme Sektörü: Üç Aylık Pazar Verileri Raporu. 09 15, 2020 tarihinde BTK: https://www.btk.gov.tr/uploads/pages/pazar-verileri/2020-1-16-07-20-kurum-disi.pd adresinden alındı
7. Bootstrap. (t.y.). Documentation. 09 15, 2020 tarihinde Get Bootstrap: https://getbootstrap.com/ adresinden alındı
8. Bryant, J., & Jones, M. (2012). Pro HTML5 Performance. APress.

9. Built With. (2021, 02 18). CMS Usage Distribution in the Top 1 Million Sites. 02 24, 2021 tarihinde Built With: https://trends.builtwith.com/cms adresinden alındı
10. Carbon Design System. (t.y.). Get Started. 09 15, 2020 tarihinde Carbon Design System: https://www.carbondesignsystem.com/developing/get-started adresinden alındı
11. Carlson, D. (2003). History of Online Journalism. K. Kawamoto (Dü.) içinde, Digital Journalism: Emerging Media and the Changing Horizons of Journalism (s. 31-55). Oxford, Birleşik Krallık: Rowman & Littlefield Publishers Inc.
12. Cassidy, W. P. (2005). Variations on a Theme: The Professional Role Conceptions of Print and Online Newspaper Journalists. J&MC Quarterly, 82(2), 264-280.
13. Cesal, A. (2020, 07 10). What Are Data Visualization Style Guidelines? 09 15, 2020 tarihinde Medium: Nighingale: https://medium.com/nightingale/style-guidelines-92ebe166addc adresinden alındı
14. Clarke, A. (2010). Hardboiled Web Design. Stanwell Road-Penarth : Five Simple Steps.
15. Coder Academy. (2016, 06 10). Top 32 Sites Built With ReactJS. 09 15, 2020 tarihinde Coder Academy: https://medium.com/@coderacademy/32-sites-built-with-reactjs-172e3a4bed81 adresinden alındı
16. Derrick, J. (2016, 07 25). Remember When Yahoo Turned Down $1 Million To Buy Google? 09 07, 2020 tarihinde Yahoo Finance: https://finance.yahoo.com/news/remember-yahoo-turned-down-1-132805083.html adresinden alındı
17. Foley, S. (2011, 10 23). Yahoo rejects Microsoft's advances and seals advertising deal with Google. 09 07, 2020 tarihinde Independent: Business News: https://www.independent.co.uk/news/business/news/yahoo-rejects-microsofts-advances-and-seals-advertising-deal-with-google-846337.html adresinden alındı
18. Gibbs, S., Hoch, M., Le Van Gong, H., Rafey, R. A., & Wang, S. (2001). Broadcast Games and Digital Television. International Game Technology Conference. Hong Kong.
19. Ginsburg, L. (1997, 07 01). Contrarian Libertarian. 09 15, 2020 tarihinde Wired: https://www.wired.com/1997/07/malamud/ adresinden alındı
20. Glassman, N., & Shen, P. (2014). One Site Fits All: Responsive Web Design. Journal of Electronic Resources in Medical Libraries, 11(2), 78-90.
21. Gönenç, Ö. (2003). İnternet ve Türkiye'deki Gelişimi. İstanbul Üniversitesi İletişim Fakültesi Dergisi , 87-98.
22. Graham Longo, R. (2012, 03 05). Mobile First: What Does It Mean? 04 30, 2020 tarihinde UX Matters: http://www.uxmatters.com/mt/archives/2012/03/mobile-first-what-does-it-mean.php adresinden alındı
23. Groth, A., & Haslwanter, D. (2016). Efficiency, effectiveness, and satisfaction of responsive mobile tourism websites: a mobile usability study. Information Technology & Tourism, 16(2), 201-228.
24. Hatipoğlu, S. (2009, Ağustos). Hayatın Sesini Aç. Radyovizyon(3), s. 45-46.
25. Heilmann, C. (2009, 02 09). Graceful degradation versus progressive enhancement - Dev.Opera. 04 30, 2020 tarihinde Github: Mathias Bynens: https://github.com/operasoftware/devopera-static-backup/blob/master/http/dev.opera.com/articles/view/graceful-degradation-progressive-enhancement/index.html adresinden alındı
26. Hughes, C. J., Armstrong, M., Jones, R., & Crabb, M. (2015). Responsive Design for Personalised Subtitles. 12th Web for All Conference - W4A, 8. Florence.
27. İTÜ KİO. (2020, 04 27). Üniversite Radyoculuğunun İlklerinde Onun İmzası Var: İTÜ Radyosu. 09 15, 2020 tarihinde İTÜ Haberler: https://haberler.itu.edu.tr/haberdetay/2020/04/27/universite-radyoculugunun-i-lklerinde-onun-i-mzas%C4%B1-var-i-tu-radyosu adresinden alındı
28. Kharpal, A. (2017, 06 13). Verizon completes its $4.48 billion acquisition of Yahoo; Marissa Mayer leaves with $23 million. 09 07, 2020 tarihinde CNBC: Tech: https://www.cnbc.com/2017/06/13/verizon-completes-yahoo-acquisition-marissa-mayer-resigns.html adresinden alındı
29. Kim, B. (2013, 09). Responsive Web Design, Discoverability, and Mobile Challange. Library Technology Reports: The Library Mobile Experience: Practices and User Expectations, 49(6).
30. Kinugasa, S., Motohashi, K., Yeong-Wha, S. W., & Terada, S. (2010). Empirical Study of IPTV Diffusion: Comparison between Japan and Korea. The Research Institute of Economy, Trade and Industry Discussion Paper Series(10-E-021). Japonya. 09 11, 2020 tarihinde https://www.rieti.go.jp/jp/publications/dp/10e021.pdf adresinden alındı
31. Kuhna, M., Kivelä, I.-M., & Oittinen, P. (2012). Semi-Automated Magazine Layout Using Content-based Image Features. 20th ACM international conference on Multimedia (s. 379-388). Nara: ACM.
32. Laakaniemi, R. (1981). The Computer Connection: America's First Computer-Delivered Newspaper. Newspaper Research Journal, 2(4), 61-68.
33. Ma, M., Wilkes-Gibbs, D., & Kaplan, A. (2004). IDTV Broadcast Applications for a Handheld Device. IEEE International Conference on Communications (s. 85-89). Paris: IEEE.
34. Marcotte, E. (2010, 05 25). Responsive Web Design. 04 30, 2020 tarihinde A List Apart: https://alistapart.com/article/responsive-web-design adresinden alındı
35. McIntosh, N. (2003, 02 18). Google buys Blogger web service. 09 07, 2020 tarihinde The Guardian: https://www.theguardian.com/business/2003/feb/18/digitalmedia.citynews adresinden alındı
36. McKinney, W. P., Barnas, G. P., & Golub, R. M. (1994). "The medical applications of the internet", Journal of General Internal Medicine. Journal of General Internal Medicine, 9(11), 627-634.
37. Milligan, I. (2017). Welcome to the web: The online community of GeoCities during the early years of the World Wide Web. N. Brügger, & R. Schroeder (Dü) içinde, The Web as History (s. 137-158). Londra: UCL Press.
38. Milliyet Gazetesi. (1996, 12 25). Milliyet İnternet Arşiv - Geçmiş Sayılar. 09 15, 2020 tarihinde Milliyet: https://web.archive.org/web/19970225052055/http://www.milliyet.com.tr/1996/12/25/arsivindex.html adresinden alındı
39. Morris, C., Smith, L., & Pecanha, S. (2005). The Dallas Morning News: Graphics Stylebook,. 09 15, 2020 tarihinde https://info.sice.indiana.edu/~katy/S637-S11/SDallasMorningNews-GraphicsStylebook.pdf adresinden alındı
40. Nebeling, M., & Norrie, M. (2013). Responsive Design and Development: Mothods, Technologies and Current Issues. F. Daniel, P. Dolog, & Q. Li (Dü.), Web Engineering, 13th International Conference – ICWE içinde (s. 510-513). Aalborg: Springer Verlag.
41. Parker, T., Toland, P., Jehl, S., & Costello Wachs, M. (2010). Designing With Progressive Enhancement: Building the Web That Works for Everyone. Kaliforniya-Berkeley: New Riders Pub.
42. Perakakis, E., & Ghinea, G. (2015). Responsive web design for the internet connected TV: The answer to more smart TV content? IEEE 5th International Conference on Consumer Electronics (s. 38-42). Berlin: IEEE.
43. Polepeddi, L. (2019). Communication. 09 15, 2020 tarihinde Made With Angular: https://www.madewithangular.com/categories/communication adresinden alındı
44. Sarkis, M., Concolato, C., & Dufourd, J.-C. (2017). A multi-screen refactoring system for video-centric web applications. Multimedia Tools and Applications, 1-28.
45. Sawhney, H., & Lee, S. (2005). Arenas of innovation: understanding new configurational potentialities of communication technologies. Media, Culture & Society, 27(3), 391-414.
46. Schneider, G., & Bruton, C. (2006). Emerging Revenue Models in Social Networking Portals. Proceedings of the Academy of Strategic E-Commerce: Allied Academies International Conference, 5.
47. Somers, M., & Paul, J. M. (2008). Webpage-Based Benchmarks for Mobile Device Design. Asia and South Pacific Design Automation Conference (s. 795-800). Seul: IEEE.
48. Tomas, K. B. (2013). Virutal Reality: Why Magazines Should Adopt a Mobile-First Publishing Strategy. Publishing Research Quarterly, 29(4), 301-317.
49. Türkiye Bilimler Akademisi. (t.y.-a). "standalone". 09 08, 2020 tarihinde TÜBA: Bilim Terimleri Sözlüğü: http://www.tubaterim.gov.tr adresinden alındı
50. Türkiye Bilimler Akademisi. (t.y.-b). "responsive design". TÜBA: Bilim Terimleri Sözlüğü: http://www.tubaterim.gov.tr adresinden alındı
51. van Dijk, J. A., & Vos, L. d. (2001). Searching for the Holy Grail: Images of Interactive Television. New Media & Society, 3(4), 443-465.
52. van Vliet, H. (2002, 06 16). Where Television and Internet meet...: New experiences for rich media. 09 11, 2020 tarihinde E-View: https://web.archive.org/web/20020616131459/http://comcom.kub.nl/e-view/02-1/vliet.htm adresinden alındı
53. Voutilainen, J.-P., Salonen, J., & Mikkonen, T. (2015). On the Design of a Responsive User Interface for a Multi-device Web Service. 2nd ACM International Conference on Mobile Software Engineering and Systems (s. 60-63). Floransa: IEEE.
54. W3Techs. (2021, 02 10). Usage statistics of content management systems. 02 24, 2021 tarihinde W3Techs: https://w3techs.com/technologies/overview/content_management adresinden alındı
55. Walsh, T. A., McMinn, P., & Kapfhammer, G. M. (2015). Automatic Detection of Potential Layout Faults Following Changes to Responsive Web Pages", . 30th IEEE/ACM International Conference on Automated Software Engineering (s. 709-714). Nebraska: IEEE.
56. Xiao, Y., Du, X., Zhang, J., Hu, F., & Guizani, S. (2007, 11). Internet Protocol Television (IPTV): The Killer Application for the Next-Generation Internet. IEEE Communications Magazine, 45, s. 126-134.