Category: Web Development

Categories
Game Dev Web Web Development

Membuat Animasi Sprite Dengan Canvas HTML5

Saat mengerjakan tugas akhir kuliah dulu membuat game Gatotkaca – Otot Kawat Tulang Besi dengan menggunakan Java. Saat itu masih belum ada HTML5, baru beberapa tahun ini perkembangan teknologi web begitu pesat.

Kali ini saya ingin sharing bagaimana cara membuat animasi menggunakan HTML 5 dengan Canvas. Memang ada cara untuk membuat animasi dengan CSS, tetapi kalau kita sudah berbicara membuat game, CSS sudah tidak mampu untuk melakukan hal-hal unik pada game.

Untuk source code nya kamu bisa langsung download di Github.

Continue reading “Membuat Animasi Sprite Dengan Canvas HTML5”
Categories
Web Web Development

Google Chrome Plugin Pengganti User-Agent Browser

Plugin Google Chrome untuk mengganti User-Agent yang paling cocok adalah User-Agent Switcher. Untuk mengcheck user-agent browser kamu sekarang apa bisa langsung kesini.

Sedikit cerita, beberapa tahun lalu, pernah suatu kali website yang saya handle terkena hack. Kejadian hacking baru diketahui saat masuk login ke Google Analytics, dimana disana dikatakan “This site may be hacked”.

Continue reading “Google Chrome Plugin Pengganti User-Agent Browser”
Categories
IT Pilihan Editor Web Web Development

Perjalanan Membuat Grabber Produk Shopee

Disaat masih kuliah saya sudah pernah melakukan dropship dimana istilah dropship masih belum banyak didengar oleh orang dimasa itu. Marketplace saat itu masih belum menjamur seperti sekarang. Dulu jualan paling ramai ya Kaskus FJB. Cuman sekaran sudah sangat sepi karena adanya marketplace bermunculan.

Karena saya memiliki toko iseng yang sudah pernah saya buat beberapa tahun lalu. Saya ingin mencoba menghidupkan lagi toko tersebut dan ingin melihat perkembangan dunia dropshipper sekarang ini bagaimana?

Ternyata sudah tidak seperti dulu lagi. Perlu skill untuk berjualan dengan teknik dropshipper.

Problem saya temukan saat ingin mengambil gambar dari salah satu marketplace. Kebetulan saat itu saya ingin mengambil data dari shopee. Ternyata cukup susah juga untuk menyimpan gambar-gambar produk yang ada dishopee.

Continue reading “Perjalanan Membuat Grabber Produk Shopee”
Categories
IT Web Web Development

Tips Untuk Programmer Pemula Dalam Membuat Fitur ERP

Pernah suatu kali saya take over sebuah project, dimana fitur dalam software tersebut sangat kaku. Jika terjadi perubahan sedikit saja, maka program perlu dilakukan setting ulang. Celakanya hanya developer ybs saja yang bisa melakukannya. ERP seperti ini menurut saya kurang begitu baik. Apalagi jika perubahan ini cukup sering terjadi. Misalnya 3 bulan sekali selalu berulang hal seperti ini. Maka fitur ybs perlu dibuat cukup dinamis sehingga user dapat mengatur sesuai keinginan mereka.

Dinamis yang saya maksud ini harus dalam taraf optimal, tidak terlalu dinamis, juga tidak telralu kaku. Ini dikarenakan membuat fitur super dinamis membutuhkan waktu yang cukup panjang. Dengan panjangnya waktu yang dibutuhkan artinya juga membutuhkan dana lebih. Jika perlubahan user tidak cukup sering, misalnya hanya 3 tahun sampai 5 tahun sekali, dibuat static sudah cukup.

Continue reading “Tips Untuk Programmer Pemula Dalam Membuat Fitur ERP”
Categories
IT Web Web Development

Cara Hacking Dengan Memanfaatkan File Upload Pada Website

Saya akan sharing teknik hacking web sederhana. Sering sekali kurangnya pengamanan pada jenis serangan ini pada sebuah website dari programmer pemula. Kenapa saya tahu? Karena saya sendiri pernah terkena teknik ini waktu dulu membuat website.

Dari Mana Pintu Masuknya?

Pintu masuk serangan ini adalah menggunakan fitur upload pada website. Pernah tidak melakukan upload file tanpa validasi terlebih dahulu? Disinilah letak masalahnya. Kita ambil contoh sebut saja domain.com memiliki fitur upload dimana file yang berhasil diupload akan dapat diakses misalkan domain.com/uploads/filename.ext

Jika tidak ada validasi terlebih dahulu, maka penyerang akan dapat mengupload file script sejenis *.php, *.asp, dan sejenisnya. Dengan begitu dia dapat mengaksesnya dengan mudah lewat domain.com/uploads/hacking.php

Asumsikan nama filenya adalah hacking.php

Continue reading “Cara Hacking Dengan Memanfaatkan File Upload Pada Website”
Categories
IT Web Web Development

Apakah Fingerprint Menggunakan Web?

Saya pernah membuat sebuah ERP dimana, setiap siswa bisa melakukan absen dengan fingerprint. Problem utama Web adalah susahnya koneksi dengan hardware secara langsung.

Lalu bagaimana? Terpaksa harus “diakali” sedikit.

Sekedar informasi device yang digunakan saat itu adalah U Are U 4500.

Fingerprint Digital Persona U Are U 4500

Saya menggunakan bantuan WebSocket untuk melakukannya. Dimana WebSocket ini akan melakukan komunikasi dengan desktop app. WebSocket ini sedikit berbeda dengan komunikasi normal pada umumnya yaitu web melakukan Request terlebih dahulu, lalu server memberikan Respond.

Continue reading “Apakah Fingerprint Menggunakan Web?”
Categories
Web Development

Jangan Selalu Menjawab IYA Dengan Semua Permintaan Customer

Ini sering terjadi, saat membuat sebuah sistem baru dari sistem lama yang sudah lama berjalan. Kadang ada satu atau lain hal yang tidak memungkinkan untuk dilakukan, atau bahkan secara flow sudah salah atau kurang efisien.

Disini peran seorang konsultan IT, dimana mereka harus bisa benar-benar menganalisa alur dari awal hingga akhir. Jika kiranya bisa diefisienkan, maka perlu dirubah flow sistemnya.

Pernah suatu kali saya hanya mengubah format Excel dan menjadikan seragam dari beberapa divisi. Dengan hanya menstandart kan urutan kolom dan nama yang dulu memerlukan 4 jam bisa selesai 1 jam saja.

Continue reading “Jangan Selalu Menjawab IYA Dengan Semua Permintaan Customer”
Categories
Web Development

HTML Apakah Bahasa Pemrograman?

Sering sekali saya mendengar pertanyaan ini entah hanya sekedar bercanda ataupun memang serius bertanya. Sekedar informasi sedikit tentang HTML. HTML singkatan dari HyperText Markup Language yaitu sebuah bahasa atau aturan yang disusun sedemikian rupa sehingga dapat dikenali oleh browser dan ditampilkan sebagai web pages.

HTML sendiri sudah mengalami perkembangan yang sangat pesat sekali. Untuk HTML terbaru ini adalah HTML5, dimana kamu bisa membuat games didalam website. Jika dulu dijaman HTML4, kebanyakan game masih menggunakan plugin Macromedia Flash dan akhirnya dibeli oleh Adobe dan menjadi Adobe Flash.

Kembali ke pokok permasalahan apakah HTML termasuk bahasa pemprograman?

Untuk dapat dikatakan sebuah bahasa pemprograman harus memiliki 3 komponen ini:

  • Sequence
  • Selection / Branching
  • Iteration

Sedangkan HTML hanya memiliki Sequence saja, sehingga tidak bisa dikatakan suatu bahasa pemprograman. HTML termasuk bahasa, tetapi bukan bahasa pemprograman.

Categories
Web Development

Cara Menjadi Web Developer

Pertanyaan ini sering muncul untuk orang yang benar-benar awam sekali. Bingung mau memulai darimana. Keyword apa yang harus dicari di google. Tutorial apa yang harus dilihat. Pokoknya benar-benar tidak tahu arah. Tertarik? Akan saya bedah dipost ini.

Post ini tidak akan mengajarkan secara teknis bagaimananya, karena sudah sangat banyak di Internet. Di google banyak sekali informasi bertebaran hingga bisa membimbing kamu sampai bisa mencair uang dengan menjadi Web Developer.

Continue reading “Cara Menjadi Web Developer”
Categories
Web Development

JavaScript Framework Untuk Pemula

Kata “framework” ini bisa banyak arti kalau di dunia Javascript. Sebelum terlalu dalam saya akan jelaskan apa yang saya maksud dengan “JavaScript Framework” disini. JavaScript Framework yang saya maksud adalah suatu library yang akan membantu kita dalam membuat Single Page Application(SPA) Website. Masih belum paham apa itu SPA? Coba baca dulu disini.

Sebelum lanjut apakah kamu sudah pernah menggunakan jQuery library sebelumnya? Jika belum, alangkah baiknya kamu pelajari dulu. Bisa baca disini.

Ada 3 pemain besar dalam dunia JavaScript Framework ini yaitu VueJS, React, Angular. Penilai saya yang paling kompleks adalah Angular. Saya sendiri pernah menggunakan AngularJS 1.x(versi 1 sebelum “JS” dihilangkan di brandingnya). Saya pernah membuat post tentang Javascript Framework Paling Populer 2021, disana yang menempati posisi pertama adalah VueJS disusul oleh React.

Seperti yang pernah saya jelaskan dipost sebelumnya PHP Framework Untuk Pemula, yang terpenting adalah mendefiniskan goalnya terlebih dahulu. Jika goalnya untuk jangka pendek silakan pilih bebas sesuka hati, tetapi jika untuk jangka panjang dan kestabilan itu sangat penting, maka kamu harus memilih yang paling aktif komunitasnya dan populer. Dengan populer dan aktif, maka jika ada bug, akan lebih cepat diperbaiki.

Pilihan saya jatuh ke VueJS. Point yang saya suka di VueJS adalah antara script dan view dipisahkan sehingga front end developer akan lebih mudah mengotak-atik daripada ReactJS dengan JSX nya.

Jika kamu ingin mencoba-coba hal baru, saya malah lebih menyarankan untuk mencoba Svelte. Framework ini tergolong baru, tetapi peningkatan popularitasnya sangatlah pesat. Jika saya check tutorialnya, memang simple, tetapi untuk lebih dalamnya saya belum explore seperti:

  1. Bagaimana routingnya?
  2. Bagaimana menambahkan plugin-plugin?
  3. Bagaimana jika dipakai hingga level enterprise atau skala besar? Apakah masih tetap “simple” untuk dipakai?

Akhir kata, pilihan ada ditangan anda. Apapun tools yang anda gunakan, goal utamanya adalah supaya lebih produktif dan project dapat selesai sesuai dengan jadwal.