Membuat Aplikasi Kirim Pesan ke WhatsApp dengan Pengaturan Nomor Tujuan

 

Praktikum Mobile Programming

Membuat Aplikasi Kirim Pesan ke WhatsApp dengan Pengaturan Nomor Tujuan

Dalam pembelajaran Mobile Programming, peserta didik tidak hanya belajar teori, tetapi juga langsung praktik membuat aplikasi yang bermanfaat dalam kehidupan sehari-hari. Pada praktikum kali ini, siswa akan membuat aplikasi sederhana yang:

✅ Menerima input dari user
✅ Mengirimkan pesan ke WhatsApp
✅ Memiliki tombol untuk mengatur nomor tujuan WhatsApp

Aplikasi ini sangat relevan untuk kebutuhan seperti pemesanan kantin online, absensi, laporan, maupun sistem notifikasi sederhana.

---

🎯 Tujuan Pembelajaran

Setelah mengikuti praktikum ini, peserta didik mampu:

1. Membuat form input pada aplikasi Flutter
2. Menggunakan TextEditingController
3. Menggunakan package url_launcher
4. Mengirim pesan otomatis ke WhatsApp
5. Membuat fitur pengaturan nomor tujuan

---

🛠 Tools yang Digunakan

• Flutter SDK
• Android Studio / VS Code
• Emulator / HP Android
• Package: url_launcher

---

📌 Langkah 1: Tambahkan Dependency

Buka file pubspec.yaml, tambahkan:

dependencies:
  flutter:
    sdk: flutter
  url_launcher: ^6.2.5

Lalu jalankan:

flutter pub get

---

📌 Langkah 2: Kode Lengkap main.dart

import 'package:flutter/material.dart';
import 'package:url_launcher/url_launcher.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: KirimWaPage(),
    );
  }
}

class KirimWaPage extends StatefulWidget {
  @override
  _KirimWaPageState createState() => _KirimWaPageState();
}

class _KirimWaPageState extends State<KirimWaPage> {
  TextEditingController pesanController = TextEditingController();
  TextEditingController nomorController =
      TextEditingController(text: "6281234567890");

  void kirimWhatsApp() async {
    String nomor = nomorController.text;
    String pesan = pesanController.text;

    final url =
        Uri.parse("https://wa.me/$nomor?text=${Uri.encodeComponent(pesan)}");

    if (await canLaunchUrl(url)) {
      await launchUrl(url, mode: LaunchMode.externalApplication);
    } else {
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(content: Text("Tidak dapat membuka WhatsApp")),
      );
    }
  }

  void aturNomor() {
    showDialog(
      context: context,
      builder: (context) {
        return AlertDialog(
          title: Text("Atur Nomor WhatsApp"),
          content: TextField(
            controller: nomorController,
            keyboardType: TextInputType.phone,
            decoration: InputDecoration(
              labelText: "Masukkan Nomor (Format 628xxxx)",
            ),
          ),
          actions: [
            TextButton(
              onPressed: () => Navigator.pop(context),
              child: Text("Simpan"),
            ),
          ],
        );
      },
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Aplikasi Kirim WA"),
        actions: [
          IconButton(
            icon: Icon(Icons.settings),
            onPressed: aturNomor,
          )
        ],
      ),
      body: Padding(
        padding: EdgeInsets.all(20),
        child: Column(
          children: [
            TextField(
              controller: pesanController,
              decoration: InputDecoration(
                labelText: "Tulis Pesan",
                border: OutlineInputBorder(),
              ),
              maxLines: 3,
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: kirimWhatsApp,
              child: Text("Kirim ke WhatsApp"),
            ),
          ],
        ),
      ),
    );
  }
}

---

📱 Cara Kerja Aplikasi

1. User mengetik pesan
2. Klik tombol “Kirim ke WhatsApp”
3. Aplikasi membuka WhatsApp
4. Pesan otomatis terisi
5. Nomor tujuan bisa diatur melalui ikon pengaturan

---

💡 Pengembangan Lebih Lanjut

Peserta didik bisa mengembangkan aplikasi ini menjadi:

• Sistem pemesanan kantin online
• Aplikasi laporan PKL
• Sistem absensi berbasis WhatsApp
• Notifikasi otomatis ke wali siswa

---

📖 Refleksi Pembelajaran

Melalui praktikum ini, siswa belajar bahwa:

• Aplikasi sederhana pun bisa sangat bermanfaat
• Integrasi aplikasi dengan platform populer (WhatsApp) sangat dibutuhkan di dunia kerja
• Mobile programming dapat diterapkan langsung pada kebutuhan sekolah maupun UMKM

---

Saran pengembangan lebih kompleks bisa tambahkan:

• ✅ Versi dengan penyimpanan nomor menggunakan SharedPreferences
• ✅ Versi dengan tampilan UI kekinian
• ✅ Modul praktikum lengkap + Lembar Kerja Peserta Didik
• ✅ Versi aplikasi pemesanan lengkap (nama, pesanan, alamat, dll)

Tinggal pilih mau dikembangkan ke arah mana 😊

Read More