Kumpulan Infografis Terkait Design UI UX Website

 Untuk belajar membuat website, perlu juga kamu tahu dulu konsep tentang UI/UX.

UI = User Interface

UX = User Xperience

Tahap ketika membuat website adalah: 

1. Mengumpulkan ide sesuai tujuan membuat website.
2. Membuat sketsa kasar bisa menggunakan pensil dan kertas biasa saja, seperti membuat catatan rencana. 
3. Membuat wireframing
4. Membuat prototyping
5. Jika desain prototype sudah disetujui, baru dilanjutkan coding
6. Masuk ke tahap developing (ngoding)
7. Jika sudah beres semua codingnya sesuai rencana desain dan prototype, juga berjalan sesuai alur kerjanya. Maka website bisa dipublikasikan secara online. Masuk ke tahap publish atau deploy. 

Contoh wireframe

gambar: dari berbagai sumber

Game Snake dengan Coding HTML

Game bisa dibuat dengan HTML dan Javascript. Contohnya berikut ini,

Gerakkan Snake dengan anak panah.

Game ini berasal dari tutorial yang dibuat oleh Malas Ngoding, di sini 

Potongan codingnya seperti ini:

Untuk bisa membuat game snake dan paham konsep codingnya, harus bertahap. 

Belajar dulu tentang:

1. HTML
2. CSS
3. Javascript

Tutorial IF ELSE di Scratch Programming

Kondisi If Pengambilan keputusan (kondisi if) digunakan untuk mengantisipasi kondisi yang terjadi saat jalanya program dan menentukan tindakan apa yang akan diambil sesuai dengan kondisi. Kondisi If Else Pengambilan keputusan (kondisi if else) tidak hanya digunakan untuk menentukan tindakan apa yang akan diambil sesuai dengan kondisi, tetapi juga digunakan untuk menentukan tindakan apa yang akan diambil/dijalankan jika kondisi tidak sesuai. contoh: 1. Tutorial IF ELSE: https://scratch.mit.edu/projects/4121565792. Tutorial Tanya Jawab: https://scratch.mit.edu/projects/411939241 3. Katak Berubah Ukuran: https://scratch.mit.edu/projects/385789169/ 4. Math Wizard Game: https://scratch.mit.edu/projects/411907849/

Kamu bisa lihat coding-nya di sini, dan bisa dipraktekkan di rumah lalu modifikasi lagi.

Video tutorialnya sebagai berikut: