• Komputer,  Programming

    Doodle

    Menurut Wikipedia, doodle itu :

    DoodleSimple drawing

    A doodle is a drawing made while a person’s attention is otherwise occupied. Doodles are simple drawings that can have concrete representational meaning or may just be composed of random and abstract lines, generally without ever lifting the drawing device from the paper, in which case it is usually called a “scribble”.

    Nah, ini kalo saya (sebagai programmer) bikin doodle:

    Di post sebelumnya saya udah pernah bilang kalo saya seneng banget yang gaya retro, pake text-mode. Dan sebelumnya saya udah pernah bikin simulasi terminal di http://sedjat1.dx.am, nah waktu di kantor saya diminta untuk ngoprek2 masalah canvas saya iseng2 nyari2 info tentang canvas di javascript.

    Pas kebetulan saya kepikiran ide untuk bikin game simulasi hacking dengan UI text-mode, saya cari2 deh ada gak sih yg bisa simulasiin ui text kaya jaman DOS dulu pake canvas javascript. Ternyata banyak banget. Tapi rata-rata bener2 simulasi terminal aja, malahan ada yg bener2 bisa jalanin program di terminal itu.

    Yang lebih mantap lagi saya nemu web http://www.pcjs.org yang isinya emulator PC yang dibuat pake javascript. Yg ini bener2 bisa ngejalanin program DOS jaman dulu, malah bisa jalanin Windows 95. Tapi emang kalo dipikir-pikir, dulu waktu pertama kali saya pake Windows 95 juga prosesornya cuma 486 + RAM 16MB. Kalo dibandingin sama resource yang dipake web browser jaman sekarang, jauh banget, jadi wajar aja kalo secara hardware memang bisa untuk simulasiin PC jadul.

    Akhirnya, saya nemuin titik terang, ternyata ada juga yang pengen make UI mode text di browser, tapi cuma sekadar untuk UI doang (persis banget yg saya mau). Projectnya ada di Github, namanya ASCII-UI (liat contohnya di https://ascii-ui.danikaze.com/basic/basic.html).

    Tapi kendalanya ada aja. Waktu mau make, liat contohnya, kok gak segampang yang saya bayangin. Dibikin pake TextScript yang harus “dicompile” dulu jadi javascript, ribet (mungkin nanti kalo kepala saya udah normal lagi saya coba-coba lagi).

    Akhirnya dengan terpaksa, saya bikin sendiri. Karena dulu saya pertama kali belajar pake Turbo Pascal, maka saya bikin class dengan method2 yang mirip2 bahasa Pascal kaya: GotoXY, Write, Writeln, ClrScr (tapi karena ini javascript, jadi case sensitive).

    Karena baru tahap awal, jadi belom banyak yg dibuat, yg pasti udah ada cursornya yg ngedip2, bisa geser pake arrow key, layar bisa scroll ke atas kalo udah sampe bawah “layar”. Udah bisa set warna teks dan backgroundnya. Terus 1 lagi fungsi yang lumayan bikin enak adalah window. Untuk dapetin keydown nya, udah ada bindingnya yg bisa di custom, jadi pergerakan cursor nggak diatur di classnya.

    Ada 1 hal yg belum di implementasi. Mode teks di DOS nyimpen tiap sel (yg 80×25) dalam 2 byte, 1 byte untuk kode ascii (antara 0 sampai 255) dan 1 byte untuk warna (4 bit utk warna teks dan 4 bit utk warna latar, tapi lupa urutannya yg mana), jadi program bisa ngeset warna dari sebuah “titik sel” tanpa merubah karakter yang sudah ditampilkan.

    Dalam canvas javascript, tiap titik (pixel) disimpan dalam 4 sel array (kalo pake getImageData) [R (red), G (green), B (blue), A (alpha)]. tiap sel teks saya simulasikan dimana defaultnya Height = Font Size, dan Width = 0.5 * Height. Jadi untuk 1 karakter dengan ukuran 20pt akan disimpan dalam array 10×20 pixel. Awalnya saya coba ganti warna dengan mengubah warna per pixel, tapi gak nemuin hasil yang pas, karena saya pakai asumsi bahwa pixel pertama adalah warna latar dan selain warna latar dianggap warna karakter. Akhirnya saya belum menerapkan ganti warna. Rencananya nanti saya implementasikan dengan menyimpan isi canvas dalam array karakter dan warna.

    Masalah ketemu lagi waktu saya mau menampilkan ascii art. Bikin simulasi mode teks tanpa menampilkan ascii-art bagaikan sayur tanpa garam kata peribahasa — kurang pas. Nah waktu ascii-art nya pake karakter “pattern” (kalo gak salah dulu karakter yg dipake itu #176, #177, #178, #219) ada anomali waktu “layar” scrolling atau waktu menghapus karakter di layar (pake backspace).

    Begitu diperhatiin, ternyata untuk karakter2 itu digambar melewati ukuran karakter yang saya tetapkan, dan kalau saya tuning geser 1 atau 2 pixel untuk ukuran karakternya akan mempengaruhi karakter yang lain, jadi aneh. Sesudah ngubek2 berbagai font, akhirnya saya putusin untuk nge-crop karakter sesuai ukuran yg sudah ditetapkan. Saya bikin lagi canvas dengan ukuran 1 karakter, saya gambar karakter di canvas itu, terus baru di-copy ke canvas aslinya.

    Yaaah… itulah cerita doodling nya seorang programmer. Uhuy.

  • Software,  Teknologi

    Setelah Aku Kau Tinggalkan

    Jangan salah paham. Yang saya maksud disini antara konsumen dan pemilik produk Smartfren, lebih tepatnya Smartfren Andromax Prime. Saya lupa mulai kapan menggunakan Andromax Prime, yg pasti waktu itu saya mencari paket internet yang lumayan murah meriah, dan satu-satunya yang cocok untuk saya adalah Smartfren yang punya paket unlimited per bulan dengan FUP harian.

    Karena saya mau ngetes dulu, saya beli Andromax Prime yang harganya murah banget (waktu itu 300rb kalo gak salah inget). Dan karena begitu beli paket internet dapet gratis nelp sesama Smartfren, saya beli satu lagi untuk istri, biar komunikasi bisa gak terbatas pulsa 🙂

    Tapi cuma 2 atau 3 bulan istri saya udah gak mau make lagi karena agak ribet pengoperasiannya (mentang2 udah ada yg touchscreen, udah ogah balik ke jaman dulu). Akhirnya yg punya istri dihibahkan ke yang membutuhkan.

    Saya tetap pake Andromax untuk internet, sharing koneksi lewat wifi. Dan, saya juga make Whatsapp yang sudah pre-install di hape itu. Ribetnya Andromax, secara default gak bisa nambah aplikasi (apk), walaupun sebenarnya OSnya adalah Android yg udah “dipermak”. Mungkin untuk menjaga stabilitas, karena hape ini terbatas hardwarenya, jadi dibatesin biar gak nge-lag.

    Setiap kali WA yang terinstall mau kadaluarsa, pasti ada update dari Smartfren, tapi kemarin (8 Nov 2019) waktu WA sudah kadaluarsa masih tetap gak ada update. Akhirnya saya terpaksa mencari cara untuk menginstall apk ke Smartfren Andromax. Akhirnya saya dapet video tutorialnya.

    Rooting berhasil, dan sesudah itu saya bisa langsung install file apk Whatsapp.

    Akhirnya Andromax Prime saya bisa dipakai seperti biasa. Bahkan sekarang jadi lebih keren.

    Udah ah.

  • Komputer,  Software

    Pengembara Dunia Maya

    He he he… Siapa lagi kalo bukan saya.

    Saya selalu nyari2 program yang serba ringan. Office yg ringan, text editor ringan, IDE ringan, antivirus ringan, dan browser ringan.Ringan bukan cuma karena jalannya cepat, tapi juga memori (RAM) yang minim.

    Susahnya, yang namanya antivirus sama browser gak ada yg bener2 ringan. Banyak artikel yang bilang antivirus anu cuma ngabisin ram 9mb, mungkin ngeliatnya cuma di Windows Task Manager bagian “APPS”, yg bikin artikel gak ngeliat di bagian “Background Process”.

    Contohnya browser Maxthon yang sehari-hari saya pake, di bagian Apps cuma tertera 34.0MB. Fantastis, browser yang lagi buka 13 tab dalam dua window (normal dan incognito) cuma butuh 34MB.

    Tapi begitu di scroll ke bawah, di bagian “Background process”, ada banyak proses dengan label Maxthon. Dan kalo dihitung total ram yg dipake (asli saya itung pake kalkulator) 410.3MB untuk background process + 33.7 yg di Apps = 444MB.

    Dan seperti yang tertera di gambar atas, saya lagi nyoba browser K-Meleon yang orang-orang bilang cepat dan ringan. Di screenshot terlihat pemakaian ram hampir 200MB, tapi itu cuma ngebuka 3 tab. Begitu saya tambah tab yg terbuka dengan membuka Google Drive, 1 halaman sederhana di localhost sama 1 tab Github (semua tab sudah dibuka di Maxthon kecuali wordpress temang.ga) konsumsi ram melonjak jadi 480 – 499 MB.

    Selain itu, K-Meleon tidak bisa membuka Whatsapp Web, dan render custom font di aplikasi web saya juga agak parah.

    Lihat aja screenshot yang hurufnya smooth itu Maxthon, yg kasar itu K-Meleon.

    Opera yang seinget saya pake engine goolge chrome juga (sama kaya Maxthon) punya kelakuan yang mirip sama Maxthon. Di Apps cuma tertera 51MB tapi background processnya banyak banget.

    Kaya’nya pengembaraan saya kali ini di dunia maya gak terlalu hepi-ending. Tapi tetep aja saya dapet broser unik pake engine Mozilla Firefox yang bisa nge-render dengan baik halaman web kelas berat semacem Google Drive, dll. Dan yg lebih menggembirakan lagi (minimal bagi saya) developmentnya masih jalan terus. Versi yg saya pake belum berumur 1 hari release, bener2 fresh from the oven, masih anget.

    Udah ah.

  • Komputer,  Programming,  Software

    CLBK

    To the point aja, CLBK yang saya tulis ini tentang bahasa pemrograman yang pertama kali saya pelajari, yang karena tuntutan pekerjaan akhirnya saya tinggalkan, tapi karena dasarnya memang cukup kuat akhirnya saya pakai kembali: Pascal.

    Awal kenal komputer, saya langsung belajar pemrograman: Turbo Pascal. Waktu itu yang saya pake Turbo Pascal versi 7, dan berlanjut ke Borland Delphi v1, 2, 3, 4, 5, 6, 7, Turbo Delphi, dan terakhir saya pakai adalah Delphi 2009 (RAD Studio 2009).

    Memang sudah lama sekali saya gak sentuh keluarga pascal ini sampai pada suatu ketika saya mau bikin program desktop yang pakai ribbon dan akses data ke MySQL.

    Visual Studio 2017 (yg community edition) udah terinstall di komputer saya, otomatis saya langsung cari cara untuk connect ke MySQL. Dari info di internet ternyata cukup gampang, tapi ternyata berbeda kenyataannya: Ribet.

    Akhirnya saya ngalah, karena pernah bikin aplikasi database desktop pake C# ke Ms SQL Server, saya putusin untuk pake SQL Server aja, biar gampang. Tapi ternyata migrasinya susah: ribet. Karena contoh data udah ada di MySQL, saya pikir pake import lewat koneksi ODBC pasti dengan mudah dilakukan. Ternyata Ms SQL Server versi community cuma bisa import dari flat-file (csv, dkk).

    Akhirnya saya coba iseng2, cari tau tentang Delphi. Ternyata Delphi punya versi community juga, mantap! Dengan semangat 45, saya download file instalasinya yang sekitar 100MB lebih. Saya install, register pake community license, lancar. Tapi di langkah terakhir waktu mau download platform ternyata servernya error. Delphi yang udah diinstall gak bisa dipake untuk bikin project apapun karena servernya down.

    Dan setelah beberapa hari nyoba2 servernya belum idup2 juga, saya iseng lagi nyari segala sesuatu yang berkaitan dengan bahasa Pascal dan dapet program bagus yang namanya Pascal XE, tools yang bagus banget untuk belajar bahasa Pascal.

    Sesudah itu, otomatis ujung2nya saya install Lazarus, IDE bahasa Pascal yang Open Source. Dan begitu nyoba koneksi ke MySQL, dengan sangat cepat dan mudah program terhubung ke server. Mantap. Saya coba cari komponen untuk bikin ribbon toolbar langsung dapet, dan semua dipermudah dengan Online Package Manager.

    Sesudah mulai bikin program dan mentok kiri kanan, saya simpulkan Lazarus itu bagus banget walau dengan satu kekurangan: dokumentasi kurang lengkap, terutama dokumentasi dari komponen tambahan yang ada di Online Package Manager. Memang saya akhirnya bisa belajar dari contoh project, tapi kaya’nya gak ada yg ngalahin informasi dari dokumentasi yang lengkap.

    Waktu cari2 info tentang Lazarus, saya nemu juga fork dari Lazarus: New Pascal, tapi gak jadi saya download karena terakhir updatenya (versi Windows) 28 Juni 2018, udah setahun lebih gak update sementara Lazarus aja udah ada yg rilis tahun 2019.

    Selain itu saya juga nemu CodeTyphon yang juga bersumber dari Lazarus, cuma yang saya lihat CodeTyphon ini langsung masang banyak sekali komponen tambahan dan tampilan visualnya bisa jadi docking dengan mudah melalui menu.

    Dan karena itu pula akhirnya saya cari2 cara supaya Lazarus juga punya tampilan docking yang mirip, akhirnya, Lazarus saya tampilannya di permak jadi lebih keren, kaya IDE Delphi yang berbayar.

    Sesudah beberapa hari berpetualang di dunia Pascal, hari ini saya coba lagi itu Delphi, eh ternyata servernya udah bener, bisa lanjut ngubek Delphi lagi nih. Uhuy.