//sinancanozer.dev
← işlere dön
INSTALLATION·2024·TAMAMLANDI

İş Bankası Museum — History Exhibition

Türkiye İş Bankası'nın kuruluşundan bugüne tarihini anlatan, 14 ekranlı interaktif bir sergi — HTML, CSS ve JavaScript ile BrightSign cihazları için kuruldu.

Bazı içerikler Kabuk Studio · 3 kişilik ekiple yapıldı
  • HTML
  • CSS
  • JavaScript
  • BrightSign
İş Bankası Museum — History Exhibition
İş Bankası Museum history exhibition — interactive touchscreen wall

Context#

İş Bankası Müzesi, Türkiye İş Bankası'nın hikâyesini anlatıyor — kuruluşunu, kurucularını, ülke çapında büyümesini, ve on yıllar boyunca genç girişimcileri ve yeni iştirakleri destekleyişini.

Bu sergi, o hikâyenin tarih bölümü. Müzenin bir duvarı boyunca 14 dokunmatik ekran diziliyor, ve birlikte ziyaretçiyi bankanın tarihinde on yıl on yıl ilerletiyorlar. Ekrandan ekrana geçiyorsun, ve ülkenin yüzyılı seninle birlikte ilerliyor.

Doğrudan Türkiye İş Bankası için yapıldı ve Ağustos 2024'te teslim edildi. Şu anda müzede kurulu ve çalışıyor.

Bu aynı zamanda benim ilk müze enstalasyon projemdi.

How It Works#

Sergi, her biri bir BrightSign cihazında çalışan 14 yan yana dokunmatik ekran etrafında kurulu — interaktif tabela için özel üretilmiş bir donanım. Her ekran, daha büyük hikâyenin kendi içinde bütün bir parçası.

Ekranların çoğu zaman çizelgesi ekranı. Her biri bankanın tarihinde bir on yılı kapsıyor. Bir ziyaretçi yaklaşıp ekrandaki bir ana dokunuyor, ve bir video oynuyor ya da o olayla ilgili bilgi içeren bir sabit görsel beliriyor.

Üç ekran zaman çizelgesi kalıbını kırıp farklı roller üstleniyor.

Biri kurucular ekranı. Bankanın kuruluşunun arkasındaki insanları gösteriyor — bir kurucuya dokun, ekran kim olduklarını ve ne yaptıklarını gösteriyor.

Biri ağ ekranı. Üzerinde bir Türkiye haritası çalışıyor, yıllar boyunca döngüye girerek bankanın şube ağının ülke çapında büyümesini gösteriyor. Bir yıla dokun, ekran o zaman var olan şubeleri gösteriyor — banka, on yıl on yıl haritaya yayılıyor.

Biri iştirakler ekranı, bankanın yatırımlarını ve yeni işlere, girişimcilere verdiği desteği kapsıyor. Bir iştirake dokun, bir video oynuyor.

14 ekranın hepsinde, etkileşim aynı: dokun, ve bir şey açılır. Donanım BrightSign'ın; içerik ve davranışı ise üzerine kurulmuş.

Approach#

Sergi, üç kişilik bir ekiple, iş rollere bölünmüş şekilde bir araya geldi. Ben geliştirme tarafında çalıştım — BrightSign cihazlarında çalışan interaktif katmanı kurarak.

Teknoloji bilinçli olarak bir oyun motoru değil. BrightSign cihazları web içeriğini native çalıştırıyor, ve sergi düz HTML, CSS ve JavaScript ile kurulu. Framework yok, motor yok — sadece web platformu, özel tabela donanımında güvenilir çalışacak şekilde optimize edilmiş. Dokunma etkileşimleri, video oynatma, zaman çizelgesi gezinmesi, harita döngüsü — hepsi, BrightSign ortamına göre uyarlanmış basit interaktif web sayfaları olarak yazıldı.

Video içeriğinin bir kısmı Kabuk Studio tarafından üretildi. Geri kalan varlıklar, her ekranın yapısı, etkileşimler ve 14 cihaz arasındaki orkestrasyon ekibin işiydi.

Tech Stack#

Sergi, BrightSign donanımı üzerinde çalışıyor — bu tür sürekli açık, kamuya dönük kurulumlar için tasarlanmış interaktif tabela cihazları. İçerik katmanı, framework olmadan düz HTML, CSS ve JavaScript ile kurulu. Video içeriği, Kabuk Studio tarafından üretilen parçaları içeriyor. 14 BrightSign ünitesi yan yana yerleştirilmiş, her biri serginin kendi sayfasını çalıştırıyor.

Visuals#

// GALLERY · 03 ITEMS
[01/03]

Videos#

// VIDEOS · 04 ITEMS

Outcome#

Sergi Ağustos 2024'te teslim edildi. İş Bankası Müzesi'nde kurulu ve bugün ziyaretçiler için çalışıyor.

Bu benim ilk müze enstalasyonumdu, ve sonrasında gelen her şeyi şekillendirdi. 14 koordineli ekran üzerinde, özel tabela donanımında, ulusal bir kurumun müşteri olduğu kamuya dönük bir sergi için çalışmak — masandaki bir ekran için yazılım yapmaktan farklı bir iş. İşin sessiz, güvenilir, ve nasıl yapıldığını umursamayan bir ziyaretçiye hazır olması gerekiyor.

Sonrasında gelen İstanbul Arkeoloji Müzesi touchwall'ı, bu projenin öğrettikleri sayesinde mümkün oldu — enstalasyon işinin disiplini, içerik revizyon turları, ve kendi başına ayakta kalması gereken donanım için yapmak. Farklı stack, farklı donanım, aynı ders: enstalasyon işinde çıta, çalışmasıdır.