Dasbor real-time Shopify

 (bfcm.shopify.com)
2 poin oleh GN⁺ 2023-11-25 | 1 komentar | Bagikan ke WhatsApp
  • Shopify menyediakan pengalaman dasbor live yang menampilkan arus belanja global selama periode Black Friday Cyber Monday dalam statistik real-time
  • Susunan Shopify x Black Friday 2025 berfokus pada visualisasi aktivitas belanja Black Friday 2025 dalam bentuk globe
  • Inti informasi yang disediakan adalah kemampuan untuk melihat statistik belanja global yang terjadi di toko-toko Shopify secara real-time
  • Pengalaman ini memerlukan browser yang mendukung WebGL, sehingga mungkin tidak dapat langsung dilihat di sebagian browser atau lingkungan terbatas
  • Jika WebGL tidak tersedia, akses ke visualisasi live akan terhalang, jadi pemeriksaan kompatibilitas browser perlu dilakukan terlebih dahulu

Visualisasi belanja live Black Friday Cyber Monday

  • Halaman bfcm.shop milik Shopify menyediakan pengalaman yang menampilkan statistik belanja global selama periode Black Friday Cyber Monday secara real-time
  • Judul halamannya adalah Shopify x Black Friday 2025: Watch The World Shop Live
  • Teks pengantarnya menjelaskan bahwa di Shopify, Anda dapat mengakses statistik belanja global real-time untuk Black Friday Cyber Monday kali ini

Lingkungan eksekusi yang memerlukan WebGL

  • Isi halaman mengarahkan pengguna untuk memakai browser yang mendukung WebGL agar dapat melihat pengalaman ini
  • Disebutkan bahwa pengalaman live ini tidak dapat dilihat di browser yang tidak mendukung WebGL

Bacaan terkait

1 komentar

 
GN⁺ 2023-11-25
Komentar Hacker News

  • Selama 10 tahun terakhir kami membuat dashboard BFCM, dan kini ini menjadi proyek sekaligus tradisi paling menyenangkan di Shopify
    Menjalankan perusahaan perangkat lunak internet itu cukup abstrak, tetapi visualisasi seperti ini membuatnya jauh lebih terasa nyata bahkan bagi orang-orang yang bekerja di sini
    Tahun ini kami memasukkan banyak detail menarik(https://twitter.com/Shopify/status/1728040379163771020). Saat sebuah toko berhasil melakukan penjualan pertamanya, Anda bisa melihat kembang api, dan ada banyak statistik kota yang sebagian dibuat dengan GPT-4. Di desktop, Anda juga bisa membuka menu nerd untuk mengubah pengaturan dan membagikan hasil yang dibuat sebagai tautan

    • Saya penasaran apakah BFCM adalah singkatan yang umum dikenal. Saya tahu ini terkait Black Friday, tetapi tidak tahu CM itu apa, dan tidak melihat kepanjangannya ditulis di mana pun
    • Kerja yang keren. Akan bagus kalau proses pengembangannya dijabarkan dalam sebuah posting blog
    • Saya penasaran mengapa pencarian Jerusalem, Israel diblokir

  • Tapi, tapi… katanya Rails tidak bisa diskalakan!!!!!

    • Terlepas dari candaan itu, saya ingin tahu lebih banyak tentang infrastruktur Shopify
      Cara mereka menangani lonjakan beban sebesar ini cukup mengagumkan
    • Bisa saja pekerjaan berat sebenarnya dilakukan oleh sesuatu seperti Java/Go/Rust
    • Halaman ini tidak menjawab pertanyaan itu. Karena tidak disebutkan berapa banyak server yang digunakan untuk menanganinya
    • Di dashboard saat ini sekitar 25 ribu pesanan per menit, yaitu sekitar 400/detik
      Untuk server modern, beban seperti ini seharusnya bahkan tidak sampai 1% utilisasi

  • Mengejutkan melihat betapa terkonsentrasinya kekayaan di dunia

    • Zona waktu juga bisa menjadi faktor. Dan Black Friday awalnya adalah fenomena Amerika yang kemudian diekspor
      Saya terkejut melihat seberapa luas ini diterima di Amerika Latin. Misalnya, pilih negara mana saja dari daftar Mercado Libre[0], semuanya menjalankan Black Friday. Mereka tidak memakai “Viernes Negro”, tetapi benar-benar memakai istilah “Black Friday”

      [0] https://mercadolibre.com/

    • Lebih dari apa pun, sepertinya ini menunjukkan di negara mana Shopify paling banyak tersebar

    • Black Friday pada dasarnya adalah budaya Amerika, dan perusahaan-perusahaan Amerika mencoba mengekspornya ke Eropa

    • Saat saya melihatnya (sekitar 18:00 GMT), traffic Inggris jauh lebih besar daripada wilayah Eropa lain, cukup menarik
      Lihat gambar: https://i.imgur.com/2Les0QX.png

      Apakah aman kalau menganggap Brexit sebagai alasannya?

    • Sebaliknya, ini juga bisa menunjukkan betapa korup dan antikapitalisnya bagian dunia lain
      Para diktator tidak ingin orang-orang yang mereka kuasai mencapai potensi mereka. Karena jika itu terjadi, status quo dan posisi mereka akan terancam

  • Saya penasaran apa dasar metrik “Carbon Removed”

    • Memang lucu. Sepertinya harus disebut karbon yang ditambahkan akibat konsumsi tidak perlu yang dimudahkan oleh Shopify

    • https://www.shopify.com/climate/bfcm ini tautan yang muncul saat metrik tersebut diklik di dashboard

      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.

    • Pada dasarnya mereka membayar orang lain untuk melakukan “penghilangan karbon”, lalu memasukkan angka ajaib itu di sini

    • Di thread ini dan di tempat lain banyak kritik terhadap statistik Carbon Removed, tetapi alih-alih hanya mengkritik karena perusahaan sebesar ini melakukan sesuatu, saya ingin melihat lebih banyak kritik produktif yang menyarankan bagaimana ini bisa dilakukan dengan lebih baik
      Secara pribadi, saya berharap mereka tidak menyebutnya carbon removed kecuali benar-benar mengompensasi dua kali lipat emisi karbon pengiriman. Dan kalau Shopify tidak membeli semuanya dari mitra direct air capture, sebaiknya disebut offset

    • Elemen yang keren untuk dipasang di situs web perusahaan

  • Shopify telah menskalakan sampai sebesar ini dengan monolit Ruby on Rails dan beberapa layanan Go/Rust
    Mengesankan

  • Benar-benar keren, dan tidak seperti milik Stripe, ini tidak membuat browser mati atau perangkat tersendat
    Informasi kota adalah tambahan yang bagus, tetapi menyebalkan karena sebagian besar kota yang saya cari tidak punya cukup data meski muncul di daftar rekomendasi. Meski begitu, opsi kustomisasinya seru untuk dimainkan, terutama airplane mode adalah detail yang bagus

  • Hasil akhirnya sendiri juga mengesankan, tetapi yang lebih mengejutkan adalah ini berjalan mulus di iPhone SE 2016

  • Saya penasaran library apa yang digunakan untuk rendering globe di frontend
    Di browser Chrome, ini cukup cepat dan tidak tersendat

    • Dibuat dari awal dengan React Three Fiber, library React yang dibangun di atas three.js. Framework yang sangat kuat
      Kami berencana menerbitkan analisis teknis lengkap dalam beberapa minggu
    • Sepertinya three.js
      Mungkin mirip dengan ini: https://github.com/vasturiano/three-globe

  • Kalau mengesampingkan globe itu sendiri, sebagian besar gerakan dalam animasi ini adalah efek angka yang melompat-lompat heboh saat angka “sales per minute”, “unique shoppers”, “orders per minute”, “carbon removed” berubah
    Padahal sebenarnya angka-angka ini hanya diperbarui setiap 10 detik, tetapi selama 8 dari 10 detik angka-angka itu diacak tanpa makna selain agar terlihat sibuk

    Jangan lakukan itu

    Jangan mendistorsi informasi, jangan membuatnya sulit dibaca, dan jangan membuang perhatian visual pengguna pada hal yang tidak penting. Gunakan untuk hal yang bermakna

  • Wow, kustomisasi ini luar biasa
    Kalau terbang dengan airplane mode, tampilannya seperti medan perang