Membuat Aplikasi Android Menggunakan App Inventor

Menginstall app inventor

App Inventor dapat digunakan secara online maupun offline. Jika akan menggunakan nya secara online dapat di akses pada alamat https://appinventor.mit.edu/ . Dapat diakses secara offline pada alamat web http://appinvertor.mit.edu/explore/ai2/windows.html dan juga https://sourceorge.net/projects/ai2u.

Jika memilih menggunakan app inventor dengan offline maka dapat di download terlebih dahulu. Setelah proses download selesai klik “run administrator” untuk proses installasi dan ikuti step by step nya.

Jika menggunakan app inventor dengan online cara pertama yang harus dilakukan adalah browser

Setelah terinstall baik menggunakan online atau offline akan muncul tampilan sebagai berikut :

Pilih “create Apps!” yang terletak di atas kiri layar setelahnya pilih akun google yang akan digunakan untuk membuat aplikasi

Setelah memilih akun maka akan muncul tampilan ini dan klik “I Accept …”

Setelah nya akan muncul tampilan seperti gambar dibawah

Jika sudah di close maka pilihlah ”start new project” yang terleta di kiri atas untuk memulai membuat aplikasi

Setelahnya beri nama project yang akan kita buat

Setelah selesai akan muncul tampilan ini dan kita bisa mengubah ukuran layar sesuai dengan kebutuhan kita

Yang sudah dibuat :

- - Membuat Background dengan aplikasi canva online

- Membuat flashscreen dengan aplikasi canva

- Membuat Beberapa Button Menu

- Merancang Aplikasi

- Mencari materi dan soal yang dibutuhkan

- - Rencana game yang akan dibuat dan digunakan pada app inventor

Langkah dalam Membuat Aplikasi Termodinamika Menggunakan App Inventor

- Memilih start new project

- Memberi nama projek yang akan dibuat

- Tampilan awal app inventor

- Pilih ukuran baik itu phone atau yang lainnya

Untuk menghilangkan tulisan “Screen1” yang ada diatas layar maka centang “titlevisibe”

- Upload background yang sudah dibuat

- Pilih upload file

- Pilih choose file

- Setelah selesai memilih klik ok

- Tampilan ketika backround telah terupload

Untuk membat flashscreen, pilihlah clock pada tab sensor

Tarik clock dan simpan di layar

- Ubah timeinterval menjadi 5000

- Tambahkan sound agar ada musik saat tampilan flashscreen

- Ambil dan tarik sound ke layar dan pilih lagu yang akan digunakan

Pilih upload file

Pilih choose file

Setelah selesai memilih file music nya maka klik ok

Lanjut ke screen yang kedua caranya dengan menambahkan screen

- Bisa kita namai screennya

- Tambahkan image untuk memasukan foto dengan mengambil dan menariknya ke layar

- Memilih foto dengan cara : upload file, choose file dan ok

- Memilih ukuran foto yang diinginkan

- Tambahkan horizontalarragement di bawah foto

- Ubah ukuran dan juga backgroundnya

Tambahkan button dan juga label di dalam horizontalarragement

- Tampilan button setelah diubah ukurannya

- Upload file foto yang telah dibuat

- Tampilan pada screen selanjutnya ada 6 button yang digunakan. Pada aplikasi jika button di klik maka akan muncul ke screen yang dituju

- Jika mengklik button materi maka akan muncul screen ini. Pada screen materi terdapat 5 button. Background nya diganti menggunakan image dan diatur letaknya menggunakan label serta horizontalarragement

- Pada screen materi, jika di klik button usaha dalam termodinamika maka akan muncul screen seperti dibawah. Pada screen usaha ada 3 button yang digunakan yaitu back untuk kembali kehalaman materi, next untuk ke halaman usaha yang kedua dan menu untuk kembali ke menu awal

- Pada screen sebelummya jika di klik next maka akan muncul screen usaha yang kedua. Pada screen ini ada dua button yang digunakan yaitu back dan juga menu. Untuk background mengguanakan foto yang telah dibuat di aplikasi canva dan foto di gunakan dengan menarik tombol image dan menyimpannya ke layar

- Selanjutnya adalah screen tentang proses dalam termodinamika. Dalam screen ini ada 6 button yang masing masing buttonnya akan mengarah pada screen yang dituju.

- Jika mengklik button isothermal pada screen proses termodinamika maka akan muncul screen :

- Jika mengklik button isokhorik pada screen proses termodinamika maka akan muncul screen :

- Jika mengklik button isobarik pada screen proses termodinamika maka akan muncul screen :

Jika mengklik button adiabatik pada screen proses termodinamika maka akan muncul screen :

- Selanjutnya adalah membuat screen latihan soal.

Dengan menggunakan horizontalarragement, label dan button

- Jika button mulai pada screen latihan soal di klik akan muncul screen selanjutnya.

Pada screen ini digunakan 5 button untuk opsi dalam soal pilihan gandanya. Dan juga labeh berwarna genta untuk soalnya yang nanti akan otomatis ada pada aplikasinya

- Setelah selesai mengisi soal maka aplikasi akan otomatis mengarah pada screen hasil dari mengisi latihan soalnya.

- Pada screen tentang, petunjuk penggunaan, video, game dan download materi digunakan WebViewer yang filenya terlebih dahulu sudah di upload ke google drive dan link nya di simpan di WebViewer.

Setelah selesai membuat desain nya selanjutnya adalah mengatur programnya hanya dengan cara memilih, menarik dan menyambungkan bahasa program satu ke yang lainnya.

- Program pada flashscreen