KELAS 11 SEMESTER 2 PERTEMUAN 2

-

 

Pengembangan Aplikasi Mobile dengan App Inventor

Pendahuluan

App Inventor adalah platform pengembangan aplikasi berbasis visual yang dikembangkan oleh MIT (Massachusetts Institute of Technology). Platform ini memungkinkan pengguna untuk membuat aplikasi Android tanpa perlu menulis kode secara manual. Dengan antarmuka drag-and-drop, pengguna dapat merancang tampilan aplikasi dan menentukan logika program menggunakan blok-blok pemrograman.


Konsep Dasar Pengembangan Aplikasi Mobile

Aplikasi mobile adalah perangkat lunak yang dirancang untuk berjalan di perangkat bergerak seperti smartphone atau tablet. Dalam pengembangannya, aplikasi mobile dibagi menjadi beberapa jenis:

  • Native App: Dibuat khusus untuk sistem operasi tertentu (misalnya Android atau iOS).
  • Web App: Aplikasi berbasis web yang diakses melalui browser.
  • Hybrid App: Kombinasi antara native dan web app.

App Inventor termasuk dalam kategori pengembangan native app untuk Android.

Pengenalan App Inventor

App Inventor terdiri dari dua bagian utama:

  1. Designer: Area untuk merancang tampilan antarmuka pengguna (User Interface).
  2. Blocks Editor: Area untuk menentukan logika dan perilaku aplikasi menggunakan blok-blok pemrograman.
Komponen Utama
  • User Interface: Tombol, label, textbox, gambar, dan layout.
  • Media: Kamera, suara, dan video.
  • Sensors: Accelerometer, lokasi GPS, dan orientasi.
  • Connectivity: Bluetooth, Web, dan Wi-Fi.
  • Storage: TinyDB, File, dan CloudDB.

Langkah-Langkah Pengembangan Aplikasi

  1. Perencanaan Aplikasi
    Menentukan tujuan, fungsi, dan tampilan aplikasi yang akan dibuat.
  2. Desain Antarmuka (UI Design)
    Menggunakan tab Designer untuk menambahkan komponen visual seperti tombol, label, dan gambar.
  3. Pemrograman Logika (Blocks Editor)
    Menyusun blok-blok logika untuk mengatur perilaku aplikasi, seperti respon terhadap klik tombol atau input pengguna.
  4. Pengujian Aplikasi
    Menggunakan fitur “AI Companion” untuk menguji aplikasi langsung di perangkat Android.
  5. Penerbitan Aplikasi
    Mengekspor aplikasi dalam format .apk untuk diinstal di perangkat Android atau diunggah ke Google Play Store.

Contoh Proyek Sederhana: Aplikasi Kalkulator

Desain Antarmuka
  • Tambahkan empat tombol: Tambah, Kurang, Kali, Bagi.
  • Tambahkan dua textbox untuk input angka.
  • Tambahkan satu label untuk menampilkan hasil.
Logika Program
  • Gunakan blok when Button.Click untuk setiap tombol.
  • Ambil nilai dari textbox, ubah menjadi angka, lakukan operasi matematika, dan tampilkan hasil di label.

Tips Pengembangan

  • Gunakan nama komponen yang jelas dan deskriptif.
  • Simpan proyek secara berkala untuk menghindari kehilangan data.
  • Uji aplikasi di berbagai perangkat untuk memastikan kompatibilitas.
  • Gunakan blok logika seperti if-then untuk menangani kondisi tertentu.

LATIHAN 

Isian Singkat

  1. Sebutkan dua komponen utama dalam App Inventor!
  2. Apa fungsi dari komponen Button dalam aplikasi?
  3. Sebutkan langkah-langkah untuk menguji aplikasi menggunakan MIT AI2 Companion!
  4. Apa perbedaan antara TinyDB dan FirebaseDB dalam App Inventor?
  5. Jelaskan fungsi dari Blocks Editor!


Komentar

Posting Komentar

Postingan populer dari blog ini

KELAS X PERTEMUAN 2

-
Halo semuanya semoga kabar baik selalu bersama kita semua, untuk pertemuan kali ini kita akan membahas berpikir komputasional. Adapun hal yang akan kita bahas adalah tentang Algoritma baik teknis penulisan maupun jenis dari algoritma tersebut. dan langsung saja kita pada pembahasaanya silihkan klik link dibawah:   https://docs.google.com/presentation/d/1ipMImXffhHfr9qHQa7vZousZkZQ-pjYr/edit?usp=drive_link&ouid=115861785164618019552&rtpof=true&sd=true   Dari materi diatas silahkan rangkum dan jangan lupa untuk mengerjakan tugasnya untuk di akhir halaman, setelah selesai silahkan kalian kirim tugasnya di google drive dibaah ini: https://drive.google.com/drive/folders/1wxT1bS2OVAQO_SaHtTN7UEyJMqNPvhhc?usp=drive_link
Baca selengkapnya

KELAS XI PERTEMUAN 5

-
TULISLAH MATERI BERIKUT DIBUKU KALIAN MASING-MASING. JIKA SUDAH SILAHKAN KETIK ULANG KODE-KODE YANG DIBLOK WARNA HITAM KE APLIKASI NOTEPAD SETELAH SELESAI SILAHKAN SIMPAN DENGAN NAMA KALIAN MASING-MASING.  JANGAN LUPA UNTUK NOTEPAD NYA KALIAN UPLOAD KE DRIVE BERIKUT https://drive.google.com/drive/folders/172S4dTrFVUDSQ4wjOCcQ3WM98B6Bewna?usp=drive_link Ketika membuka situs web, telah menjadi hal yang umum melihat teks yang bergerak dari satu sisi ke sisi lain. Efek semacam ini dikenal sebagai teks berjalan (marquee) dan dapat menghidupkan halaman dengan menambahkan sedikit dinamisme. Pada artikel ini, kamu akan belajar cara membuat teks berjalan di HTML dengan langkah-langkah yang mudah diikuti. Mengenal Marquee Sebelum kita mulai, penting untuk mengerti apa itu marquee . Marquee adalah tag yang dipakai dalam bahasa pemrograman HTML untuk membuat efek teks berjalan. Teks akan bergerak dari kiri ke kanan, kanan ke kiri, atas ke bawah, atau sebaliknya, tergantung pada peng...
Baca selengkapnya

KELAS X PERTEMUAN 4

-
  Halo semuanya semoga kabar baik selalu bersama kita semua, Adapun hal yang akan kita bahas adalah tentang pembuatan surat dan untuk latihannya silihkan klik link dibawah: https://docs.google.com/document/d/1Ohhdk9qTOhx5ttBBjb87pJSJHL1igxeW/edit?usp=drive_link&ouid=115861785164618019552&rtpof=true&sd=true INGAT SETELAH KALIAN BUKA LINK DIATAS KALIAN KLIK FILE KEMUDIAN SAVE DAN PILIH MIKROSOFT WORD YA SETELAH SELESAI MEMBUATNYA SILAHKAN KALIAN UPLOAD KE : https://drive.google.com/drive/folders/1wxT1bS2OVAQO_SaHtTN7UEyJMqNPvhhc?usp=drive_link ABSENSI BERDASARKAN UPLOAD TUGAS YA
Baca selengkapnya