Shopify gerçek zamanlı panosu

 (bfcm.shopify.com)
2 puan yazan GN⁺ 2023-11-25 | 1 yorum | WhatsApp'ta paylaş
  • Shopify, Black Friday Cyber Monday dönemindeki küresel alışveriş akışını gerçek zamanlı istatistiklerle gösteren canlı bir pano deneyimi sunuyor
  • Shopify x Black Friday 2025 kurgusu, 2025 Black Friday alışveriş etkinliğini küre biçiminde bir görselleştirmeyle göstermeye odaklanıyor
  • Sunulan bilginin odağında, Shopify mağazalarında gerçekleşen küresel alışveriş istatistiklerinin gerçek zamanlı olarak izlenebilmesi yer alıyor
  • Bu deneyim WebGL destekli bir tarayıcı gerektiriyor; bu nedenle bazı tarayıcılarda veya kısıtlı ortamlarda hemen görüntülenemeyebilir
  • WebGL kullanılamayan ortamlarda canlı görselleştirmeye erişim engellendiğinden, önce tarayıcı uyumluluğunu kontrol etmek gerekiyor

Black Friday Cyber Monday canlı alışveriş görselleştirmesi

  • Shopify'nin bfcm.shop sayfası, Black Friday Cyber Monday dönemindeki küresel alışveriş istatistiklerini gerçek zamanlı gösteren bir deneyim sunuyor
  • Sayfanın başlığı Shopify x Black Friday 2025: Watch The World Shop Live
  • Tanıtım metni, Shopify'da bu Black Friday Cyber Monday dönemine ait gerçek zamanlı küresel alışveriş istatistiklerine erişilebildiğini belirtiyor

WebGL gerektiren çalışma ortamı

  • Sayfa içeriği, bu deneyimi görmek için WebGL destekli bir tarayıcı kullanılması gerektiğini belirtiyor
  • WebGL'i desteklemeyen tarayıcılarda canlı deneyimin görüntülenemeyeceği açıkça ifade ediliyor

İlgili okumalar

1 yorum

 
GN⁺ 2023-11-25
Hacker News görüşleri

  • Son 10 yıldır BFCM panosunu yapıyoruz ve bu artık Shopify’daki en eğlenceli projelerden ve geleneklerden biri haline geldi
    Bir internet yazılım şirketi işletmek oldukça soyut bir şey ama bu tür görselleştirmeler burada çalışanlar için de bunu çok daha somut hale getiriyor
    Bu yıl pek çok eğlenceli ayrıntı ekledik(https://twitter.com/Shopify/status/1728040379163771020). Herhangi bir mağaza ilk satışını yaptığında havai fişek görebilirsiniz ve GPT-4 ile kısmen üretilmiş çok sayıda şehir istatistiği de var. Masaüstünde nerd menüsünü açıp ayarları değiştirebilir ve ortaya çıkan sonucu bağlantıyla paylaşabilirsiniz

    • BFCM’nin yaygın bilinen bir kısaltma olup olmadığını merak ediyorum. Black Friday ile ilgili olduğunu anlıyorum ama CM’in ne olduğunu bilmiyorum ve hiçbir yerde açık yazımı görünmüyor
    • Harika bir iş. Geliştirme sürecini bir blog yazısında anlatırsanız güzel olur
    • Neden Jerusalem, Israel aramasının engellendiğini merak ediyorum

  • Ama ama… Rails ölçeklenmez demiyorlar mıydı!!!!!

    • Şaka bir yana, Shopify’ın altyapısı hakkında daha fazlasını bilmek isterim
      Bu kadar büyük yük akışını nasıl karşıladıkları oldukça etkileyici
    • Asıl zor işi aslında Java/Go/Rust gibi şeyler yapıyor olabilir
    • Bu sayfa o soruya cevap vermiyor. Çünkü bunu karşılamak için kaç sunucu kullanıldığı yazmıyor
    • Panoda şu an yaklaşık dakikada 25 bin sipariş görünüyor, yani saniyede yaklaşık 400
      Modern bir sunucu için bunu karşılamak kullanımın %1’ine bile yaklaşmamalı

  • Dünyadaki servetin ne kadar yoğunlaştığı şaşırtıcı

    • Saat dilimleri de bir etken olabilir. Ayrıca Black Friday başlangıçta bir ABD olgusuydu ve sonra ihraç edildi
      Latin Amerika’da ne kadar benimsendiğine şaşırdım. Örneğin Mercado Libre listesindeki[0] herhangi bir ülkeyi seçin, Black Friday yapıyorlar. “Viernes Negro” değil, doğrudan “Black Friday” ifadesini kullanıyorlar

      [0] https://mercadolibre.com/

    • Daha çok Shopify’ın hangi ülkelerde en yaygın olduğunu gösteriyor gibi görünüyor

    • Black Friday büyük ölçüde bir Amerikan kültürü unsuru ve Amerikan şirketleri bunu Avrupa’ya ihraç etmeye çalıştı

    • Ben baktığım sırada (Greenwich saatiyle yaklaşık 18:00’de) Birleşik Krallık trafiği Avrupa’nın geri kalanından çok daha yüksekti, bu ilginçti
      Görsel: https://i.imgur.com/2Les0QX.png

      Sebebin Brexit olduğunu söylemek güvenli olur mu?

    • Tersinden bakarsanız, bu dünyanın geri kalanının ne kadar yozlaşmış ve anti-kapitalist olduğunu da gösterebilir
      Diktatörler, yönettikleri insanların potansiyellerini gerçekleştirmesini istemez. Çünkü bu, statükoyu ve kendi konumlarını tehdit eder

  • “Carbon Removed” istatistiğinin ölçütünün ne olduğunu merak ediyorum

    • Komik tabii. Shopify’ın kolaylaştırdığı gereksiz tüketim yüzünden eklenen karbon dense daha doğru olur gibi

    • https://www.shopify.com/climate/bfcm panosunda bu istatistiğe tıklayınca çıkan bağlantı bu

      All orders made through our platform over the Black Friday Cyber Monday shopping weekend will ship carbon neutral.

      Here's how it works: A rigorous formula built by Shopify data scientists calculates the estimated carbon emissions for each Black Friday Cyber Monday shipment. We then team up with Shopify Sustainability Fund partners to remove CO2 emissions equal to the BFCM shipping footprint.

      The result? You can ensure carbon-neutral shipping on all of your BFCM orders.

    • Temelde başka birine para ödeyip “karbon giderimi” yaptırıyorlar ve sonra o sihirli sayıyı buraya yazıyorlar

    • Bu başlıkta ve başka yerlerde Carbon Removed istatistiğine yönelik çok eleştiri var ama sırf bu ölçekte bir şirket bir şeyler yapıyor diye eleştirmektense, bunu nasıl daha iyi yapabileceklerine dair daha yapıcı eleştiriler görmeyi isterim
      Şahsen gerçekten sevkiyattaki karbon giderimini iki kat telafi etmiyorlarsa buna carbon removed dememeleri gerektiğini düşünüyorum. Ayrıca Shopify her şeyi doğrudan hava yakalama ortaklarından satın almıyorsa buna offset demek daha doğru olur

    • Şirket sitesine koymak için güzel görünen bir unsur

  • Shopify bu ölçeğe Ruby on Rails monoliti ve birkaç Go/Rust servisiyle ulaştı
    Etkileyici

  • Gerçekten çok hoş ve Stripe’takinin aksine tarayıcıyı çökertmiyor ya da cihazı kasmıyor
    Şehir bilgileri güzel bir ek ama öneri listesinde görünmelerine rağmen aradığım şehirlerin çoğunda yeterli veri olmaması can sıkıcı. Yine de özelleştirme seçenekleriyle oynamak eğlenceli ve özellikle airplane mode hoş bir ayrıntı

  • Ortaya çıkan iş etkileyici ama bunun 2016 iPhone SE üzerinde akıcı çalışması daha da şaşırtıcı

  • Ön yüzdeki küre render’ı için hangi kütüphaneyi kullandıklarını merak ediyorum
    Chrome tarayıcısında oldukça hızlı ve takılmadan çalışıyor

    • Sıfırdan, three.js üzerine kurulu bir React kütüphanesi olan React Three Fiber ile yaptık. Çok güçlü bir framework
      Birkaç hafta içinde tam teknik analizi paylaşacağız
    • Büyük ihtimalle three.js
      Muhtemelen buna benzer bir şeydir: https://github.com/vasturiano/three-globe

  • Kürenin kendisi hariç, bu animasyondaki hareketin büyük kısmı “sales per minute”, “unique shoppers”, “orders per minute”, “carbon removed” sayıları değişirken oluşan sayının çılgınca zıplaması efekti
    Aslında bu sayılar yalnızca 10 saniyede bir güncelleniyor ama yoğun görünmesini sağlamak dışında bir amaç olmadan 10 saniyenin 8’inde rakamlar karışıp duruyor

    Böyle yapılmamalı

    Bilgi çarpıtılmamalı, okumayı zorlaştırmamalı ve kullanıcının görsel dikkatini önemsiz şeylerde harcamamalı. Bu dikkat anlamlı şeylere ayrılmalı

  • Vay canına, bu özelleştirme çok büyük çaplı
    airplane mode ile uçuşunca savaş alanı gibi görünüyor