Simulator HyperCard

 (hcsimulator.com)
1 poin oleh GN⁺ 2024-06-27 | 1 komentar | Bagikan ke WhatsApp
  • HyperCard Simulator adalah simulator berbasis web yang memungkinkan stack HyperCard klasik diimpor dan dijalankan di web modern
  • Stack bekerja seperti sekumpulan kartu yang berurutan; pengguna dapat menambah atau menghapus kartu serta membagikannya secara online melalui akun
  • Kartu dapat berisi button dan field, dan elemen yang dibuat di latar belakang bisa diterapkan berulang ke banyak kartu sambil tetap mempertahankan teks terpisah untuk tiap kartu
  • Pengeditan dilakukan langsung di atas kartu, serta mendukung painting sederhana dengan pensil, ember cat, dan pola hitam-putih-transparan
  • Dapat digunakan tanpa skrip, tetapi melalui message box dan Script Editor pengguna bisa menangani perintah xTalk serta message handler seperti mouseUp

Stack HyperCard yang berjalan di web

  • HyperCard Simulator memungkinkan stack HyperCard klasik diimpor dan dijalankan di browser
  • Pembuatnya menyampaikan permintaan maaf kepada para pembuat HyperCard, dan mengatakan bahwa ini dibuat di waktu luang untuk melihat bagaimana HyperCard akan bekerja di web modern
  • Sumber terkait yang ditautkan mencakup hypercard.org, Merveilles HyperJam, dan Internet Archive
  • Untuk menjelajahi lebih banyak stack, tersedia More stacks, A Few More Stacks, The "B–Roll", Collected Stacks, Lots More Stacks, dan The HyperCard Pantechnicon

Model pengeditan berpusat pada kartu dan latar belakang

  • Stack HyperCard mirip seperti dek kartu yang dibalik secara berurutan, dan pengguna dapat menambah atau menghapus kartu dalam stack
  • HyperCard menyimpan stack secara otomatis, dan pada simulator ini pengguna bisa membuat akun lalu membagikannya secara online
  • Tiap kartu dapat memuat button dan field
    • Setelah memilih alat yang sesuai, pengeditan dilakukan dengan drag dan pengubahan ukuran
    • Button dan field dapat dibuat pada kartu atau latar belakang
    • Properti dapat dibuka dengan klik ganda atau tekan lama
  • Bagian background diterapkan berulang ke banyak kartu
    • Tiap kartu dapat memiliki part dan teksnya sendiri
    • Tiap kartu memiliki satu background, dan background adalah layer di belakang kelompok kartu
    • Pada kartu-kartu yang memakai background yang sama, field background dapat berisi teks khusus per kartu

Painting dan scripting

  • Painting dilakukan langsung di atas kartu
    • Pensil atau ember cat dapat digunakan
    • Hitam digunakan dengan Shift, putih dengan Option, dan transparan dengan pola Option+Shift
  • Scripting tidak wajib, tetapi dapat dipelajari dengan melihat skrip simulator itu sendiri
    • message box mengevaluasi ekspresi dan perintah xTalk
    • Script Editor dapat dibuka dari dialog Information, atau diakses dengan Command-Option-click, touch-hold, atau klik ganda sambil menekan Shift
    • Skrip dapat menerima message yang dikirim pengguna lalu menjalankan aksi seperti beep atau go next card
    • Contoh message handler menjalankan beep di on mouseUp, lalu berpindah ke kartu berikutnya dan diakhiri dengan end mouseUp

Bacaan terkait

1 komentar

 
GN⁺ 2024-06-27
Opini Hacker News

  • Agak disayangkan bahwa HyperCard hadir sebelum generasi saya. Kalau saya mengetahuinya saat kecil, rasanya saya tidak akan melakukan hal lain; saat mencobanya lewat emulator, ternyata cukup menyenangkan
    Saya suka upaya-upaya awal untuk membuat pemrograman mudah diakses orang-orang. Dalam kadar yang jauh lebih lemah, saat pertama kali memakainya, alat animasi Flash juga memberi perasaan serupa; jauh lebih langsung dan mudah didekati dibanding mencoba memasang OpenGL atau SDL dengan C++, dan membuat sesuatu terasa murni menyenangkan. Setelah Flash, saya belum menemukan alat yang sama menyenangkannya untuk pengembangan; GameMaker juga keren dan masih menyenangkan, tetapi tidak semulus Flash atau tidak memberi rasa “apa pun bisa dibuat” sebesar itu. Mungkin saya saja yang sudah menua

    • Saya masih percaya HyperCard adalah lingkungan pengembangan paling produktif dalam sejarah untuk membuat aplikasi bagi pengguna akhir
    • Dan ada juga Macromedia Director. Sekarang benar-benar jarang sekali kita jatuh cinta pada perangkat lunak
    • Kalau mencari interaktivitas digital yang mudah, mungkin p5.js akan cocok. https://p5js.org/
      Flash menghilang lebih cepat daripada munculnya penggantinya, dan ketika Flash lenyap, sangat jelas bahwa kalau HTML5 pada saat itu adalah masa depan sekaligus pengganti langsungnya, kita celaka. Jika nanti mencari alat untuk membuat sesuatu, Flutter tampaknya meneruskan janji seperti Flash: satu basis kode yang berjalan di mana-mana. Teknologi lain yang saya harapkan adalah WebAssembly, dan sampai batas tertentu Rust
    • Coba lihat P5js dan Processing; mungkin itu bisa sedikit mengobati rasa haus tersebut

  • Cara kursor berubah menjadi ikon tangan saat diarahkan ke atas tautan terinspirasi langsung dari HyperCard. Dalam banyak hal, browser bisa dilihat sebagai evolusi dari stack HyperCard

    • Saya penasaran apakah web tetap akan muncul jika HyperCard punya jaringan bawaan

  • Saat kecil, HyperCard dan SuperPaint adalah Lego saya. Ayah saya seorang ilmuwan yang membutuhkan Macintosh untuk menjalankan perhitungan, jadi saat itu saya termasuk salah satu dari sangat sedikit anak yang keluarganya punya komputer
    Saya membuat banyak sekali perangkat kecil dengan HyperCard, dan sangat menyukai cara menyenangkan aplikasi monitor hitam-putih dan warna tunggal itu menghasilkan pola

    • Mirip. Orang tua saya guru, dan ayah saya mengelola lab Mac, meski sebenarnya tidak terlalu mahir dengan Mac. Tapi pada musim panas komputer-komputer itu menganggur, jadi kami bisa membawa satu ke rumah; awalnya Apple IIe, lalu Mac generasi awal. Saya menghabiskan sangat banyak waktu bermain-main di HyperCard
      Komputer pertama saya, Apple II GS, juga bisa dibeli guru dengan diskon besar melalui program “Apple for a Teacher”. Mesin itu seperti pendahulu Mac dengan monitor berwarna. Saya memenangkan 5 game pilihan sebagai hadiah dalam lomba menulis kreatif majalah 3-2-1 Contact, dan bisa meyakinkan orang tua bahwa saya butuh komputer untuk memainkan game-game itu selama sisa periode tersebut

  • Catatan: jika menekan kotak maksimalkan jendela di kanan atas, tampilan akan zoom out ke HyperCard Editor
    Saya masih mencari tahu cara memulai dari deck kosong, dan kemampuan saya jelas sudah berkarat. Saya juga penasaran seberapa mungkin membuat seluruh situs web berbasis HyperCard dengan ini

    • Di menu hamburger ada “New Stack...”
      Login juga bisa
      https://hcsimulator.com/mmphosis/Stack
    • Cukup buat kartu baru, lalu buat tombol yang menaut ke kartu berikutnya atau ke bagian mana pun yang diinginkan dalam stack kartu linear. Transisi, efek, dan timing bisa ditangani di editor yang berpiksel mulia itu

  • Dari sudut pandang seseorang yang terlalu muda untuk mengalami era HyperCard, saya penasaran apa daya tarik utamanya. Apakah aksesibilitas teknologinya, atau memang produknya dieksekusi dengan sangat baik?

    • Keduanya. HyperCard menaruh kekuatan GUI ke tangan pengguna lewat metafora dan sintaks yang sederhana. Bahasanya cukup mirip bahasa Inggris sehingga terasa mudah ditulis, tetapi tidak sampai membuat orang keliru mengira bisa melakukan hal-hal yang sebenarnya tidak bisa dilakukan. Saya jadi teringat Inform 7
      Karena caranya menempelkan kode secara visual ke widget, terasa jelas bahwa potongan kode ini menghasilkan tindakan itu saat tombol diklik atau saat mengetik di kolom teks. Selain itu, lingkungan HyperCard juga menerapkan persistensi objek, jadi berguna karena tidak perlu menulis sendiri kode penanganan file atau fitur “menyimpan status”. Tentu saja, karena semantiknya itu, kalau stack rusak, penyebabnya bisa sulit ditemukan dan diperbaiki, tetapi secara keseluruhan saya melihat persistensi objek yang transparan sebagai keunggulan besar
      Dan kalau punya Mac, secara harfiah benda itu sudah ada di sana. Apple sempat menjualnya sebagai produk mandiri seharga $49.95, lalu mulai membundelkannya dengan semua Mac baru selama sekitar 10 tahun. Kalau Mac itu menjalankan System 6, 7, 8, atau 9, ada HyperCard di dalamnya, dan pada masa itu juga disertakan di Apple IIGS. Meski ada keterbatasan, saya ingat pernah melihat aplikasi yang cukup nontrivial diimplementasikan dengan HyperCard
      Di atas segalanya, HyperCard membuat komputasi personal kembali terasa personal dengan cara yang sempat hilang sejak masa komputer langsung boot ke interpreter BASIC, dan itu hal yang sangat baik. Kalau penjelasan ini masih kurang, lihat kutipan ini: http://www.cvxmelody.net/HyperCard%20IIGS%201.1%20-%20The%20...
    • Saat kelas 5 SD, HyperCard bagi saya seperti pengembangan perangkat lunak tahap awal. Saya menghabiskan berjam-jam sepulang sekolah membuat game dan petualangan pilihan ganda, dan bisa memasukkan perintah goto, loop, animasi, fungsi sederhana seperti “kalau diklik, putar suara ini lalu pindah ke halaman ini”, dan sebagainya. Saya benar-benar tenggelam di dalamnya, dan mungkin itu berlanjut menjadi hasrat terhadap pengembangan BBS
    • Itu sebelum web atau Flash ada. HyperCard adalah alat pembuatan multimedia/interaktif yang relatif sederhana untuk nonprogrammer, dengan tata letak WYSIWYG. Dengan HyperCard, orang bisa membuat segala macam hal, dari cara berinteraksi dengan database sampai cerita sekolah untuk anak-anak
    • Saat pertama kali mengenal konsep kartu yang saling terhubung di HyperCard, yaitu hiperteks, rasanya benar-benar mencengangkan. Saya rasa bagi banyak orang, itu juga merupakan perkenalan pertama mereka dengan hiperteks, hanya saja mereka tidak menyadarinya. Itu adalah Adobe Flash pada zamannya
    • Saya rasa begitu
      Itu seperti bahasa Smalltalk yang dibuat dengan baik, meski terbatas, dengan komponen RAD yang menurunkan kompleksitas pembuatan GUI menjadi setara memakai PowerPoint. Diberikan kepada anak yang “cerdas”, dengan penjelasan yang sangat sedikit pun setidaknya ia bisa membuat fiksi interaktif. Mayoritas stack HyperCard bisa dipandang sebagai deck slide PowerPoint nonlinier, kartu-kartu tempat tombol memanggil perintah goto untuk melompat ke kartu lain

  • Saya anak-anak pada era 90-an, dan punya ingatan samar tentang berbagai game dan program kecil yang dijalankan di Mac keluarga. Mac pertama kami mungkin Mac SE. Kalau dipikir sekarang, itu semua mungkin program HyperCard
    Ada semacam buku bergambar interaktif tentang kucing hitam; saya lupa namanya, tetapi saya tahu itu ada di Macintosh Garden, dan 99% kemungkinan dibuat dengan HyperCard. Ayah saya memberi saya program bernama Soroban, pada dasarnya sebuah sempoa, dan sepertinya program itu memberi soal aritmetika sederhana lalu kita menghitung dengan sempoa untuk menemukan jawabannya. Mungkin ayah saya sendiri yang menulisnya, tetapi saya tidak yakin. Sayangnya sekarang saya tidak ingat cara memakai sempoa. Saya penasaran apa saja program HyperCard kurang dikenal yang dulu saya temui pada masa itu

  • Layak jadi referensi: Carson Gross membuat _hyperscript[0], bahasa yang terinspirasi HyperCard, dan bahasa ini diinterpretasikan di browser
    Carson Gross yang sama juga membuat htmx[1]. Keduanya proyek terpisah, tetapi berpadu dengan baik
    [0]https://hyperscript.org/
    [1]https://htmx.org/

  • Astaga, di sini ada stack yang saya buat 30 tahun lalu! Sayangnya, di simulator ini tidak berjalan dengan benar

    • Saya penasaran stack yang mana. Kalau ingin memainkannya lagi demi nostalgia, sekarang masih ada cara lain untuk menjalankannya, dan pembuat HC Simulator juga cukup cepat merespons untuk memperbaiki hal-hal yang tidak berjalan semestinya

  • Ada satu pertanyaan yang terus mengusik. Alat modern apa yang hari ini bisa melakukan hal yang dulu dilakukan HyperCard dengan cara yang sama? Apakah HTML/JavaScript?

    • Menurut saya, HTML/JavaScript bukanlah “alat” dalam pengertian yang sama seperti HyperCard.
      Kekuatan sejati HyperCard ada pada kemampuannya membuat pengguna biasa—yakni orang yang bukan programmer—bisa membuat aplikasi mereka sendiri, atau dalam istilah HyperCard “stack”, melalui pointing dan clicking serta bahasa skrip mirip bahasa Inggris bernama HyperTalk.
      Karena kita pada umumnya sudah meninggalkan gagasan bahwa pengguna harus bisa membuat aplikasi mereka sendiri, tidak ada analog modern populer yang setara dengan HyperCard. Meski begitu, masih ada orang-orang yang terus mencoba. Misalnya, LiveCode adalah produk komersial yang terinspirasi langsung oleh HyperCard, dan CardStock adalah klon HyperCard open-source yang menggunakan Python sebagai bahasa skrip dasarnya alih-alih bahasa mirip bahasa Inggris.
      https://livecode.com/
      https://github.com/benjie-git/CardStock
    • Banyak orang sudah menanyakan pertanyaan ini. Ada beberapa alat GUI builder sederhana, termasuk GUI builder untuk web, tetapi tidak ada yang menjadi arus utama karena titik temu permintaan dan penawaran yang sangat pas yang berhasil dicapai HyperCard.
      Saat HyperCard muncul, ia disertakan di semua Mac, gratis, dan tidak ada yang serupa dengannya di Mac. Alternatifnya adalah menempatkan widget UI lewat kode tanpa GUI builder, atau belakangan membayar mahal untuk IDE profesional seperti CodeWarrior. Jika pengguna pemula tanpa anggaran menginginkan GUI builder untuk Mac, pilihannya adalah memakai HyperCard atau tidak memakai apa pun, dan inilah yang membentuk komunitas penggemar HyperCard.
      Selain itu, Mac saat itu memiliki resolusi layar standar. Semua Mac yang dijual memiliki resolusi 512x342 piksel, jadi Anda bisa tahu persis bagaimana sebuah card akan terlihat di Mac mana pun. Mendukung GUI yang dapat diubah ukurannya adalah salah satu hal tersulit di GUI builder mana pun. Penyebabnya adalah masalah seperti bagaimana menempatkan tombol ketika layar menjadi sangat kecil seperti ponsel, atau sangat lebar seperti monitor 16:9. Saat ini Xcode memakai constraint solver/theorem prover yang canggih agar developer bisa membuat UI yang dapat diubah ukurannya di GUI, dan menurut saya itu bekerja cukup baik, tetapi tidak mungkin semudah dipelajari seperti “seret tombol ke layar, maka di mana pun akan terlihat persis seperti itu”.
      Alasan terakhir yang benar-benar fatal bagi calon alat HyperCard modern adalah jarak dari GUI builder web ke HTML/CSS mentah sangat pendek. Anda tidak perlu membayar mahal untuk mengakses HTML, CSS, dan JavaScript kelas profesional. Memang tidak mudah dipelajari, tetapi mengajari anak menulis halaman web interaktif bukanlah masalah.
      Jadi permintaan terhadap GUI builder sederhana lebih rendah dibanding era HyperCard, dan meskipun berhasil mempertahankan pengguna, mereka cenderung segera “lulus” dari produk itu. Ditambah lagi pesaingnya luar biasa banyak, sehingga sulit bagi alat mana pun untuk membangun komunitas dengan daya tarik nyata.
    • HyperCard lebih terbatas, dan keterbatasan itu berperan memaksa solusi-solusi kreatif. Pada saat yang sama, aksesibilitasnya jauh melampaui HTML/JS. Meski begitu, analogi terdekatnya mungkin tetap HTML/JS.
      Bahkan jika dibatasi hanya pada HTML, kesenangan membuatnya masih jauh di bawah HyperCard.
    • Salah satu contohnya adalah ini: https://internet-janitor.itch.io/decker
      Pada dasarnya tampilannya juga agak mirip HyperCard. Terasa beresolusi rendah, tetapi di dalamnya juga ada warna.
    • Menurut saya, alat seperti itu tidak ada. Bukan karena sekarang tidak ada alat yang melakukan “hal serupa” dengan yang dilakukan HyperCard, melainkan karena tidak ada lagi lingkungan komputasi personal tempat alat seperti itu terasa begitu alami dan sangat pas sebagai bagian inti.
      HyperCard hadir pada era ketika pengguna komputer personal masih belajar apa arti menggunakan komputer. Justru momen itulah saat pemrograman oleh pengguna akhir dan sistem yang dapat dibentuk ulang seperti HyperCard bisa memimpin. OpenDoc juga bisa dikatakan agak mirip, tetapi sedikit berbeda.
      Dari sudut pandang perusahaan, sebenarnya HyperCard itu apa? Cara agar pengguna komputer bisa begitu saja membuat aplikasi dasar mereka sendiri? Lalu bagaimana terus menghasilkan uang? Apa yang terjadi pada komunitas developer komputer itu? Karena kekhawatiran komersial seperti ini, cara pengguna saat ini terlibat dengan komputasi personal dan alat yang kita pakai untuk memanipulasi lingkungan komputasi semuanya sangat ditentukan oleh model konsumsi, dan ada pemisahan kuat antara pengguna dan programmer.
      Alasan tidak adanya padanan HyperCard yang sejati saat ini adalah karena komputasi personal telah bergerak ke arah lain.

  • Bagaimana kalau dibandingkan dengan Decker?
    https://beyondloom.com/decker/index.html

    • HyperCard Simulator adalah layanan berbasis web terpusat yang menargetkan kompatibilitas dengan stack HyperCard historis dan bahasa skrip HyperTalk.
      Decker adalah aplikasi mandiri open-source yang dalam beberapa hal mirip dengan HyperCard, tetapi detailnya banyak berbeda, termasuk memakai bahasa skripnya sendiri yang diturunkan dari APL. Decker tidak dirancang agar kompatibel dengan stack HyperCard.
    • Saya belum sempat duduk dan benar-benar mencoba simulator ini, tetapi sebagai orang yang pernah memakai Decker maupun HyperCard, Decker memiliki kurva belajar yang jauh lebih curam bagi pemula.