Pada contoh di Menampilkan Gambar pada LED Matriks Menggunakan Simulator, tulisan ditampilkan sebagai gambar. Pertama kita membuat gambar tulisan, kemudian gambar tulisan tersebut kita buat konstantanya. Setelah itu ditampilkan seperti menampilkan gambar.

Menampilkan tulisan dengan cara tersebut hanya cocok jika tulisan yang ditampilkan pendek. Disamping itu, tulisan yang ditampilkan tidak akan diubah lagi. Jika tulisan yang akan ditampilkan adalah tulisan yang panjang, atau tulisan yang ditampilkan akan diganti-ganti, maka ada cara yang lebih baik dibandingkan dengan cara tersebut.

Cara yang lebih baik adalah sebagai berikut: Pertama, kita membuat konstanta karakter. Pada contoh di sini, kita membuat konstanta karakter dengan ukuran karakter adalah 8 baris x 5 kolom. Konstanta karakter ini dibuat menggunakan Karakter.bmp yang bisa Anda edit untuk menyesuaikan keinginan Anda.

Setelah kita mendapatkan konstanta karakter, yaitu dengan mengkompilasi Karakter.bmp menggunakan ImgTable.exe, maka setiap kita akan menampilkan teks, kita melakukannya dengan membaca teks tersebut karakter-per-karakter. Setiap karakter yang dibaca, kemudian ditampilkan dengan melihat pada tabel karakter. Dengan cara seperti ini, kita bisa menampilkan tulisan apa saja dan bisa diganti-ganti pada saat program sedang berjalan. Tentu saja Anda harus membuat prosedur untuk mengganti text yang akan ditampilkan tersebut jika Anda ingin menggantinya.

Sayang sekali Listing program hanya saya tulis untuk bahasa assembly. Jadi, jika Anda lebih suka menggunakan bahasa C, silakan lakukan konversi sendiri

Jika Anda ingin mencoba program contoh menggunakan MXLED, lakukanlah pengaturan simulator seperti pada Menampilkan Gambar pada LED Matriks Menggunakan Simulator

Selamat mencoba

Cara pakai Speak It

1. Pastikan Speak It sudah jalan (tandanya, icon Speak It nan aduhai itu muncul di system tray) serta ada output audio (jika tidak, bagaimana Anda bisa dengar?).


Icon Speak It nan aduhai muncul pada system tray.

2. Copy text yang Anda inginkan untuk dibaca (seperti biasa, dengan Ctrl+C atau klik kanan > Copy). Text tersebut akan termuat ke clipboard (setiap data yang Anda copy pasti termuat ke situ).
3. Klik ganda icon Speak It pada system tray lalu dengarkan apa kata komputer Anda. Jika data yang Anda copy bukan text, berupa gambar misalnya, narator akan bersuara “There’s no text in the clipboard.“

Sebenarnya, TTS dibuat untuk mengakomodasi user yang tuna netra supaya mereka bisa menggunakan komputer dengan mengandalkan pendengaran. Speak It juga bisa membacakan text dalam bahasa apapun, namun tentu saja dia akan sangat fasih untuk ngomong dalam bahasa Inggris dan akan sangat menggelikan jika dipaksa untuk ngomong dalam bahasa selain itu. Maka dari itu, Speak It sangat berguna bagi Anda yang sedang belajar pronounciation.

Anda bisa mengganti tipe suara narator dari Control Panel > Speech > Text to Speech. Suara siapa yang lebih Anda sukai; Sam, Michael, atau Michelle.

Speak It 41,2KB

Membuat Model Gambar 3 Dimensi

Seperti telah kita ketahui bagaimana cara memindahkan obyek maya ke dalam kertas, maka keseluruhan obyek harus kita pecah menjadi pixel-pixel. Pixel-pixel ini kemudian kita simpan sebagai model gambar.

Model gambar merupakan array dua dimensi yang berisi informasi jarak pixel dari mata pengamat. Dan agar lebih memudahkan untuk dilihat, maka informasi jarak ini menggunakan warna pixel.

Jika kita perhatikan lagi pada bagaimana memindah pixel dari obyek maya ke kertas, maka P1, P2, P3, dan seterusnya harus merupakan pixel dengan warna yang sama. Oleh karena itu, maka sebenarnya kita bisa menyimpan informasi dalam model gambar dalam bentuk berapa jarak pixel tertentu dari pixel sebelumnya. Dengan cara ini, akan sangat mudah bagi kita untuk mengubah model gambar menjadi gambar 3 dimensi.

Contoh model gambar untuk gambar hati adalah sebagai berikut:

Model Gambar 3 Dimensi

Warna putih merupakan warna dengan nilai tertinggi, yaitu FFFFFF. Sedangkan warna hitam adalah warna dengan nilai terendah, yaitu 000000. Semakin terang sebuah pixel, semakin jauh pixel tersebut dari mata. Oleh karena itu, warna-warna pada model gambar akan berbeda dengan pewarnaan untuk membuat gambar yang berkesan tiga dimensi seperti pada Gambar Hati montok.

Membuat Kulit Gambar 3 Dimensi

Kulit gambar tiga dimensi adalah gambar yang nantinya akan terlihat.

Lebar dari kulit gambar adalah selebar dari jarak pixel terjauh dari model gambar. Sedangkan tinggi kulit sebaiknya adalah setinggi model gambar atau jika kurang dari itu, maka kita bisa mengulangi lagi dari pixel teras dari kulit gambar.

Hal yang paling penting untuk diperhatikan dalam merancang kulit gambar adalah agar pixel pada bagian paling kanan haruslah nyambung dengan pixel paling kiri. Hal ini dimaksudkan agar saat kulit ini di-tile ke kanan pada saat pembentukan gambar 3 dimensi, maka gambar dari kulit akan terasa nyambung dan tidak terlihat batasnya. Dan jika kita membuat kulit yang tingginya lebih kecil dari tinggi model gambar, maka pixel bagian bawah dari kulit juga harus nyambung dengan pixel bagian atas.

Contoh dari kulit gambar adalah sebagai berikut:

Kulit Gambar 3 Dimensi

Mengubah Model Gambar Menjadi Gambar 3 Dimensi

Setelah kita menyiapkan baik model gambar maupun kulit gambar, maka kita bisa membuat gambar 3 dimensi dengan cara sebagai berikut:

1. Tempatkan kulit gambar pada gambar hasil di bagian paling kiri dari gambar.
2. Baca setiap pixel dari kiri ke kanan.
3. Pada setiap pembacaannya, kita harus mengisi pixel dari gambar hasil dari posisi x yang sama dengan pixel dari gambar hasil diri posisi x dikurangi dengan informasi jarak yang tersimpan pada model gambar untuk posisi x tersebut. Jika posisi x hasilnya ternyata lebih kecil dari nol, maka kita tidak perlu melakukan perubahan lagi karena pixel saat itu pasti telah diisi dari kulit gambar.
4. Langkah di atas dilakukan dari pixel paling atas hingga pixel paling bawah.

Dari langkah-langkah di atas, kita bisa mendapatkan gambar 3 dimensinya seperti berikut:

Di Wajahku Ada Cinta

Jadi, adakah yang jatuh cinta setelah melihat wajahku?

SulhanSetiawan.com ditulis dalam dua bahasa, Indonesia (default) dan Inggris (kode en). Multilingual dibuat dengan qTranslate dengan mode pre-path. Sitemapnya bisa dilihat di sini, screenshotnya seperti di bawah ini.

Sitemap SulhanSetiawan.com

Lihat bahwa ada sisipan /en/ pada URL untuk isi blog yang berbahasa Inggris. Sitemap seperti yang dicontohkan belum didukung oleh Sitemap Generator v3.1.2. Oleh karenanya, dalam file sitemap-core.php pada class GoogleSitemapGenerator, ganti function AddUrl menjadi sebagai berikut:

function AddUrl($loc, $lastMod=0, $changeFreq="monthly", $priority=0.5) {
    $page = new GoogleSitemapGeneratorPage($loc,
      $priority, $changeFreq, $lastMod);
    global $q_config;
    foreach ($q_config['enabled_languages'] as $language) {
      $urleach=qtrans_convertURL($loc, $language,true);
      $page->SetUrl($urleach);
      $this->AddElement($page);
    }
}

Lihat saja hasilnya. Masuklah ke wp-admin, lanjut ke bagian plugin Sitemap Generator, lakukan rebuild sitemap. Sitemap baru Anda biasanya ada di http://BlogAnda/sitemap.xml.

Anda pastinya sudah tahu teknik menangkap gambar pada layar dengan tombol print screen. Anda tekan tombol itu, paste ke software pengolah gambar (Photoshop misalnya), memotong dan memanipulasi sedikit, save, baru memasangnya pada dokumen. Wah repot banget, apalagi bagi Anda yang sedang membuat tutorial komputer. Sudah begitu, cursor tidak ikut tertangkap, padahal Anda membutuhkannya untuk menunjukkan sesuatu pada tutorial Anda. Ngaku aja deh!

Pasang Capture Image pada system tray.

Segera lepaskan diri Anda dari kerepotan print screen konvensional dengan men-download Capture Image! Ekstrak CaptureImage.zip dalam satu folder, Anda akan menemukan dua file, yaitu executable file Capture Image itu sendiri dan SnapHook.dll. Eksekusi CaptureImage.exe, Anda akan melihatnya terpasang pada system tray. Adapun SnapHook.dll akan mengintegrasikan fungsi Capture Image dengan tombol-tombol tertentu pada keyboard.

Jika Anda klik kanan pada icon Capture Image, Anda akan disuguhi empat fungsi, yaitu Capture Screen, Capture Active Window, Capture Screen with Cursor, dan Copy from Clipboard. Jika “Hook to Print Screen” enable (default), maka keempat fungsi tadi bisa Anda akses langsung dari tombol-tombol yang telah ditentukan.

Tempatkan cursor, tekan print screen, buat marquee, selesai!

Ya, begitu saja cara pakai Capture Image. Lihat gambar.

Cara pakai Capture Image.

1. Tempatkan cursor di posisi yang Anda inginkan lalu tekan print screen.
2. Tombol yang sudah di-hook itu akan mengaktifkan fungsi capture screen with cursor. Segera muncul di hadapan Anda marquee grid berupa garis vertikal-horisontal yang berpotongan. Anda yang sering berkutat dengan aplikasi pengolah gambar seperti Photoshop atau CorelDRAW pasti akrab betul dengan marquee grid seperti ini.
3. Buat marquee yang melingkupi potongan layar yang Anda inginkan dengan meng-klik kiri. Selama Anda meng-klik kiri, akan tampil info ukuran marquee yang sedang Anda buat. Lihat gambar.
4. Setelah yakin dengan marquee Anda, lepaskan klik kiri. Marquee akan berkedip-kedip, dan itulah potongan layar yang Anda inginkan.
5. Klik kanan di sembarang tempat, Anda akan disuguhi beberapa pilihan. Apakah Anda akan copy, save, zoom, atau bahkan mewarnai (fill) potongan layar tadi. Lihat gambar.

Menu Capture Image.

Selesai! Beginilah jadinya.

Contoh hasil akhir Capture Image.

Jika Anda tidak butuh mengikutkan cursor, cukup klik kiri saja lalu mainkan marquee grid Anda!

Inilah hebatnya Capture Image. Ia bisa menangkap cursor, memotong gambar, zoom atau warna, langsung di Tempat Kejadian Perkara (baca: layar) tanpa melibatkan aplikasi pengolah gambar apapun! Praktis banget kan?

Capture Image 34,5KB

Pakai trik apa?

Harus diakui bahwa merancang sistem bermikrokontroler memang membutuhkan dasar ilmu yang cukup kompleks. Banyak orang jadi menyerah sebelum mencoba. Mereka dibingungkan oleh lingkaran setan, dari mana harus memulai?

Yang penting, Anda harus banyak berlatih, baik teori maupun praktik. Oleh karena itu, sebaiknya terlebih dahulu Anda mempersiapkan alat dan bahan, yaitu sistem minimal mikrokontroler (terdiri dari sebuah chip mikrokontroler, resistor, kapasitor, dan kristal), downloader, dan Integrated System Environment (IDE).

Komponen-komponen bisa Anda beli di toko elektronika. Downloader bisa Anda buat sendiri atau beli. IDE bisa Anda dapatkan di sini. Jangan lupa, sandinglah buku Mudah dan Menyenangkan Belajar Mikrokontroler

Memang, untuk menjadi ahli, butuh waktu lumayan lama. Tapi, kalau hanya untuk sekadar bisa menggunakan mikrokontroler, satu atau dua hari saja sudah cukup! Mulailah dari yang paling sederhana, terus sedikit demi sedikit meningkat sampai yang rumit. Nanti, Jika Anda merasa mentok menghadapi masalah yang rumit, buatlah masalah menjadi sederhana. Jika Anda menghadapi masalah yang besar, buatlah masalah menjadi kecil. Jika Anda menemui bab yang sulit, jangan paksakan diri. Percayalah, suatu saat Anda pasti dapat memahaminya.

Pakai mikrokontroler apa?

Sekali Anda menguasai salah satu jenis mikrokontroler, akan mudah bagi Anda untuk berpindah ke mikrokontroler jenis lainnya. Jadi, tidak penting pakai mikrokontroler apa, tapi teknik pemrogramannya.

AT89C51 atau AT89C2051 dari keluarga MCS-51 bisa dijadikan pilihan yang bagus. Mikrokontroler ini mudah-murah-meriah. Anda tidak akan terlalu bersedih jika Anda membuatnya hancur. Sebaliknya, Anda akan sangat gembira jika ternyata bisa menguasai ilmu mikrokontroler dengan biaya yang rendah.

Pakai bahasa pemrograman apa?

Ada banyak pilihan bahasa pemrograman. Ada yang menyarankan untuk menguasai bahasa pemrograman tingkat tinggi terlebih dahulu, seperti Basic, Pascal, C, dan lain-lain. Namun demikian, bahasa pemrograman terbaik yang benar-benar akan membuat Anda mengerti akan mikrokontroler adalah assembly karena bahasa ini menuntut Anda untuk membuat instruksi secara teliti.

Selamat belajar!

Seorang pembaca buku Mudah dan Menyenangkan Belajar Mikrokontroler bertanya sebagai berikut:

1. Pada listing program jam digital yang sudah ada tombol (hal. 91), tolong jelaskan lebih lanjut tentang penggunaan dan perhitungan Timer 0 Mode 2 sehingga menghasilkan timer 1 detik yang akurat.
2. Tolong jelaskan lebih lanjut tentang cara kerja listing pengambilan data tombol (hal. 119).
3. Bagaimana cara menggunakan deklarasi variabel dalam listing berekstensi *.M51 seperti: ~byte, ~bit,~word, dan ~array?
4. Bagaimana cara menggunakan tool: virtual LCD, tombol, MXLED, dalam simulator?
5. Nah, pertanyaan selanjutnya mungkin tidak berhubungan dengan buku, namun masih seputar mikrokontroler. Bagaimana membuat 1 tombol menjadi 2 fungsi? Misalnya kita pasang tombol di P3.0. Jika ditekan 1x maka akan menjalankan subprogram A dan jika ditekan 2x akan menjalankan subprogram B.
6. Mas, saya mencoba membuat rangkaian PCB jam dan saya memasukan listing program debouncing 2.HEX. Hasilnya memang berjalan dengan sempurna. Tapi saat tombol pengubah menit atau jam ditekan, 7segment tidak langsung berubah angkanya tapi menunggu dulu program menyelesaikan hitungan menit. Bagaimana cara agar langsung berubah?

Dan inilah jawabannya:

1. Timer 1 detik yang akurat.

   Sebenarnya keterangan di buku sudah cukup jelas. Pertama, kristal yang digunakan adalah 11,0592MHz. Dengan demikian kecepatan siklus mesin adalah 921,6KHz (11,0592MHz/12). Kedua, TH0 diisi #0, yang artinya interupsi timer0 akan dipanggil setiap 256 siklus mesin. Ingat bahwa TH=256-interval atau interval=256-TH. Dengan demikian interval pemanggilan adalah 256 siklus mesin.

   Dari kedua data tadi kita bisa menghitung kecepatan pemanggilan terhadap interupsi timer0 adalah 3600Hz (921,6KHz/256). Nah, untuk memperoleh 1 detik, kita harus membagi lagi interval ini dengan 3600. Jadi kita melakukannya dengan dua tingkatan, yaitu dibagi dengan 225 (3600/225=16), kemudian kita bisa langsung membagi hasilnya dengan 16 untuk memperoleh frekuensi 1Hz. Akan tetapi karena kita membutuhkan frekuensi 2Hz untuk mengatur kedipan titik, maka kita tidak membagi dengan 16 tetapi dengan 8.

   Frekuensi 1Hz diperoleh dengan flip-flop yang merupakan pembagi 2. Flip-flop ini diperoleh dengan menggunakan perintah cpl pada sebuah bendera (Bendera1Detik). Semoga cukup jelas.

   Kembali ke atas

2. Teknik mengambil data tombol dengan debouncing.

   Potongan program tersebut akan mengambil data beberapa tombol secara bersamaan dan telah dilakukan debouncing. Jadi kita bisa menggunakan sembarang tombol dan tidak perlu kuatir dengan yang namanya bounce. Cara menggunakannya tinggal dipanggil saja nama prosedurnya, yaitu “AmbilTombol”.

   Setelah pemanggilan terhadap prosedur ini, maka Acc akan berisi data tombol. Sebagai contoh, jika tombol dipasang pada bit0 dan bit1, maka setelah pemanggilan prosedur ini, A akan berisi 0 jika tidak ada tombol yang ditekan, 1 jika tombol pada bit0 saja yang ditekan, 2 jika tombol pada bit1 saja yang ditekan, dan 3 jika kedua tombol ditekan.

   Tentu saja nilai yang dihasilkan tergantung di mana saja tombol dipasang. Kita tinggal melihat pada nilai bitnya. bit0 bernilai 1 dan bit2 bernilai 2. Tentang bagaimana hal itu terjadi, coba perhatikan pada flowchart yang disertakan. Pelajari baik-baik flowchart tersebut. Semoga cukup jelas.

   Kembali ke atas

3. Alokasi memori untuk variabel dengan teknik yang memudahkan jika terjadi perubahan.

   Variabel ~byte, ~bit, ~word, dan ~array adalah cara yang relatif mudah untuk mengatur lokasi memory dibanding dengan mengatur lokasi memori dengan cara seperti:

     Buffer  equ 8  ;misalkan butuh 4 byte
   
     Angka   equ 12
   
     Puluhan equ 13
   
     Satuan  equ 14

   Akan lebih mudah jika kita menggunakan:

     ~Array 4 Buffer
   
     ~byte Angka Puluhan Satuan

   Dengan cara yang kedua, kita akan menempatkan Buffer pada lokasi 8, Angka pada lokasi 12, Puluhan pada lokasi 13, dan Satuan pada lokasi 14. Dan secara otomatis akan ada sebuah konstanta yang menyimpan posisi tertinggi dari lokasi memori yang tidak digunakan. Pada posisi inilah sebaiknya stack disimpan untuk inisiasinya. Konstanta ini diberi nama SaveStack. Dengan demikian, kita bisa menginisiasi stack dengan:

     mov SP,#SaveStack

   dan itu akan sama artinya dengan:

     mov SP,#14

   karena lokasi tertinggi yang digunakan adalah 14.

   Jika kita menggunakan cara yang pertama dan kita hendak mengubah kebutuhan memori untuk Buffer menjadi hanya 2 byte saja, kita akan mengaturnya menjadi:

     Buffer  equ 8
   
     Angka   equ 10
   
     Puluhan equ 11
   
     Satuan  equ 12

   dan pada inisiasi stack menjadi:

     mov SP,#12

   Nah, kita harus mengubah semua angka pada pengaturan lokasi memorinya. Tapi jika kita menggunakan cara yang kedua, maka kita cukup mengganti bilangan 4 menjadi 2 pada deklarasi ~array seperti:

     ~Array 2 Buffer
   
     ~byte Angka Puluhan Satuan

   atau karena Buffer hanya membutuhkan 2 byte, maka kita bisa menggantinya dengan tipe ~word seperti:

     ~word Buffer
   
     ~byte Angka Puluhan Satuan

   Perhatikan bahwa kita hanya mengubah bagian deklarasi Buffer dan tidak ada bagian lain yang kita ubah.

   Sedangkan variabel ~bit merupakan variabel berukuran 1 bit yang ditempatkan pada lokasi 20H.0 hingga 3FH.7.

   Penempatan semua variabel tersebut selalu akan mencari lokasi terbawah yang masih kosong dimulai dari alamat 8 (default) atau bisa dipindah ke posisi tertentu menggunakan ~basequ.

   Dan sebenarnya tentang ini juga sudah ada di lampiran pada buku. Semoga cukup jelas.

   Kembali ke atas

4. “Virtual LCD” (Simulasi LCD), “MXLED” (Simulasi Matriks LED), dan “Tombol” (Simulasi tombol dengan keyboard).

   • “Virtual LCD” bisa digunakan untuk percobaan yang membutuhkan tampilan karakter yang cukup banyak. Simulasi ini bisa dihubungkan dengan rangkaian nyata menggunakan koneksi serial. Lihat Bab 19 buku “Mudah dan Menyenangkan Belajar Mikrokontroler”. Akan tetapi simulasi ini juga bisa digunakan dari simulator dengan “Link Message”. Untuk melakukan hal tersebut, pilih Com yang digunakan berupa “Message”. Jika Data penekanan tombol keyboard hendak dikirim ke simulator melalui komunikasi serial (diterima di SBUF), maka “Message yang dikirim” harus diisi dengan 1035. Sedangkan jika data diinginkan untuk diterima oleh port, maka “Message yang dikirim” adalah 1034 dan “lParam yang dikirim” diisi dengan nomor port, yaitu 0, 1, 2, atau 3. Disamping itu “Handle” harus mengarah ke simulator yang aktif. Kita bisa menggunakan tombol “Capture Handle” kemudian klik pada jendela simulator yang dituju. Selain melakukan pengaturan pada “Virtual LCD”, port simulator juga harus disesuaikan. Jika simulator ingin mengirimkan data ke “Virtual LCD” melalui simulasi serial, maka Com harus menggunakan “Message” dan mengatur “Handle” agar mengarah ke “Virtual LCD” yang dituju dengan “Message yang dikirim” berupa WM_USER (1024). Sedangkan jika simulator hendak mengirim datanya melalui port, maka yang diatur adalah port untuk di “Link Message” ke arah “Virtual LCD” tersebut.
   • “MXLED” merupakan simulasi Matriks LED. Simulasi ini juga menerima data melalui “Link Message” dari pengaturan port pada simulator. Karena penjelesalannya agak panjang, maka saya tempatkan pada post tersendiri yaitu di Menampilkan Gambar pada LED Matriks Menggunakan Simulator.
   • Untuk “Tombol”, jika pengaturan port pada simulator menggunakan “Link Message”, maka penekanan keyboard pada “Tombol” akan dikirim ke simulator. “Tombol” sendiri tidak membutuhkan pengaturan, karena secara otomatis dia akan mencari simulator yang sedang aktif.

   Kembali ke atas

5. Satu tombol untuk banyak fungsi.

   Pemrograman tombol yang seperti itu membutuhkan pewaktuan yang cukup teliti. Pertama adalah melakukan pengecekkan apakah tombol ditekan atau tidak. Jika ya, maka dimulailah proses pendeteksian tombol.

   Pendeteksian tombol ini pada dasarnya adalah sama dengan debouncing lainnya, yaitu menunggu sampai tombol dilepas lagi, tapi jika tombol telah dilepas tidak langsung menganggap bahwa tombol telah dilepas. Ada sebuah waktu minimum sehingga tombol yang telah dilepas benar-benar dianggap telah dilepas. Jika waktu tersebut tidak tercapai, maka penekanan tombol berikutnya masih akan dianggap sebagai bagian dari penekanan tombol sebelumnya.

   Sekarang jika tombol telah memenuhi syarat untuk dianggap telah dilepas, artinya waktu tunggu minimum (debouncing timeout) terlampaui. Program tidak langsung melakukan aksi tertentu tetapi hanya menaikkan variabel yang menyatakan jumlah penekanan tombol, kemudian menunggu lagi adanya penekanan tombol berikutnya. Hal ini dilakukan dengan membuat bendera yang menyatakan bahwa program sedang menunggu penekanan tombol lagi. Waktu tunggu ini sekarang kita sebut sebagai “next press timeout”. Jika tombol ditekan lagi sebelum waktu tunggu terlampaui, maka penekanan tersebut hanya akan menaikkan perhitungan jumlah penekanan. Program hanya akan memproses data penekanan tombol hanya jika “next press timeout” terlampaui.

   Anda bisa mendownload program contoh yang merupakan penghitung dua digit 0 – 99. Port0 digunakan untuk mengirimkan data segment, Port1 untuk kendali digit, sedangkan Port3.0 digunakan sebagai tombol. Untuk menaikkan hitungan, kita harus menekan tombol sekali. Sedangkan untuk menurunkan hitungan, kita harus menekan tombol dua kali dengan interval yang cepat. Kita juga bisa langsung mencapai nilai 99 dengan cara menekan tombol empat kali dengan cepat. Sedangkan untuk lansung mengembalikan ke 0, maka kita harus menekan tombol tiga kali dengan cepat.

   Dari contoh ini, kita bisa menggunakan satu tombol untuk banyak aksi. Akan tetapi ingat, jika Anda membuat program dan ada fungsi yang dijalankan dengan cara menekan tombol secara cepat hingga sepuluh kali, bisa dipastikan akan tidak nyaman dalam penggunaannya

   Kembali ke atas

6. Revisi contoh program jam digital dengan tombol yang di debouncing.

   Setelah saya cek kembali, mamang ada yang kurang dan ada beberapa yang salah. Seharusnya pada MainLoop susunannya adalah seperti:

                 mov   R4,#NoMode     ;R4 =status mode
   
      MainLoop0: acall IsiBuffer
   
      MainLoop:  acall AmbilTombol

   Dan setiap selesai melakukan perubahan pada data baik menit ataupun jam, maka melompatnya adalah ke arah MainLoop0 dan bukan ke MainLoop. Selain itu, konstanta untuk penekanan tombol seharusnya adalah:

      S1ditekan   equ   00010000b ;aslinya =00001000b
   
      S2ditekan   equ   00100000b ;aslinya =00010000b
   
      S1S2ditekan equ   00110000b ;aslinya =00011000b

   Dan penyaringan tombol pada “AmbilTombol” seharusnya:

      AmbilTombol_:
   
                  mov   A,P3
   
                  cpl   a            ;pembalikan data
   
                  anl   A,#00110000b ;aslinya =00011000b
   
                  ret

   Kesalahan tersebut mengakibatkan pembacaan tombol menjadi keliru karena posisi tombol berada pada P3.4 dan P3.5 bukan pada P3.3 dan P3.4. Akan tetapi saya telah membuat versi revisinya dengan sedikit tambahan sehingga saat status mode berada pada ModeJam, maka digit jam akan dikedipkan. Demikian juga saat status mode berada pada ModeMenit, maka digit menit juga akan dikedipkan. Dengan demikian pemakai tahu apa yang akan terjadi jika tombol ditekan. Listing program revisi bisa didownload di sini.

   Kembali ke atas

Yang bisa didownload dari post ini:

1. Contoh program satu tombol banyak fungsi
2. Revisi program Debouncing 2

Ada enam buah ukuran yang disediakan oleh MXLED, yaitu 8×16, 8×32, 8×48, 16×16, 16×32, dan 16×48. Untuk setiap ukuran tersebut ada dua pilihan orientasi, yaitu landscape dan portrait.

Sinyal kendali hanya menggunakan bit.0 dan bit.1 saja. bit.0 digunakan untuk mereset counter, sedangkan bit.1 digunakan untuk menaikkan counter.

Sinyal data digunakan untuk menentukan led mana yang menyala dan led mana yang padam. Untuk setiap saatnya, hanya ada delapan buah led yang dikendalikan, yaitu led pada kolom yang sedang aktif. Untuk menentukan kolom mana yang aktif, kita menggunakan counter. Pada saat counter direset, maka kolom 0 aktif. kemudian jika kita memberikan sinyal clock, yaitu sinyal pada bit.1, maka kolom aktif akan berpindah ke kolom 1. Kemudian jika diberikan sinyal clock lagi, maka kolom yang aktif menjadi kolom 2. begitu seterusnya.

Ada dua pilihan sinyal clock, yaitu transisi L ke H atau sebaliknya, yaitu transisi H ke L.

Susunan kolom-kolom LED tergantung dari ukuran maupun orientasi. Untuk orientasi landscape, maka kolom sebelah kiri merupakan kolom bawah dan semakin ke kanan semakin naik. Ini berlaku untuk ukuran 8x. Sedangkan untuk ukuran 16x, maka susunan LED dibagi menjadi dua blok baris. Nomor kolom pertama pada blok baris kedua adalah nomor kolom terakhir blok baris pertama ditambah 1.

Lebih jelasnya adalah sebagai berikut:

16x16

Baris0..7 : 0  1  2  ......15

Baris8..15: 16 17 18 ......31

16x32

Baris0..7 : 0  1  2  ......31

Baris8..15: 32 33 34 ......63

16x48

Baris0..7 : 0  1  2  ......47

Baris8..15: 48 49 50 ......95

Untuk setiap block baris, bit.0 akan mengendalikan LED paling atas, sedangkan bit.7 akan mengendalikan LED paling bawah.

Untuk orientasi portrait, kita membagi LED menjadi kolom atau blok kolom dan baris. Counter akan menentukan baris yang aktif. Baris paling atas adalah baris 0, dan akan aktif jika sinyal reset diaktifkan. Baris aktif akan menaik seiring dengan didapatnya sinyal clock.

Untuk ukuran 8x, kolom 0 adalah kolom paling kiri dan diaktifkan oleh bit.0. Sedangkan kolom 7 adalah kolom paling kanan dan diaktifkan oleh bit.7

Ketentuan untuk ukuran 16x bisa dianalogikan dari posisi pada orientasi landscape.

MXLED disimulasikan untuk bekerja seperti pada sistem matriks yang sesungguhnya. Jika kita mengatur perubahan baris atau kolom aktifnya dengan lambat, maka hanya akan terlihat delapan lampu yang bergerak melompat-lompat. Akan tetapi jika perubahannya cukup cepat, maka perubahan nyala lampu-lampunya akan terlihat mantap tidak berkedip. Jadi simulasi MXLED akan terasa seperti matriks led sungguhan.

Anda bisa melihat contoh penggunaan MXLED ini pada contoh Menampilkan Gambar pada LED Matriks Menggunakan Simulator

]]> http://sulhansetiawan.com/menggunakan-mxledexe-untuk-simulasi-matriks-led/feed 21 http://sulhansetiawan.com/indexmaker-membuat-indexhtml-untuk-koleksi-file-html-downloadan-dari-internet http://sulhansetiawan.com/indexmaker-membuat-indexhtml-untuk-koleksi-file-html-downloadan-dari-internet#comments Mon, 22 Dec 2008 05:29:59 +0000 Sulhan http://sulhansetiawan.com/?p=417 Saya suka mengoleksi file-file html yang berisi berbagai macam informasi yang biasanya saya peroleh dari internet.

Ada beberapa kumpulan file yang saya peroleh dalam bentuk paket, misalnya adalah berbagai file untuk tutorial. Untuk file-file yang seperti ini biasanya saya langsung mendapatkan file index.html yang berfungsi untuk mengakses semua file lainnya dengan mudah.

Kumpulan file html yang lain ada yang saya peroleh dengan mengambil dari situs tertentu menggunakan software semacam teleport, sehingga semua link yang terdapat pada situs tersebut akan secara otomatis diambil dan tentu saja kita juga secara otomatis mendapatkan file indexnya.

Kumpulan file jenis ketiga adalah file-file yang diperoleh dari berbagai macam sumber yang kemudian saya tempatkan pada direktori tertentu yang saya beri nama sesuai dengan kategori dari isi file-file tersebut. Akan tetapi karena file-file tersebut saya peroleh dari mengumpulkan dari berbagai sumber, maka tentu saja pada direktori tersebut tidak memiliki file index.html yang berfungsi untuk mempermudah penjelajahan isinya. Akibatnya, untuk mengakses file-file pada direktori tersebut saya harus bolak-balik dari windows explorer untuk melakukan klik ganda dari sana, kemudian menuju browser seperti internet explorer atau opera (dll).

Cara browsing file seperti di atas bukanlah cara yang menyenagkan. Pertama, kita harus bolak-balik untuk mengaktifkan windows explorer, kemudian kembali pada browser, dan setelah selesai membaca, kita kembali lagi pada windows explorer. Kedua, jumlah window untuk browser yang dibuka jadi terus bertambah, atau jika kita menggunakan browser yang mendukung multiple tab, maka jumlah tab yang dibuka juga semakin bertambah. Hal ini menyebabkan kita harus menambah pekerjaan ekstra yaitu menutup window atau tab tersebut. Ketiga, kita jadi kurang bisa mengikuti file mana saja yang telah kita buka dan file mana yang belum. Keempat, ini adalah akibat sampingan dari menutup window-window yang terbuka yang jumlahnya membuat desktop kita terasa sempit, atau menutup tab-tab pada browser yang jumlahnya sudah terlalu banyak sehingga kita bahkan kesulitan untuk membaca judul tabnya. Nah setelah kita tutup, terkadang kita harus kembali lagi untuk membaca file yang sudah ditutup tersebut. Akibatnya kita harus kembali lagi ke windows explorer untuk kembali klik ganda file yang mau kita buka lagi tersebut. Huh, menyebalkan

Ada solusi lebih baik, yaitu kita membuat sendiri file index.html yang berguna untuk mempermudah browsing. Sayangnya jika koleksi file pada direktori tersebut cukup banyak, maka pekerjaan membuat index.html ini menjadi sangat membosankan. Wah, kita sudah harus merasa bosan sebelum kita sempat browsing. Kalau kategori pada direktori tersebut adalah kategori cerita seru, cerita seram, atau bahkan mungkin cerita saru mungkin upaya membuat index.html yang membosankan tersebut akan segera terobati setelah kita membaca cerita s?r* tersebut. Akan tetapi jika kategori pada direktori tersebut adalah kategori cerita serius (ilmu pengetahuan) yang masih berpola s?r*, tetapi isinya seringkali membuat kepala pusing, maka kita benar-benar mendapatkan siksaan. Bosan, kemudian pusing, Huuuh

Nah daripada saya harus medapatkan siksaan tersebut, maka akhirnya saya membuat program untuk membuat file index.html tersebut secara otomatis. Program tersebut saya beri nama IndexMaker.exe.

Cara menggunakan IndexMaker.exe sangatlah mudah. Kita cukup menempatkan program tersebut di direktori tempat berkumpulnya koleksi file-file txt, html, htm, atau mht. Setelah itu, klik ganda IndexMaker.exe untuk menjalankannya. Nah, IndexMaker.exe akan menambahkan sebuah file index.html yang merupakan file html yang berfungsi untuk mempermudah browsing direktori tersebut, file toc.html yang merupakan daftar isi dari file-file html, htm, dan mht pada direktori tersebut, dan yang terkhir adalah file cover.html yang akan tampil saat pertamakali kita membuka file index.html. Nah file yang terakhir ini sebaiknya dimodifikasi untuk mempercantik tampilan.

Anda juga dapat mendaftarkan IndexMaker ke dalam registry sehingga kita bisa dengan mudah membuat index.html untuk semua folder hanya dengan klik kanan folder yang akan dibuat indexnya, kemudian pilih Make Index.html. Caranya adalah dengan menjalankan IndexMaker dengan menambahkan switch -r. Sedangkan untuk menghapus IndexMaker dari registry, switch yang ditambahkan adalah -u. Atau Anda juga bisa menjalankan file Reg.bat atau Unreg.bat yang disertakan dalam bundel.

Setiap kali IndexMaker dijalankan, pertama kali IndexMaker akan mendeteksi apakah pada direktori tersebut telah terdapat file index.html atau belum. Jika sudah, maka IndexMaker akan menanyakan apakah akan mengganti file tersebut atau tidak. Jika pilihannya adalah Y, maka file index.html akan diganti dengan yang baru dan meminta beberapa parameter yang dibutuhkan. Parameter-parameter ini kemudian disimpan pada file IndexMaker.con yang ditempatkan pada folder tersebut. Dengan adanya file IndexMaker.con, maka setiap kali ada perubahan file pada folder tersebut, kita cukup melakukan klik kanan pada folder tersebut dan pilih menu Make Index.html dan file toc.html akan segera diperbarui tanpa melakukan perubahan pada file index.html dan cover.html. Dengan demikian jika Anda telah melakukan modifikasi pada cover.html untuk mempercantik tampilan, maka file tersebut tidak akan mengalami perubahan. Satu-satunya file yang diupdate hanyalah toc.html.

File IndexMaker.con sendiri merupakan file text yang berisi lima baris yang menentukan parameter-parameter pembuatan index. Baris pertama dari file ini akan menentukan title yang akan ditampilkan pada title bar dari browser. Beris kedua adalah isi yang akan ditampilkan pada cover.html. Baris ketiga menentukan apakah akan dilakukan penyingkatan nama file pada daftar di toc.html atau tidak. Pilihan untuk baris ini adalah Y atau N. Jika baris ini berisi Y, maka nama file yang panjangnya melebihi 23 karakter akan diambil 20 karakter pertamanya saja ditambah tiga titik (…). Baris keempat menentukan file apa saja yang akan didaftarkan ke toc.html. Penulisan ekstensinya dipisahkan dengan titik koma (;) dan tidak boleh ada spasi. Baris yang kelima, menentukan apakah pendaftaran file ke toc.html dilakukan juga sampai sub direktori yang terdapat dalam folder tersebut secara rekursif atau hanya mencatat file-file dalam direktori tersebut saja. Pilihan untuk baris ini juga Y atau N. Baris yang terakhir, yaitu baris keenam, menentukan tipe penamaan alamat pada address bar. Jika kita memberikan nilai Y, maka alamat pada address bar akan bergaya seperti menggunakan cgi, yaitu menggunakan tanda tanya(?). Misalnya adalah: …./index.html?1. Sedangkan jika nilainya adalah N, maka alamat pada address bar akan selalu tetap yaitu index.html.

Perlu diperhatikan, bahwa pilihan menggunakan pengalamatan menggunakan tanda tanya(?) tidak akan selalu berjalan mulus jika browser yang digunakan adalah internet explorer. Hal ini akan lebih terasa jika nama file-file pada direktori tersebut banyak menggunakan karakter-karakter yang aneh atau karakter-karekter yang tidak biasa digunakan untuk nama file seperti tanda plus (+).

Dan terlepas dari apakah kita menggunakan alamat tetap atau alamat dengan tanda tanya, maka jika ada nama file pada direktori tersebut yang diawali dengan tanda (#), maka dipastikan bahwa link yang dibuat di dalam toc.html akan selalu gagal. Hal ini disebabkan oleh aturan bahwa href yang menggunakan tanda (#) akan mengacu pada anchor pada file yang sama. Dengan demikian browser tidak akan berpindah ke file yang lain akan tetapi akan tetap berada pada file yang aktif. Oleh karena itu, sebaiknya Anda tidak pernah menyimpan nama file html dengan awalan (#).

Struktur yang dibentuk oleh IndexMaker.exe adalah membagi halaman menjadi dua bagian menggunakan frame, masing-masing adalah 20% untuk bagian kiri, yang akan diisi dengan toc.html, dan 80% untuk bagian kanan yang pertamakali akan diisi dengan cover.html. Jika kita klik daftar nama file yang terdapat pada frame kiri, maka file tersebut akan menggantikan isi dari cover.html. Nah dengan cara ini proses browsing menjadi jauh lebih nyaman.

Dan sekarang saya tidak harus merasa bosan dahulu sebelum berpusing-pusing membaca halaman-halaman yang berisi petunjuk-petunjuk pemrograman. Setidaknya walaupun harus berpusing-pusing, tapi saya terbebas dari kebosanan

Kemudian saya berpikir bahwa mungkin banyak orang yang mengalami problem serupa dengan saya. Jadi, ketimbang program ini saya nikmati sendiri, alangkah lebih baiknya jika digunakan juga oleh orang lain yang membutuhkannya.

Dan jika Anda juga termasuk orang yang pernah atau bahkan sedang mengalami masalah yang sama dengan saya, maka Anda sangat beruntung karena Anda tidak perlu lagi membuat file index.html tersebut secara manual. Anda cukup mendownload IndexMaker.exe yang ukurannya relatif sangat kecil. Anda tidak perlu memikirkan berapa lama proses download akan selesai karena pasti sangat sebentar.

Ok, selamat bersenag-senang.