Slider adalah kumpulan elemen seperti gambar atau selain gambar yang terkadang tampil secara bergantian dan bergeser dari kanan ke kiri atau sebaliknya. Terkadang kita membutuhkan slider untuk membuat tampilan website yang lebih cantik dan menarik. Salah satu library JavaScript yang handal untuk membuat slider dengan mudah adalah SlickJS. Tapi syaratnya, kamu perlu menggunakan jQuery, baru…
Kategori: HTML5, CSS & JavaScript
Al-Quran Online Open Source berbasis PHP & MySQL : Quran Karim
Quran Karim adalah Al-Quran online open source berbasis PHP dan MySQL. Kamu bisa mencoba menggunakan Quran online ini di sini: https://ciihuy.com/qurankarim/ Kamu bisa mengganti bahasa User Interface program Quran online ini, dari bahasa Indonesia menjadi beberapa bahasa lainnya termasik Inggris, Jepang, dll. Dengan mengganti bahasa tampilan/UI, secara otomatis terjemahan Quran yang muncul saat Quran dibuka…
Insveculator – Permainan Open Source sejenis trading saham bohongan
Dalam salah satu eksperimen saya dengan HTML5 Canvas, saya membuat satu permainan semacam simulasi trading saham yang saya sebut Insveculator. Di permainan ini, kita bisa melihat beberapa saham perusahaan yang harganya secara acak naik turun. Perubahan harga itu pun tercatat dalam sebuah grafik chart berbasis HTML5 Canvas. Misi kita dalam permainan ini adalah berspekulasi dalam…
Game open source We Defenders – Tembak menembak pesawat alien berbasis HTML5
Permainan We Defenders ini adalah permainan web yang bisa dijalankan di web browser seperti Chrome dan semisalnya. Di permainan ini, kamu adalah sebuah pesawat pelindung bumi. Tugas kamu melindungi bumi dari serangan pesawat-pesawat alien. Kamu bisa menembak pesawat-pesawat alien dan mengumpulkan score. Mulanya mudah, tapi lama-lama jumlah pesawat alien yang berdatangan semakin banyak. Tonton video…
Program Open Source permainan Angka dan Warna : My Flipphone – Berbasis HTML5
Permainan sederhana ini dapat dijalankan pada web browser yang mensupport HTML5. Di permainan ini akan muncul gambar hape flip yang bisa dipencet-pencet tombol angka-angkanya. Saat angka dipencet, akan muncul suara angkanya. Program contoh ini bisa kamu utak atik source nya dan kamu bisa ganti dengan suara lain yang kamu inginkan.
Contoh sebuah form daftar pertanyaan berbasis PHP dengan database MySQL
Postingan ini berbicara tentang sebuah contoh form daftar pertanyaan online berbasis PHP dengan database MySQL yang menanyakan pengunjungnya apakah ia pernah pergi ke luar negeri dalam beberapa minggu terakhir atau tidak. Jika pengguna memilih “ya” maka ia akan ditanya ke negara mana saja ia pernah pergi. Formulir ini digunakan untuk mendata apakah orang yang mengisi…
Delicifood : Sebuah sistem ecommerce dan listing online berbasis PHP – Gratis!
Kamu pasti tahu apa itu situs-situs direktori dan listing, salah satu contohnya adalah OLX. Tulisan ini mengenalkan apa itu Delicifood. Delicifood adalah sebuah sistem ecommerce dan listing online berbasis PHP yang bisa kamu unduh gratis, kamu modifikasi dan kamu gunakan sesuka hati. Saat ini yang sudah dipublikasikan adalan versi pertama dari Delicifood, masih simple. Dalam…
Membuat game sederhana Tap Muka Kucing untuk Membuatnya Bahagia dengan menggunakan PhaserJS
Phaser adalah sebuah library JavaScript yang sangat ampuh dan keren untuk membuat game berbasis web. Postingan ini berbicara tentang sebuah contoh game sederhana yang dibuat dengan menggunakan PhaserJS tersebut. Game ini cukup sederhana, kamu bisa melihat wajah seekor kucing. Wajah kucing ini berganti-ganti seiring dengan berjalannya waktu. Ada indikator kesenangan kucing di bawah wajah kucing…
Cara membuat sistem ganti bahasa sebuah halaman web
Terkadang kita perlu membuat sebuah website dengan dua versi bahasa, misalnya bahasa Indonesia dan bahasa Inggris. Di video yang akan saya tunjukkan di bawah ini saya menunjukkan cara membuat sistem sederhana tersebut. Jadi nantinya ada link di website kamu untuk mengganti bahasa web dari satu bahasa ke bahasa lainnya. Tentunya tiap kata yang ada di…
Cara membuat program titik pijat refleksi dengan HTML dan JavaScript
Saya pernah membuat sebuah program berbasis Web yaitu menggunakan bahasa pemrograman JavaScript, HTML dan CSS untuk menampilkan titik-titik pijat refleksi pada tangan dan kaki. Program ini tersedia dalam dua versi bahasa, Inggris dan Indonesia. Kamu bisa mengunduh source code program ini dan mengubah atau menambahkan titik-titik refleksi lainnya yang lebih lengkap dan kamu gunakan untuk…
Cara membuat ebook dengan halaman yang bisa dibalik (flip book) dengan TurnJS
Di tulisan ini saya akan mendemonstrasikan sebuah ebook sederhana yang dibuat dengan JavaScript dan library TurnJS. Library TurnJS inilah yang membuat ebook kali ini lebih menarik, karena halamannya bisa dibolak-balik seperti kertas sungguhan (realistis). Kamu bisa klik ujung halaman, lalu tarik untuk membuka halamn sebelum atau sesudahnya. Coba lihat video ini:
Membuat kuis Teka Teki Silang dengan JavaScript
Tentunya kamu pernah mengisi Teka Teki Silang. Ya kan? Tapi kalau dulu kita sering mengisi TTS di atas kertas koran, sekarang kita bisa memainkan kuis TTS di hape atau komputer. Tulisan ini mungkin berguna buat kamu yang ingin menciptakan kuis TTS mu sendiri dengan pemrograman JavaScript. Tonton video demonstrasinya di sini:
Cara membuat toko online dengan sistem order via WhatsApp
Terkadang membuat toko online perlu coding yang betul-betul serius dan menyeramkan, itu kalau mau membuat toko online besar. Tapi bagaimana kalau kita ingin membuat toko online kecil-kecilan yang sederhana? Nah di sini akan saya bawakan contoh sebuah toko online sederhana yang terintegrasi dengan tombol chat WhatsApp (order melalui WhatsApp). Anggap saja kita mau berjualan kue….