Langsung ke konten utama

Tutorial AppInventor dan Button Musik Player secara online

  1. Pastikan java dan  jdk sudah terinstall dan terhubung ke internet
  2.  Lalu aktifkan xampp
   3.  Jika sudah terinstall lakukan penginstalan AppInventor
   4. Kemudian buat path java home dengan cara
advanced system setting > advanced > environtmen variables > pada system variabel pilih new lalu buatlah variabel berikut
variable name : JAVA_HOME

Variable value : C:\Program Files\Java\jdk1.8.0_05
Pada variable PATH tambahkan ; C:\Program Files\Java\jdk1.8.0_05\bin
15.    Jika sudah terinstall buka aistarter pastikan aistarter sudah running



26.    Kemudian masuk ke web browser, didalam web browser ketikan ai2.appinventor.mit.edu dan pastikan sudah mempunyai akun gmail dan sudah masuk ke akun gmail
pilih take survey later

tekan continue

37.     New project

48.    Pilih palette dengan menu User Interface Button, kemudian drag menu button ke screen


9. Ganti nama dari button dengan nama play
10. Masuk kemenu Media kemudian drag player kedalam screen

11. kemudian pada Component klik player, kemudian pada properties pilih source lalu pilih musik yang diinginkan sesuai selera

12. Jika background screennya ingin di ganti, maka klik screen lalu klik backgroundimage pada menu properties dan pilih dambar yang di inginkan

13. Klik button blocks
14. Kemudian pada menu blocks pilih screen lalu play kemudian pilih when play click


15. Pilih screen dan player lalu pilih call player start. Drag call player start ke dalam when play click sampai terdengar bunyi click
16. Kembali ke menu Designer
17. untuk mencoba apakah yang dibat sudah berjalan dengan semestinya pilih menu connect lalu pilih emulator












Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

Simulasi Arduino + Soil Moisture Sensor "tinkercad"

Haloooooo Hari ini kita akan simulasi arduino dan  soil moisture sensor dengan menggunakan tinkercad. yang harus disiapkan adalah arduino dan soil moisture sensor Buatlah rangkaian seperti gambar dibawah ini Setelah dibuat rangkaiannya klik tombol code kemudian ubah edit mode ke text dan ketikan code dibawah ini int soil; void setup() { Serial.begin(9600); } void loop() { soil = analogRead(A0); Serial.println(soil); delay(15); } Setelah memasukan code diatas kemudian klik start simulation dan teman-teman bisa mengatur kelembaban dengan menggeser icon embun. Untuk lebih jelasnya bisa cek di video ini https://youtu.be/_wM2EjpJIIE
Posting Komentar
Baca selengkapnya

Tutorial Membuat Game Tebak Gambar Menggunkan App Inventor Secara Online

1. Buat project baru 2. Drag verticalArragement dari palette Layout sebanyak 3 kali 3. Drag image dari palette User Interface kedalam verticalArragement 1 4. Drag button dan texbox dari palette User Interface kedalam verticalArragement 2 5. Drag button dari palette User Interface kedalam verticalArragement 3 6. Klik Screen1 pada Components ubah AlignHorizontal menjadi Center 7. Drag label dari palette User Interface, letakan dibawah verticalArragement 1 dan verticalArragement 3 8. Ubah nama Text dari Label 1 dengan QuestionLabel 9. Kosangkan nama Text dari Label 2 10. Untuk mempercantik tampilan ganti background dengan yang diinginkan 11. Ubah nama Text dari Button 1 dengan Submit dan Button 2 Next 12. Buatlah Blok Diagram.Masuk ke menu Blocks yang berada pada kanan atas sebelah Designer 13. Susun Blok Diagram seperti gambar dibawah ini 14. Setelah selesai klik Connect pilih Emulator, tunggu hingga terjadi koneksi Jika di PC tidak bisa di emulate maka coba i...
Posting Komentar
Baca selengkapnya

Membuat Aplikasi Program 3 Bahasa

1. Buka web browser anda dan buka  link ini  pasti kan sudah login pada akun gmail anda 2. Buat projek baru dengan nama AplikasiProgramBahasa 3. Siapkan objek gambar diantaranya:     - 3 bendera     - Cover 4. Buatlah tampilan seperti dibawah ini Tampilan Home Tampilan Screen 1 Tampilan Screen 2 Tampilan Tentang Tampilan Pilihan 5. Susun lah blog diagram seperti gambar dibawah ini Block Home Block Screen 1 Block Screen 2 Block Pilihan 6. Setelah selesai klik Build kemudian pilih App (Save .apk to my computer) 7. Setelah selesai meng-download masukan app yang berbentuk .apk tersebetu ke smartphone anda kemudian install 8. Jalankan 9. Selesai ======================================================================= Tampilan pada android
Posting Komentar
Baca selengkapnya