Membuat Aplikasi Berbasis Android (apk) dengan appinventor

Membuat aplikasi Tic Tac Toe menggunakan MIT App Inventor cukup mudah karena platform ini dirancang untuk pemula dan menggunakan antarmuka drag-and-drop. Berikut adalah langkah-langkah membuat APK Tic Tac Toe:

🎮 1. Persiapan Awal

1. Buka MIT App Inventor.
2. Login menggunakan akun Google.
3. Klik “Create New Project”, beri nama misalnya: TicTacToe.

🎨 2. Desain Tampilan (Designer)

Tambahkan komponen-komponen berikut:

A. Grid Tic Tac Toe (3×3)

• Tambahkan 3 buah HorizontalArrangement.
• Di dalam masing-masing HorizontalArrangement, tambahkan 3 buah Button.
  • Total = 9 Button (misalnya beri nama: Button1, Button2, …, Button9)
  • Setel properti setiap tombol:
    • Width: “Fill parent”
    • Height: misalnya 100px
    • FontSize: 24
    • Text: kosong
    • TextAlignment: center

B. Komponen Lain

• Label (LabelStatus) untuk menampilkan giliran pemain atau hasil.
• Tombol ResetButton untuk memulai ulang permainan.

⚙️ 3. Logika Pemrograman (Blocks)

Klik tab Blocks dan buat logika berikut:

A. Variabel

• currentPlayer → menyimpan giliran (“X” atau “O”).
• board → list untuk menyimpan status tiap sel (isi awal: “”, “”, …, 9 kali).
• gameOver → status permainan selesai atau belum.

B. Fungsi

1. Inisialisasi Game

blocksSalinEditinitialize global currentPlayer to "X"
initialize global board to make a list of 9 empty strings
initialize global gameOver to false

2. Ketika tombol diklik (misalnya untuk Button1)

blocksSalinEditwhen Button1.Click
if (select list item list board index 1) = "" and gameOver = false
    set Button1.Text to currentPlayer
    replace list item list board index 1 with currentPlayer
    call CheckWinner
    if gameOver = false
        set currentPlayer to (if currentPlayer = "X" then "O" else "X")
        set LabelStatus.Text to "Giliran: " + currentPlayer

Ulangi blok serupa untuk Button2 sampai Button9, ubah indeksnya saja.

3. Cek Pemenang Buat prosedur CheckWinner:

blocksSalinEditdefine CheckWinner
// daftar kombinasi menang: 1,2,3 | 4,5,6 | 7,8,9 | 1,4,7 | 2,5,8 | 3,6,9 | 1,5,9 | 3,5,7
for each combination in list of winning combos:
    if board[combination[1]] = board[combination[2]] = board[combination[3]] ≠ ""
        set LabelStatus.Text to currentPlayer + " MENANG!"
        set gameOver to true
        return
if not (" " in board) // papan penuh
    set LabelStatus.Text to "Seri!"
    set gameOver to true

4. Reset Permainan

blocksSalinEditwhen ResetButton.Click
for i from 1 to 9
    set Button[i].Text to ""
    replace list item list board index i with ""
set gameOver to false
set currentPlayer to "X"
set LabelStatus.Text to "Giliran: X"

📦 4. Ekspor APK

• Klik tombol “Build” → pilih “App (APK)”.
• Tunggu proses selesai, kemudian unduh dan install di HP Android kamu.