Browser web eksperimental yang dioptimalkan untuk menjelajah rabbit hole

 (szymonkaliski.com)
4 poin oleh GN⁺ 2024-10-05 | 1 komentar | Bagikan ke WhatsApp
  • Cartographist adalah browser eksperimental yang dirancang untuk alur riset yang menggali dalam dengan mengikuti tautan, menampilkan konteks penjelajahan lewat panel yang tersusun horizontal alih-alih jendela baru
  • Riwayat kunjungan tidak hanya disimpan sebagai daftar kronologis, tetapi ditampilkan sebagai ikhtisar berstruktur pohon, sehingga pengguna lebih mudah memahami lewat jalur mana mereka mencapai sebuah halaman
  • Status sesi dapat disimpan dan dimuat kembali sebagai trails, sehingga penelusuran topik jangka panjang bisa dilanjutkan dari titik terakhir
  • Proyek ini berawal dari eksperimen browser riset pada musim panas 2020, dan dipengaruhi oleh tata letak situs Andy Matuschak, eksperimen view stack browser seluler Nate Parrot, Miller columns, serta browser kelas Smalltalk
  • Dalam riset nyata, proses sintesis untuk mengumpulkan dan menyusun ulang sebagian materi lebih penting daripada menyimpan seluruh riwayat; penyimpanan posisi gulir·area pilihan atau riwayat yang bisa diedit mungkin lebih praktis

Cara Cartographist menjelajah

  • Cartographist adalah browser web eksperimental yang berfokus pada penjelajahan gaya rabbit hole
  • Alih-alih membuka jendela baru dengan cmd-click, setiap kali membuka tautan browser ini membuat panel gulir horizontal
  • Bukan mencari halaman dari riwayat linear, browser ini menampilkan alur penjelajahan sebagai ikhtisar berstruktur pohon
  • Alih-alih selalu memulai dari awal, pengguna dapat menyimpan dan memuat ulang status persis saat meninggalkan sesi sebagai trails
    • Pendekatan ini cocok untuk penggunaan yang melibatkan penelusuran topik tertentu dalam jangka panjang
  • Kodenya tersedia secara terbuka di szymonkaliski/Cartographist

Latar belakang eksperimen dan keterbatasannya

  • Proyek ini dimulai pada musim panas 2020 saat melakukan eksperimen atas ide browser web yang berfokus pada riset
    • Pembedaan yang mendasarinya adalah melihat browsing sebagai aktivitas terbuka yang divergen, dan searching sebagai pencarian informasi
    • Setelah pratinjau dibagikan di Twitter, permintaan untuk membagikannya terus berdatangan sehingga proyek ini kemudian dipublikasikan
  • Penjelajahan berbasis panel dipengaruhi oleh berbagai antarmuka
  • Metode penjelajahan panel yang sama juga digunakan untuk navigasi kode di Vim
    • Dengan satu pintasan, definisi fungsi dapat dibuka di panel baru
    • Glamorous Toolkit dapat dilihat sebagai contoh yang mengembangkan lebih jauh ide penjelajahan panel
  • Riwayat yang disimpan ke disk secara teoretis menarik karena memungkinkan kembali ke sesi penjelajahan setelah waktu berlalu, dan secara sadar memilih sedang berada di dalam “topic” apa
  • Namun dalam praktiknya, kegunaan riwayat penuh itu sendiri terbatas
    • Mengetahui dari mana dan bagaimana kita tiba di suatu tempat kadang membantu, tetapi dalam riset, yang lebih penting adalah sintesis: menangkap sebagian dari keseluruhan, lalu menyusun ulang dan mengombinasikannya kembali sambil berpikir bersama materi tersebut
    • Perbaikan yang lebih kecil namun berguna mencakup penyimpanan posisi gulir atau area pilihan, serta riwayat yang bisa diedit untuk menghapus jalan buntu dan menambahkan catatan
  • Masih ada kemungkinan bahwa masalah ini harus diselesaikan pada tingkat yang berbeda
    • Manajer jendela yang baik hampir bisa menggantikan Cartographist
    • HHTWM pernah bereksperimen dengan tata letak berbasis kolom, tetapi karena tidak ada gulir horizontal, hasilnya akhirnya tidak terlalu berguna

Bacaan terkait

1 komentar

 
GN⁺ 2024-10-05
Pendapat di Hacker News

  • Ini agak menyimpang, tetapi bagian dalam tulisan yang menyebut “membuka definisi fungsi di panel baru dengan satu shortcut” saat menelusuri kode dengan Vim menarik, jadi saya mencari konfigurasi .vim milik penulis di GitHub
    Caranya adalah nnoremap gF vgF: https://github.com/szymonkaliski/dotfiles/blob/357fc7c76ca86...
    Lalu nnoremap gD :call CocActionAsync('jumpDefinition', 'vsplit'): https://github.com/szymonkaliski/dotfiles/blob/357fc7c76ca86...
    Pada akhirnya, di Lua untuk nvim saya menetap pada buf_set_keymap('n', 'gds', 'vlua vim.lsp.buf.definition()', opts), dan membuatnya sebagai mapping yang berbeda dari gd yang biasa, agar bisa memilih apakah membuka jendela split baru atau tidak. Misalnya, kalau sebuah variabel hanya didefinisikan 20 baris di atas, saya tidak ingin jendela split baru

    • Untuk penggunaan seperti ini, Haystack juga cukup bagus: https://haystackeditor.com/
    • Kalau itu fitur Vim, kemungkinan besar seseorang sudah mengimplementasikannya, hanya saja kita belum melihatnya. Meski begitu, saya ingin ada kombinasi tombol yang berbunyi “kalau saat pindah ke definisi, sebagian teks yang sedang terlihat masih tetap ada di layar, pindah saja seperti biasa; kalau lebih jauh dari itu, bukakan jendela split”
    • Saya suka konfigurasi ini dan menambahkannya ke konfigurasi nvim saya, tetapi gds menimbulkan sedikit jeda saat hendak memakai gd, jadi saya menggantinya menjadi gv
    • Perintah yang tepat adalah vim.api.nvim_buf_set_keymap, atau cukup vim.keymap.set

  • Cukup keren. Saya sangat menyarankan menghubungi Kay Xu, yang meneliti sensemaking dan berrypicking
    Sepertinya ia sedang mengerjakan versi yang lebih baru dan lebih baik berbasis ekstensi browser, bukan renderer terpisah, dan kolaborasi tampaknya bisa saling menguntungkan
    https://vis4sense.github.io/sensemap/paper.pdf
    https://vis4sense.github.io/sensemap/
    https://web.archive.org/web/20080112091521/http://www.gseis....

    • Tidak ada dukungan Firefox. Dan tertulis bahwa “versi lama SenseMap tidak lagi dipelihara, dan versi baru bernama HistoryMap sedang dikembangkan”, tetapi situsnya mati

  • Lebih dari 20 tahun lalu saya pernah membuat sesuatu yang mirip. Itu juga bisa melakukan pencarian teks penuh pada isi halaman dan berfungsi seperti riwayat browser, jadi saya menggunakannya selama beberapa tahun
    Solusi yang sebenarnya saya lihat dari seseorang yang sangat gigih dan memiliki kesulitan belajar, di sebuah ruangan dengan lemari bawah tanah yang penuh kertas butcher paper. Untuk memahami buku teks, ia menyusun ulang isinya di atas gulungan raksasa sambil menciptakan tata bahasanya sendiri, dan hasilnya menjadi semacam campuran mind map dan ZUI
    Ide “linking” miliknya lebih mirip sistem indeks. Ia akan mengeluarkan gulungan kertas lain yang berlabel dari lemari, membentangkannya sampai area yang “terhubung”, lalu melipatnya di atas meja sehingga dua gulungan itu berdampingan
    Kegunaan umumnya langsung terlihat, dan lebih dari 10 tahun lalu saya sempat mengerjakannya beberapa bulan sebagai cara baru menjelajahi web, tetapi tidak berhasil melanjutkannya. Saya terus merasa harus mengerjakannya lagi, tetapi kecemasan dan depresi memang berat. Sekarang, dengan LLM, pelabelan ontologi yang cerdas juga memungkinkan. Potongannya sudah ada di sana; tinggal diambil saja

    • Bisa juga dengan menempelkan kertas, foto, catatan, dan sebagainya ke dinding atau papan pin raksasa, lalu menghubungkan item terkait dengan benang merah dan paku payung
    • Menarik. Saya berharap ada tautan untuk melihat lebih banyak tentang proyek dan inspirasinya. Kalau ada blog atau akun sosial yang layak diikuti, akan bagus juga jika dituliskan
    • Bisakah menjelaskan sistem linking itu dengan cara lain? Saya masih belum terlalu menangkapnya. Saya penasaran apa tepatnya maksud membentangkan gulungan “indeks” berlabel sampai area yang terhubung
    • Itu terdengar seperti Zettelkasten + transclusion

  • Bagian “Saya membagikan pratinjau di Twitter dan responsnya di luar dugaan sangat besar, tetapi perhatian saya teralihkan ke hal lain dan saya tidak kembali ke proyek itu” menarik
    Ia membuat browser untuk menjelajahi rabbit hole, lalu dirinya sendiri terdistraksi
    Terlepas dari lelucon itu, penjelasan fitur Vim mengingatkan saya pada browser Whisper di Squeak. Untuk menghindari proliferasi jendela yang tak terelakkan saat bekerja secara biasa, ada sesuatu seperti SmalltalkBrowser yang berorientasi kedalaman. Menarik juga bahwa fitur yang diperlukan untuk menata ulang penelusuran source dengan cara seperti itu di Vim hanya sekitar dua baris konfigurasi. Tentu saja browser Whisper bukan hanya menelusuri ke samping, tetapi juga memiliki stacking dan UI baru

  • Keren. Saat membuat Chrome, beberapa orang—sebenarnya praktis hanya saya—terpikat pada browser shell IE bernama iRider. Browser itu punya tab bergaya tree dan fitur pin, sehingga berguna dengan cara yang sangat mirip
    Seingat saya, ada fitur yang juga bisa cocok di sini: cara mengontrol banyak tab sekaligus dengan menyeret melintasi tab. Setelah mengklik tombol tutup atau pin, jika menyeret secara vertikal di atas tab-tab lain, tindakan yang sama diterapkan, sehingga sangat mudah menangani tumpukan tab yang terus bertambah tanpa henti

    • Saya ingin menambahkan navigasi riwayat horizontal ini ke “Chrome tervirtualisasi”, yaitu BrowserBox sebagai Chrome dalam bentuk aplikasi client-server, dan CloudTabs sebagai SaaS-nya: https://browse.cloudtabs.net

  • Bagi pengguna ADHD, ini terlihat seperti sesuatu yang bisa menjadi mimpi sekaligus mimpi buruk
    Apakah cuma saya yang sering berakhir dengan 300 tab saat sesi browsing selesai? Rasanya fitur ini akan saya pakai berlebihan, dan mungkin membuat hidup jauh lebih buruk

    • Belakangan saya baru memahami unsur memori kerja dalam ADHD, dan itu cukup menjadi titik balik. Saya sadar bahwa hal terpenting yang bisa dilakukan pada hari apa pun adalah mengosongkan papan, supaya ada ruang untuk fokus dan beban yang terasa sepanjang hari juga berkurang
      Butuh waktu, tapi sekarang saat melihat kekacauan seperti tab atau screenshot, saya tidak lagi berpikir soal apa yang akan saya simpan atau hilangkan, melainkan seberapa banyak hal yang bisa saya kerjakan kalau kekacauan itu tidak ada. Dengan begitu, ini mulai terlihat sebagai sesuatu yang didapat, bukan yang hilang, dan itu membantu. Tidak selalu berhasil, tapi pada hari-hari ketika berhasil, rasanya benar-benar luar biasa
    • Dalam kasus saya, tab yang menumpuk sering berkaitan dengan takut kehilangan. Semacam menyimpan secara digital hal-hal yang mungkin suatu hari akan dibutuhkan. Jadi, kalau ada keyakinan bahwa riwayatnya selalu tersimpan, itu justru bisa lebih baik
      Akan lebih membantu lagi kalau saat menjelajah kita bisa memberi tag dengan mudah, lalu nanti cepat mencari berdasarkan tag dan isi halaman yang pernah dilihat. Jika yakin bisa menemukannya lagi, menutup tab jadi lebih mudah
      Sebagai sesama orang dengan ADHD, belakangan saya secara berkala melakukan bersih-bersih tab. Biasanya saya kaitkan dengan peristiwa relevan, seperti saat mulai atau mengakhiri kerja harian, atau saat memulai atau menyelesaikan suatu tugas. Saya berusaha punya satu jendela untuk tiap pekerjaan yang sedang berjalan, dan menaruh tab lainnya di tempat lain. Misalnya, kalau tab itu terkait tugas, saya masukkan ke papan kanban; kalau untuk dibaca, saya kirim ke Instapaper; kalau menarik dan ingin saya lihat lagi nanti, saya tinggalkan satu baris di jurnal LogSeq dengan deskripsi singkat. Prinsipnya, kalau bukan sekadar menumpuk, pasti ada alasan menyimpan tab; jadi jelaskan alasannya dan taruh di tempat yang bisa ditemukan lagi pada waktu yang tepat
    • Kalau punya ADHD, sepertinya Anda akan suka offpunk. Ini adalah browser offline untuk Gemini, Gopher, dan web minimal
      Tambahkan bookmark atau RSS feed dan sebagainya, jalankan offpunk --sync, lalu jalankan offpunk. Terakhir, di prompt ketik tour atau t, lalu terus tekan t sampai semua blog atau situs berita selesai dilihat
      Situs dibaca dengan tombol spasi, dan kalau ingin membacanya lagi, ketik less agar bisa mengaksesnya lewat nomor tautan. Untuk kembali, tekan b. Semua konten disimpan offline untuk digunakan nanti
      URL https://sr.ht/~lioploum/offpunk/
    • Saya juga persis begitu. Saya butuh sesuatu yang terus menjaga saya tetap di jalur. Setidaknya sesuatu yang memberi sinyal “Awas! Anda sedang masuk ke lubang kelinci” alih-alih mendorong saya masuk ke sana
      Di sisi lain, kemampuan untuk cepat kembali ke titik percabangan tempat saya menyimpang dari jalur yang seharusnya diikuti benar-benar sangat berharga
      Di Vim pun saya tidak pernah benar-benar bisa menerima fitur cabang undo. Saya memahaminya, tapi gagal memakainya dalam praktik. Sepertinya otak ADHD saya lebih mampu menangani riwayat linear daripada riwayat bercabang
    • Kalau tab sudah terlalu banyak sampai tidak terkendali, tinggal lempar ke OneTab

  • Menarik. Ada bagian yang tumpang tindih dengan add-on Firefox berikut
    Tree Style Tabs: https://addons.mozilla.org/en-US/firefox/addon/tree-style-ta... — lebih sederhana dan tidak punya fitur penyimpanan sesi
    Tree Tabs: https://addons.mozilla.org/en-US/firefox/addon/tree-tabs — lebih kompleks dan bisa menyimpan sesi, tetapi tidak kompatibel dengan beberapa add-on lain dan belum mendapat evaluasi keamanan dari Mozilla
    Keduanya tidak menyusun ulang tab di dalam jendela, hanya menyediakan daftar pohon alternatif untuk tab yang terbuka

    • Sideberry adalah versi yang lebih maju dari add-on tersebut
    • Dulu Firefox juga punya add-on yang menampilkan tab dalam grid di dalam jendela yang sama, tetapi itu hilang bersama XUL
    • Akan bagus juga kalau ada sesuatu seperti Miller columns
    • Satu-satunya yang pernah saya lihat bisa menyusun ulang tab di dalam jendela adalah foxytab

  • Semua orang membicarakan risiko eksistensial yang akan dibawa AI, tapi orang ini malah melepas alat seperti ini ke dunia tanpa pengaman apa pun; benar-benar mengkhawatirkan
    Sedikit lebih serius, punya graf tab ArXiv alih-alih daftar tab linear bisa sangat berguna saat menyelami literatur ilmiah secara mendalam

    • Apa hubungannya ini dengan “AI”?
    • Pendekatan graf bisa diperluas ke seluruh penjelajahan web. Ada kalanya kita membuka halaman B dari halaman A, dan juga membuka halaman B dari halaman C
      Dengan browsing bergaya pohon, B akan dibuka atau dilihat dua kali, dan fakta bahwa kita sampai ke B dari A maupun C juga tidak mudah terlihat

  • Kita perlu membawa kembali hiperteks yang semestinya
    Browser seharusnya bertindak seperti alat untuk menelusuri dokumen. Bisa maju-mundur, dan tiap “tampilan” seharusnya di-cache serta bisa disimpan, bukan menjadi sampah SPA yang memuat main.min.js berukuran 20 MB

  • Kalimat terbaik dari tulisan orang yang membuat browser yang dioptimalkan untuk menjelajahi lubang kelinci: “Saya membagikan pratinjaunya di Twitter dan mendapat respons yang di luar dugaan sangat besar, tetapi perhatian saya teralihkan oleh hal lain sehingga tidak pernah kembali ke proyek itu”